笔者在学习该课程后,对课程中的部分知识点进行总结梳理,给出自己的理解,并给他同学一些建议
Web的起源
“一个建议”:信息的互联、互联网
Web的架构
Web的发展历程
1.只读时代(1989-2004)
技术:HTML/CSS/JavaScript
特点:单向发布、静态只读、链接跳转、刷新页面、表格对齐元素、CGI
2.体验时代(2005-2010)
技术:Ajax/Web API/jQuery
特点:动态互动、社交媒体、用户生产内容(UGC)、单页应用(SPA)、jQuery、YUI
3.敏捷时代(2010-2021)
技术:Fetch/Node.js/Webpack
特点:模块化、组件化、转译(transpiling)、打包(bundling)、React.js、Vue.js
思考:前端开发更加规范化、标准化
前端应用领域
商业(银行)、客户(电商)、开发者(开发工具)
浏览器(五大浏览器)、移动端(安卓、苹果)
服务器(nodejs)
终端(Vue CLI、React CLI、Webpack CLI、Babel CLI)
桌面跨端(Electron、NW.js)
移动跨端(React Native、Flutter)
思考:前端的应用领域广泛,不局限于浏览器中的网页
前端开发的语言、框架、工具
语言:HTML、CSS、JavaScript(三大件、基本)、WASM(C、C++、Rust)(前景)
框架:nodejs、koa、React、Vue、TS、git、BABEL、webpack、esbuild
前端学习路线
标准组织
W3C:World Wide Web Consortium
Ecma:Ecma International
WHATWG:Web Hypertext Application Technology Working Group
IETF:Internet Engineering Task Force
W3C
官网:www.w3.org
Github:github.com/w3c
规范查询:www.w3.org/TR
Ecma TC39
TC39:tc39.es
Github :github.com/tc39
Discourse :es.discourse.group
WHATWG
官网:whatwg.org/
Github:github.com/whatwg
规范查询spec.whatwg.org/
IETF
Github:github.com/jetf
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) 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 Stage4
-
Implementing and shipping TC39 proposals
W3C会议
年度大会:AC(Advisory Committee)、TPAC(Technical Plenary and Advisory Committee)
工作组会议:每月会议、各种研讨会
TPAC
一年一度的全球技术大会,汇集W3C各工作小组成员(工作组、兴趣组、社区组等)、咨询委员会(AB)、技术架构组(TAG)、会员单位代表(AC)、工会特邀专家以及全球社区成员、通过为期1-2周的集中互动交流,深入人探讨未来开放Web平台技术方向
课程总结与建议
课程一立足于前端开发这一行业的宏观视角,讲解前端开发职业的发展脉络和前端开发主要的工作职责,帮助大家在正式学习前端开发技术之前,对行业整体情况有一个清晰的认知,适合于刚入门前端的同学。
课程二介绍了Web标准,行业标准的发展动态,可以帮助学习前端的同学更好的把握前端的前沿趋势,入门的同学可以学习了解。
上文提供了课程中的相关资料、标准相关的链接,可供同学们直接访问。
部分截图和内容来自课程