这是我参与「第四届青训营」笔记创作活动的第1天

前端发展简史

1990 年，Tim 以超文本语言 HTML 为基础在 NeXT 电脑上发明了最原始的 Web 浏览器

1994 万维网联盟（World Wide Web Consortium）成立，简称 W3C

1995 网景推出 JavaScript

只读时代（1989-2004）：单向发布、静态只读

体验时代（2005-2010）：动态交互、用户体验

敏捷时代（2010-2022）：模块化、组件化

一什么是前端

- 解决GUI人机交互问题

-跨终端

PC/移动浏览器

客户端/小程序

VR/AR等

- Web技术栈

二前端技术栈

HTML（内容）

CSS（样式）

JavaScript（行为）

三开发环境

想要做好一个前端项目，一个良好的开发环境是必备的！

浏览器选择

- Edge - Chrome(推荐) - Firefox

编译器选择

- VSCode(推荐) - WebStorm - Vim

架构

- node.js - koa - ts - webpack - vue - git - esbuild

四简单编程

标题和段落

<!DOCTYPE html>
<html>
  <head>
     <meta charset="UTF-8">
     <title>页面标题</title>
     </head>
     <body>
      <h1>一级标题</h1>
      <p>段落内容</p>
      <h2>二级标题</h2>
     </body>
     </html>>

图片与视频

<!DOCTYPE html>
<html>
  <head>
     <meta charset="UTF-8">
     <title>页面标题</title>
     </head>
     <body>
      <img src="图片路径"/>
      <video src="视频路径"/>
     </body>
     </html>>