Web标准和前端开发 | 青训营

144 阅读2分钟

关于前端开发

关于前端开发起源、架构、变迁

1.png

很多人分不清“上网”是上的哪个网?即使在互联网的诞生地也是如此。Web的普及和深入人可见一斑。

上网指接入Internet,它是地球上相互连接的计算机构成的网络。计算机网络诞生于上个世纪的6O年代,标志性通信协议是TCP/IP。

1989年诞生时,Web由三种技术构成:

  • HTML
  • HTTP
  • URL CSS和JavaScript是几年之后才出现的。

2.png

3.png

前端应用的领域

  • Business(企业级应用,企业资源管理)
  • Customer(面向消费者,门户网站、电商平台)
  • Developer(面向开发者,提升开发者开发效率的平台、工具、框架)

前端应用的领域之浏览器

Desktop

  • 谷歌
  • Microsoft Edge
  • 火狐
  • Opera
  • Safari

Mobile

  • 安卓
  • 苹果

前端应用的领域之服务器

  • Node.js
  • Express JS
  • Koa

前端应用的领域之终端和跨端

命令行/终端

  • Webpack CLI
  • Babel CLI
  • Vue CLI
  • React CLI

桌面跨端

  • Electron
  • NW.js

语言、框架、工具

4.png

5.png

浏览器、网络、服务器

深入理解现代浏览器

6.png

7.png

学习路线图

8.png

关于Web标准

组织标准

9.png

W3C、Ecma

W3C

Ecma TC39

WHATWG、IETF

WHATWG

IETF

W3C及Ecma会员

  • W3C目前在全球有444家会员(link),其中北航总部(中国区)会员46家(link)
  • Ecma的AM (Associate Member)会员目前有18家,中国公司有字节跳动、360、阿里、华为、腾讯等5家(link)

W3C规范制定流程

10.png

  • 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(编写测试)

Ecma TC39规范制定流程

11.png