前端开发
起源、架构、变迁
Web 在1989年诞生时，由 HTML、HTTP、URL 三种技术构成，CSS 和 JavaScript 是几年之后才出现的。 前端的变迁：
| 只读时代 | 体验时代 | 敏捷时代 |
|---|---|---|
| 1989-2004 | 2005-2010 | 2010-2021 |
| HTML/CSS/JavaScript | Ajax/Web API/jQuery | Fetch/Node.js /Webpack |
| 单向发布 | 动态交互 | 模块化 |
| 静态只读 | 社交媒体 | 组件化 |
| 链接跳转 | 用户生成内容 | 转译 |
| 刷新页面 | 单页应用 | 打包 |
| 表格对其元素 | jQuery | React.js |
| CGI | YUI | Vue.js |
前端应用的领域
- Business
- Customer
- Developer
- 浏览器：Desktop（chrome、edge、Firefox等）、Mobile（Android、iOS）
- 服务器：node、Express JS、koa
- 终端和跨端
- 命令行/终端：Webpack CLI、Babel CLI、Vue CLI、React CLI
- 桌面跨端：Electron、NW.js
- 移动跨端：React Native、Flutter
语言、框架、工具
语言： HTML、CSS、JavaScript 框架和工具： node.js、koa、react.js、vue.js、TS、git、babel、webpack、esbuild
Web标准
标准组织
- W3C: World Wide Web Consortium
- 官网: https:/www.w3.org
- Github: github.com/w3c
- 规范查询: www.w3.org/TR
- Ecma: Ecma International
- 官网: www.ecma-international.org
- TC39: tc39.es
- Github: github.com/tc39
- Discourse: es.discourse.group
- WHATWG: Web Hypertext Application Technology Working Group
- 官网: whatwg.org/
- Github: github.com/whatwg
- 规范查询: spec.whatwg.org/
- IETF: Internet Engineering Task Force
- 官网: www.ietf.org/
- Github: github.com/ietf
W3C规范制定流程：
- Explainer demo
- Find the right community/group
- Web IDL for APIs link
- Step-by-step algorithms
- GitHub, Markdown,respec, bikeshed, etc.
- Get an early review w3ctag/design-reviews
- Write web-platform-tests (WPT) tests
Ecma TC39规范制定流程：
- Championing a proposal at TC39
- How to write a good explainer
- Presenting a Proposal to TC39
- Reading a proposal draft
- Stage 3 Proposal Reviews
- How to experiment with a proposal before Stage 4
- Implementing and shipping TC39 proposals
如何参与——关注会议： W3C会议
W3C Technical Plenary / Advisory Committee Meetings Week (简称TPAC)是W3C一年一度的全球技术大会，汇集 W3C 各工作小组成员(工作组、兴趣组、社区组等) 、咨询委员会 (AB) 、技术架构组(TAG) 、会员单位代表 (AC) 、公众特邀专家以及全球社区成员，通过为期1-2周的集中互动交流，深入探讨未来开放 Web 平台技术方向。
- 年度大会
- AC (Advisory Committee)
- TPAC (Technical Plenary and Advisory Committee)
- 工作组会议
- 每月会议
- 各种研讨会
