第六届字节跳动青训营 Web标准与前端开发 笔记 | 青训营

95 阅读3分钟

Web 开发基本情况介绍 - 掘金 (juejin.cn)

Web 开发标准 - 掘金 (juejin.cn)

笔者在学习该课程后,对课程中的部分知识点进行总结梳理,给出自己的理解,并给他同学一些建议

Web的起源

“一个建议”:信息的互联、互联网

Web的架构

image.png

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

前端学习路线

Frontend Developer Roadmap

标准组织

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

官网:www.ecma-international.org

TC39:tc39.es

Github :github.com/tc39

Discourse :es.discourse.group

WHATWG

官网:whatwg.org/

Github:github.com/whatwg

规范查询spec.whatwg.org/

IETF

官网:www.ietf.org/

Github:github.com/jetf

W3C规范制定流程

image.png

  • 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规范制定流程

image.png  

  • 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标准,行业标准的发展动态,可以帮助学习前端的同学更好的把握前端的前沿趋势,入门的同学可以学习了解。

上文提供了课程中的相关资料、标准相关的链接,可供同学们直接访问。

部分截图和内容来自课程