这是我参与「第四届青训营 」笔记创作活动的的第4天

Web标准与前端开发

关于前端开发

起源、架构、变迁

上网指的是上哪个网？

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

1989年诞生时，Web由三种技术构成：

• HTML 超文本标记语言
• HTTP 超文本传输协议
• URL 统一资源定位系统

CSS和JavaScript是几年之后才出现的。

前端应用的领域

To Business

对企业来说，包括大型机构、银行、互联网公司等，如字节的火山引擎、现在很多的公有云平台、广告平台等。表现是需要登录一个网页，登录之后提供有各种各样的服务的选项，可以管理资源、监控服务状态等。

To Customer

对客户来说，最早期网页在老百姓之间实现信息共享的作用，现在通过网站，包括手机端内嵌的Web view展现H5页面，直接触达终端客户的包括门户网站、电商平台、在线教育、新闻资讯、生活娱乐等平台都是用Web技术搭建的。

To Developer

对开发者来说，用Web技术来构建提高Web开发效率本身的工具，Web开发从模块化、打包、编译、转译到测试、开发部署还有调试、运维等等整个流程，每个环节都离不开大量的工具支持，开发者自产自销。

浏览器

桌面浏览器

Google Chrome、Edge、Firefox......

移动浏览器

服务器

node.js、Express.js、koa

终端和跨端

命令行/终端

• Webpack CLI
• Babal CLI
• Vue CLI
• React CLI

桌面跨端

• Electron
• NW.js

移动跨端

• React Native
• Flutter

语言、框架、工具

语言

HTML

structure

CSS

presentation/apparence

JavaScript

dynamism/action

框架及作者

工具

浏览器、网络、服务器

前端学习路线图

完整请看：roadmap.sh/frontend

关于Web开发

了解Web标准组织

• W3C：World Wide Web Consortium
• • 官网：www.w3.org
• • Github：github.com/w3c
• • 规范查询：www.w3.org/TR
• Ecma：Ecma Internetional
• • 官网：www.ecma-international.org
• • TC39：tc39.es
• • Github：github.com/tc39
• • Discourse：es.discourse.group
• WHATWG：Web Hypertext Application Technology Working Group
• • 官网：whatwg.org/
• • Github：github.com/whatwg
• • 规范查询：spec.whatwg.org/
• IETF：Internet Engineering Task Force
• • 官网：www.ietf.org/
• • Github：github.com/ietf

W3C与Ecma会员

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

W3C流程

• Explainer
• Finde 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

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 Stage 4
• Implementing and shipping TC39 proposals

如何参与

如何参与————关注会议

年度大会

• AC（Advisory Committee）
• TPAC（Technical Plenary Advisory Committee）

工作组会议

• 每月会议
• 各种研讨会

W3C会议

W3C Technical Plenary / Advisory Committee Meetings Week(简称TPAC)是W3C一年一度的全球技术大会，汇集W3C各工作小组成员(工作组、兴趣组、社区组等)、咨询委员会(AB)、技术架构组(TAG)、会员单位代表(AC)、公众特邀专家以及全球社区成员，通过为期1-2周的集中互动交流，深入探讨未来开放Web平台技术方向。

Ecma会议

年度大会

GA（General Assembly）

TC39会议

每1~2个月