关于前端开发

Internet

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

架构与变迁

Web架构

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

• HTML
• HTTP
• URL

Web变迁

只读时代

1989-2004 HTML/CSS/JavaScript

• 单向发布
• 静态只读
• 链接跳转
• 刷新页面
• 表格对齐元素
• CGI

体验时代

2005-2010 Ajax/Web APl/jQuery

• 动态交互
• 社交媒体
• 用户生成内容(UGC)
• 单页应用(SPA)
• jQuery
• YUI

敏捷时代

2010-2021 Fetch/Node.js/Webpack

• 模块化
• 组件化
• 转译 (transpiling)
• 打包 (bundling)
• React.js
• Vue.js

前端应用的领域

浏览器

• Desktop
• Mobile

服务器

• Node.js
• Express.js
• koa

跨端和终端

• 命令行 / 终端
  • Webpack
  • Babel
  • Vue
  • React
• 桌面跨端
  • Electron
  • NW.js
• 移动跨端
  • React Native
  • Flutter

语言、框架、工具

语言

HTML、CSS、JS、WebAssembly

框架、工具

Node.js、koa、react、vue、TS、Webpack、Babel

浏览器、网络、服务器

浏览器

网络

服务器

前端学习路线

关于Web标准

标准组织

• W3C
• Ecma
• WHATWG
• IETF

W3C规范制定流程

The W3C Recommendation Track

• 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会议

• 年度大会
  • AC (Advisory Committee)
  • TPAC (Technical Plenary and Advisory Committee)
• 工作组会议
  • 每月会议
  • 各种研讨会

Ecma会议

• 年度大会
  • GA (General Assembly)
• TC39会议
  • 每1-2个月

总结

本节课介绍了前端开发和Web标准相关的内容，介绍了前端开发的一些起源与演变和如今前端开发的相关工具与架构；介绍了关于Web标准相关的组织与规范流程等。