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

一、关于前端开发

起源、架构、变迁

Web诞生于1989年，至今已有三十多年的历史。

计算机网络诞生于上世纪六十年代，标志性通信协议是TCP/IP。

1989年web诞生时由三种技术构成：HTML\HTTP\URL， CSS和JavaScript是之后几年才出现的。

Web时代变迁

• 只读时代，客户端相当于一个静态的页面，想更新页面只能发送网络请求，无法在不刷新的情况下更新页面
• 体验时代，客户端实现了静态向动态的跨越，拥有了动态交互能力，在后台就可以通过js向服务器发送请求，通过修改DOM将更新的内容展示在网页中。当时的谷歌地图等都使用了这种技术。
• 敏捷时代，即现在的主流，用户的体验越来越受到重视，前端受到了重视，前端开发开始变得模块化、组件化，这个时代出现了React、Vue等知名框架，也出现了Webpack这类的打包工具

前端应用的领域

「To Business 企业」

字节的火山引擎、公有云等等，表现为一个为企业提供许多种类的服务的网站，规模庞大也很赚钱的一个领域。

「To Customer 客户」

最早期的网页就是一个信息分享的作用，现在的直接触达客户的网站，包括电商平台、在线教育、手机端的H5等等，都是ToC的应用。

「To Develop 开发者」

提高Web开发效率的工具，代码编辑器等等。

「浏览器」

桌面浏览器：Chrome、FireFox、Edge等

移动浏览器：安卓、IOS

「终端和跨端」

命令行/终端

• Webpack CLI
• Babel CLI
• Vue CLI
• React CLI

「桌面跨端」

• Electron
• NW.js

「移动跨端」

• React Native
• Flutter

「服务器」

• node.js

• express.js

语言、框架、工具

学习路线图

二、关于前端开发

• W3C: World Wide Web Consortium （通常意义上的Web标准）

  • 官网：www.w3.org/
  • Github：github.com/w3c
  • 规范查询：All Standards and Drafts - W3C

• Ecma: Ecma International（ECMAScript标准化规范）

  • Ecma TC39官网：Home - Ecma International (ecma-international.org)
  • TC39：TC39 – Specifying JavaScript.
  • Github：Ecma TC39 (github.com)
  • Discourse（讨论组）：TC39 - Specifying JavaScript (es.discourse.group)

• WHATWG: Web Hypertext Application Technology Working Group

  • 官网：Web Hypertext Application Technology Working Group (WHATWG)
  • Github：WHATWG (github.com)
  • 规范查询：Standards — WHATWG

• IETF: Internet Engineering Task Force

  • 官网：IETF | Internet Engineering Task Force
  • Github：Internet Engineering Task Force (IETF) (github.com)

W3C及Ecma会员

W3C规范制定流程

如何参与——关注会议

W3C会议（简称TPAC）是W3C一年一度的全球技术大会，汇集 W3C各工作小组成员（工作组、兴趣组、社区组等）、咨询委员会 （AB）、技术架构组（TAG）、会员单位代表（AC）、公众特邀专家以及全球社区成员，通过为期1-2周的集中互动交流，深入探讨未来开放Web平台技术方向。

• 年度大会

  • AC
  • TPAC（Technical Plenary and Advisory Committee）

• 工作组会议

  • 每月会议
  • 各种研讨会