Web标准与开发 | 青训营

Web标准与前端开发

简介

1.介绍了前端的历史，语言，浏览器，服务器，网络，学习路线图。

2.介绍了关于Web的标准，标准组织，各个标准的制定流程以及关于会议

一：起源

万维网的发明者：Tim Berners-Lee

1990写的论文：Information Management: A Proposal

“Suppose all the information stored on computers everywhere were linked. Suppose I could program my computer to create a space in which everything could be linked to everything”

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

• Html

• Http

• URL

  当时还并没有css和Javascript

二：三个时代

只读时代(1989-2004):HTML/CSS/Javascript

• 单向发布
• 静态只读
• 链接跳转
• 刷新页面
• 表格对齐元素
• CGI

体验时代(2005-1010):AJax/Web API/jQuery

• 动态交互
• 社交媒体
• 用户生成内容（UGC）
• 单页应用（SPA）
• jQuery
• YUI

敏捷时代(2010-2021):Fetch/Node.js/Webpack

• 模块化
• 组件化
• 转译（transpiling）
• 打包（building）
• React.js
• Vue.js

四：工具：

服务器：Node.js Express.js koa

跨端：

• 桌面：Electron/NW.js
• 移动：React Native/Flutter
• WebAssembly

其他：git/babel/webpack/esbuild

还提供了三个网站：

• 深入理解现代浏览器
• Http的概述
• 学习路线图

五：关于Web标准

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: github.com/whatwg

规范查询: spec.whatwg.org/

IETF

官网:www.ietf.org

Github: github.com/ietf

制定流程

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的规范指定流程

• strawman. A free form way of submitting ideas.
• proposal. A formal proposal for the feature.
• draft. Has description of syntax and semantics.
• candidate. Spec text complete, has 2 implementations
• finished. Ready for standard, passes unit tests

关于会议

W3C会议

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

年度大会:

AC (Advisory Committee) TPAC (Technical Plenary and Advisory Committee)

工作组会议

每月会议 各种研讨会 link

Ecma会议

年度大会

GA (General Assembly)

TC39会议

每1-2个月

Meeting calendar