这是我参与「第四届青训营」笔记创作活动的的第6天
本堂课重点内容
-
前端学习路线图
-
关于 Web 标准
详细知识点介绍
起源、架构、变迁
-
Tim Berners-Less—《Information Management A Proposal》
-
1989年诞生时,Web 由三种技术构成
-
HTML
-
HTTP
-
URL
-
-
CSS 和 JavaScript 是后来者
只读时代(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
-
浏览器
-
服务器
-
终端和跨端
-
命令行/终端
-
桌面跨端
-
移动跨端
-
语言、框架、工具
-
语言
-
HTML、CSS、JavaScript
-
WebAssembly
-
-
框架、工具
-
node.js
-
koa
-
React
-
vue
-
Typescript
-
git
-
babel
-
webpack
-
esbuild
-
前端学习路线图
Frontend Developer Roadmap
关于 Web 标准
标准组织
-
W3C: World Wide Web Consortium
-
Ecma:Ecma International
-
WHATWG:Web Hypertext Application Technology Working Group
-
IETF:Internet Engineering Task Force
W3C 规范制定流程
-
Explainer
-
Find the right community/group
-
Web IDL for APIs
-
Step-by-step algorithms
-
Github,Markdown,respec,bikeshed,etc.
-
Get an early review w3ctag/design-reviews
-
Write web-platform-tests(WPT)tests
关注会议
-
W3C 会议
-
年度大会
-
AC(Advisory Committee)
-
TPAC(Technical Plenary and Advisory Committee)
-
-
工作组会议
-
每月会议
-
各种研讨会
-
-
-
Ecma 会议
-
年度大会
- GA(General Assembly)
-
TC39 会议
- 每1-2个月
-
课后个人总结
要成为一个优秀的前端工程师,所要求我们掌握的知识是全面的,只有我们了解了 Web 的起源、架构、变迁才能更好的了解前端,以前我对 Web 的标准是如何提出的关心与关注都不够,上完这节课才让我意识到这些都是需要去关注的,这不仅对自身编写代码有利,更有助于不断提高自身素质,开拓创新,与时俱进,而不是闭门造车,被时代抛弃。
引用参考
第四届字节跳动青训营「Web 标准与前端开发 」课程