关于前端开发

起源、架构、变迁

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

• Web的架构
  1989年诞生，Web由三种技术构成：
  • HTML
  • HTTP（超文本传输协议）
  • URL
    CSS和JavaScript是几年之后才出现的。
• Web的变迁
  • 只读时代 1989-2004
    HTML/CSS/JavaScript
    • 单向发布
    • 静态只读
    • 链接跳转
    • 刷新页面
    • 表格对齐元素
    • CGI
  • 体验时代 2005-2010
    Ajax/Web API/jQuery
    • 动态交互
    • 社交媒体
    • 用户生成内容（UGC）
    • 单页应用（SPA）
    • jQuery
    • YUI
  • 敏捷时代 2010-2021
    Fetch/Node.js/Webpack
    • 模块化
    • 组件化
    • 转译（transpiling）
    • 打包（bundling）
    • React.js
    • Vue.js

前端应用的领域

• To Business（企业、组织机构） 银行等
• To Customer（终端客户）
• To Developer（开发者）

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

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

语言、框架、工具

前端学习路线

关于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 Menber)会员目前有18家，中国公司有字节跳动、360、阿里、华为、腾讯等5家

W3C流程

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) test

TC39流程

Ecma TC39规范制定流程

1. strawman.A free form way of submitting ideas
2. proposal.A formal proposal for the feature
3. draft.Has description of syntax and semantics
4. candidate.Spec text compledte,has 2 implementations
5. finished.Ready for standard,passes unit tests

如何参与

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)
• 工作组会议
  • 每月会议
  • 各种研讨会

Ecma会议

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