Web标准与前端开发 | 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的第6天 与大家分享Web标准与前端开发知识，不足之处欢迎大家批评指正！
关于前端开发：起源、架构、变迁
起源
架构
变迁
前端应用的领域
1.To Business
面向企业，组织机构，企业应用
网站，登录，提供服务，管理资源，监控服务
2.To Customer
面向客户
H5，直达终端客户，电商平台、生活娱乐、在线教育
3.To Developer
面向开发者
提升开发效率，开发流程离不开工具的支持
前端应用浏览器
Desktop桌面浏览器
Chrom,Edge,FireFox,Opera,Safari五个主流浏览器
浏览器多样性在减少 Edge,Opera站到谷歌阵营，事实上只有Chrome,Safari,Firefox三个浏览器
Chrome市场份额67.55%
Mobile
浏览器包括桌面浏览器、移动浏览器、移动APP中的WebView，都属于浏览器直接渲染Web应用的范畴
前端开发服务器
服务器开发主要依托Node.js运行
还有Express,Koa等Web开发框架的生态
前端的终端和跨端
终端和跨端这个应用领域通常是开发者工具，比如命令行工具里的Webpack,Babel,React,Vue，都有CLI版本，而桌面终端主要有Electron和NW.js,目前世界上最流行的编码环境VSCode就是基于Electron的一个Web应用。
命令行终端
- Webpack CLI
- Babel CLI
- Vue CLI
- React CLI
桌面跨端
- Electron
- NW.js
移动跨端
- React Native
- Flutter
前端开发语言、框架、工具
语言
HTML，CSS，JavaScript是前端开发必须掌握的三门语言
HTML：结构页面
CSS：页面装饰
JavaScript：页面动态和交互能力
框架
在了解框架之前，要了解一下框架的作用，写框架的初衷是什么，再去用框架
1.Bootstrap框架;
2.Foundation框架;
3.Angular框架;
4.React框架;
5.VueJS框架
...
工具
node.js
TypeScript
git
webpack
关于Web标准
Web标准组织
关于Web标准：标准组织
W3C：World Wide Web Consortium
Ecma:Ecma Inernational
WHATWG:Web Hypertext Application Technology Working Group
IETF:Internet Engineering Task Force
W3C及Ecma会员
W3C目前在全国有457家会员，北航总部（中国区）会员47家
Ecma的AM(Associate Member)会员目前有18家，中国公司有字节跳动、360、阿里、华为、腾讯等5家
W3C规范制定流程
W3C会议
- 年度大会
AC
TPAC
- 工作组会议
每月会议
各种研讨会
Ecma会议
- 年度大会
GA
- TC39会议
每1-2个月
