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

一.关于前端开发

起源，架构，变迁
前端应用的领域
语言，框架，工具
前端学习路线图

1.关于前端开发：起源，架构，变迁

起源：

前端的起源是一篇建议文章：

网页地址： The original proposal of the WWW, HTMLized (w3.org)

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

架构：

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

css和Javascript是几年之后才出现的

变迁：

只读时代（1989-2004）

HTML/CSS/JavaScript

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

体验时代（2005-2010）

Ajax/Web APL/jQuery

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

敏捷时代（2010-2021）

Fetch /Node.js /Webpack

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

2.前端应用的领域

To Business
To Customer
To Developer

浏览器：

包括桌面浏览器和移动浏览器，以及移动App中的WebView，都属于浏览器直接渲染Web应用的范畴

服务器：

服务器的开发目前主要还是依托于Node.js这个成熟的js运行，npm包管理平台已经成为世界最大的程序包管理平台，2019年6月超过100万。当然，还有Express，koa等Web开发框架的生态

终端和跨终端

这个应用领域通常是开发者工具，比如命令行工具里的Webpack，Babel，React，Vue都有CLI版，而桌面跨端主要有Electron和NW.js，目前世界上最流行的编码环境VSCode就是基于Electron的一个Web应用

3.语言，框架，工具

语言：

HTML，CSS，JavaScrip是前端开发必须掌握的三门语言。HTML负责结构页面，CSS为页面提供装饰，JavaScrip赋予页面动态和交互能力。

框架和工具：

4.浏览器，网络，服务器

我们对于前端的学习，一定离不开前端代码运行的环境，那就是浏览器，网络和服务器。

关于浏览器，网络，服务器的知识，请参考： w3c/20190603_cncuckoo_深入理解现代浏览器.md at master · 75team/w3c (github.com)

HTTP 概述 - HTTP |MDN (mozilla.org)

5.学习路线图

前端开发人员路线图：学习成为现代前端开发人员 (roadmap.sh)

二.关于Web标准

了解Web标准组织
W3c与Ecma会员
W3c流程
Tc39流程
如何参与

1.Web的标准组织

W3C：World Wide Web Consortium （万维网联盟）
Ecma：International （Ecma国际）
WHATWG： Web Hypertext Application
Technology Working Group （网络超文本应用技术工作组）
IETF: Internet Engineering Task Force（互联网工程任务组）

2.W3c与Ecma会员

W3C

官网: www.w3.org
Github: github.com/w3e
规范查询: wwww.wg.org/TR

Ecma TC39

官网：www.ecma-international.org
TC39: tc39.es
Github: https:github.com/tcag
Discourse: es.discourse.group

3.WHATWG，IETF

WHATWG

官网：whatwg.org/
Github：github.com/whatwg,
规范查询：spec.whatwg.org/

IETF

官网：www.ietforg/
Github：github.com/ietf

4.W3C规范制定流程

参考文献： W3C Process Document

5.Ecma TC39规范制定流程

参考文献： ECMA-262 - 埃克玛国际 (ecma-international.org)

6.如何参与--关注会议

W3C会议：

1.年度大会：

Ac（管理会议）
TPAC（技术会议）

2.工作组会议

每月会议
各种研讨会

3.W3C会议介绍：

注册为W3C会员，就可免费参加

会议安排： 活动日历 - W3C

Ecma：

年度大会

GA（会员大会）

TC39会议

每1-2个月

会议安排： Meeting calendar - Ecma International (ecma-international.org)

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