Web标准与前端开发|青训营笔记

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

关于前端开发

起源、架构、变迁

上网指接入Internet，它是地球上相互连接的计算机构成的网络。计算机网络诞生于上个世纪的60年代，标志性通信协议是TCP/IP。

1989年诞生时，Web由三种技术构成：

1. HTML
2. HTTP
3. URL

CSS和JavaScript是几年之后才出现的。

只读时代	体验时代	敏捷时代
1989-2004	2005-2010	2010-2021
HTML/CSS/JavaScript	Ajax/Web API/jQuery	Fetch/Node.js/Webpack
1. 单向发布 2. 静态只读 3. 链接跳转 4. 刷新页面 5. 表格对齐元素 6. CGI	1. 动态交互 2. 社交媒体 3. 用户生成内容 4. 单页应用 5. jQuery 6. YUI	1. 模块化 2. 组件化 3. 转译（transpiling） 4. 打包（bundling） 5. React.js 6. Vue.js

前端应用的领域

1. To Business
2. To Customer
3. To Developer

浏览器：

1. Chrome
2. Safari
3. Firefox

服务器：node.js

终端和跨段：

命令行/终端	桌面跨端	移动跨端
1. Webpack CLI 2. Babel CLI 3. Vue CLI 4. React CLI	1. Electron 2. NW.js	1. React Native 2. Flutter

语言、框架、工具

语言：

1. HTML
2. CSS
3. JavaScript
4. WebAssembly

框架：

1. node.js
2. koa
3. React
4. Vue
5. TypeScript
6. git
7. Babel
8. Webpack
9. Esbuild

工具：

1. 浏览器：深入理解现代浏览器
2. 网络：An overview of HTTP

前端学习路线图

Developer Roadmaps

关于Web标准

了解Web标准组织

W3C

World Wide Web Consortium

官网：Account request (w3.org)

Github：World Wide Web Consortium (github.com)

规范查询：All Standards and Drafts - W3C

Ecma

Ecma International

官网：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目前在全球有457家会员，其中北航总部（中国区）会员47家。

Ecma的AM（Associate Member）会员目前有18家，中国公司有5家。

W3C流程

1. Explainer demo
2. Find the right community/group
3. Web IDL for APIs
4. Step-by-step algorithms
5. GitHub, Markdown, respec, bikeshed, etc.
6. Get an early review w3ctag/design-reviews
7. Write web-platform-test（WPT）tests

TC39流程

1. Championing a proposal at TC39
2. How to write a good explainer
3. Presenting a proposal to TC39
4. Reading a proposal draft
5. Stage 3 Proposal Reviews
6. How to experiment with a proposal before Stage 4
7. Implementing and shipping TC39 proposals

如何参与

W3C会议

年度大会：

1. AC（Advisory Committee）
2. TPAC（Technical Plenary and Advisory Committee）

工作组会议：

1. 每月会议
2. 各种研讨会

Ecma会议

年度大会：GA（General Assembly）

TC39会议：每1-2个月