Web标准与前端开发

这是我参与「第六届青训营 」伴学笔记创作活动的第 4 天

前端开发的起源、架构、变迁

前端最早诞生于1989年，最早的Web是由HTML、HTTP、URL三种技术构成，而我们现在的CSS和JavaScript都是后来才出现的技术。前端发展至今可以分为三个时代分别是只读时代、体验时代、敏捷时代。

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

前端的应用领域

• To Business（面向公司）
• To Customer（面向用户）
• To Developer（面型开发者）

前端比较前沿的语言、框架、工具

• 语言
  • HTML、CSS、JavaScript
  • WebAssembly
• 框架、工具
  • node.js
  • koa
  • React
  • vue
  • Typescript
  • git
  • babel
  • webpack
  • esbuild

下面来说说关于前端的标准

关于Web标准

标准组织

• W3C: World Wide Web Consortium
• Ecma: Ecma International
• WHATWG: Web Hypertext ApplicationTechnology Working Group
• IETF: Internet Engineering Task Force

关于Web标准

W3C

• 官网: www.w3.org
• Github: github.eom/w3c
• 规范查询： www.w3.org/TR

Ecma TC39

• 官网: https:.//www.ecma-international.org
• TC39: tc39.es
• Github: qithub.com/tc39
• Discourse: es.discourse.group

WHATWG

• 官网: whatwg.org/
• Github: github.com/whatwg
• 规范查询: spec.whatwg.org/

IETF

• 官网: www.ietf.org/
• Github: github.com/ietf

W3C规范制定流程

• Explainer demo (演示Demo)
• Find the right community/group (找到合适的组织)
• Web IDL for APIs link（API 链接的 Web IDL）
• Step-by-step algorithms（逐步算法）
• GitHub, Markdown, respec, bikeshed,etc（上传GitHub, Markdown, respec, bikeshed,etc等）
• Get an early review w3ctag/design-reviews（获得w3ctag的评估）
• Write web-platform-tests (WPT) tests（编写测试）