这是我参与「第五届青训营 」伴学笔记创造活动的第 6 天

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

前端最早诞生于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（编写测试）

课后总结

学完Web规范与前端开发的课程后，让我对Web的规范有了愈加明晰和深刻的了解。对前端这个岗位有了更明晰的了解。了解到了前端开展的历程，扩宽了我的知识面