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

前端开发

起源、架构、变迁

起源

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

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

Web的三种技术架构

• HTML（网页结构）
• HTTP（超文本传输协议）
• URL （网页唯一标准资源的协议）

变迁

只读时代

1989-2004

HTML/CSS/JavaScript

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

体验时代

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

前端应用的领域之浏览器

• 桌面浏览器
• 移动浏览器

前端应用的领域之服务器

• node.js
• Koa
• Express.js

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

命令行/终端

• Webpack CLI
• Babel CLI
• vue CLI
• React CLl

桌面跨端

• Electron
• NW. js

移动跨端

• React Native
• Flutter

语言、框架、工具

语言

WebAssembly

二进制代码紧凑，能让浏览器接近原生速度，类汇编写法

框架

工具

浏览器/p>

HTTP

前端学习

关于web的标准

开放，不是任何一家公司的技术

Web标准组织

• W3C:World Wide Web Consortium万维网
• Ecma:Ecma International
• WHATWG: Web Hypertext ApplicationTechnology 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/ietf

关于Web标准:W3C及Ecma会员

w3C目前在全球有457家会员(link) ，其中北航总部（中国区)会员47家‘(link )

Eoma的AM (Associate Member〉会员目前有18家，中国公司有字节跳动、360、阿里、华为、腾讯等5家(link)

w3C规范制定流程

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 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

如何参与——关注会议

W3C会议

年度大会

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

工作组会议

• 每月会议
• 各种研讨会

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

Ecma会议

年度大会

• GA (General Assembly)

TC39会议

• 每1-2个月