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

关于前端开发

起源、架构、变迁

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

前端应用的领域

前端应用的领域之浏览器：

浏览器包括桌面浏览器和移动浏览器以及移动App中的WebView，都属于浏览器直接渲染Web应用的范畴。桌面浏览器包括Chrome、Edge、Firefox、Opera、Safari这五个主流浏览器；移动浏览器主要是Chrome、Safari，还有国内小程序提供商定制的一些浏览器引擎。换句话说，前湍不仅要开发在浏览器和WebView中运行的网页，也要开发在小程序运行时上跑的小程序。

前端应用的领域之服务器

服务端的开发目前主要还是依托于Node.js这个成熟的JS运行时，npm包管理平台已经成为世界最大的程序包管理平台，还有Express、Koa等Web开发框架的生态，同时也要关注Deno这个新的JavaScript安全运行时。

前端应用的领域之终端和跨端

前端学习路线图

roadmap.sh/frontend

很完整可以根据自己的学习情况进行借鉴

关于Web标准

了解Web标准组织

W3C: World Wide Web Consortium

Ecma: Ecma International

WHATWG: Web Hypertext Application Technology Working Group

IETF: Internet Engineering Task Force

W3C与Ecma会员

w3C目前在全球有457家会员，其中北航总部（中国区)会员47家。

Ecma的AM (Associate Member）会员目前有18家，中国公司有字节跳动、360、阿里、华为、腾讯等5家。

W3C流程

W3C的一个规范从草案到正式发布，通常都涉及以下几个方面:

Explainer demo：就是建议说明文档，比如要标准化某个领域的API，要先写一个建议文档，Slide上有个链接，里面包含相关示例:https:/W3ctag.github.io/explainers;
Find the right community/group：找到合适的社区或小组，把建议文档提交到社区或小组里充分讨论;
Web IDL for APls：IDL (Interface Description Language，接口描述语言)，用于描述API的一种标准方式:https:/heycam.github.io/webidl/;
Step-by-step algorithms：分步算法，就是要把算法步骤描述清楚;
GitHub,Markdown, respec, bikeshed, etc：这些都是工具;
Get an early review w3ctag/design-review：事先请TAG (Technical Architecture Group，技术架构组)进行设计评审;
Write web-platform-tests (WPT) tests：编写WPT测试。

TC39流程

2.4 Ecma TC39规范制定流程：

负责制定ECMAScript规范的是TC39，TC是Technial Committee，技术委员会的意思。

Stage 0: strawman，稻草人，以任何形式提交的想法
Stage 1: proposal，提案，特性的正式建议
Stage 2: draft，草案，具有语法和语义的描述
Stage 3: candidate，候选，规范文本完备，有了两个实现
Stage 4: finished，完成，可以成为标准，通过单元测试

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