Web 标准与前端开发|青训营笔记

82 阅读2分钟

这是我参与「第四届青训营」笔记创作活动的的第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 标准与前端开发 」课程