这是我参与「第四届青训营 」笔记创作活动的第1天
前端开发的起源，架构和变迁
李松峰
起源：CERN, Tim Berners-Lee
(论文地址)[www.w3.org/History/198… ]1989年
Web基础：http协议, html网页, url统一资源定位符
1989-2004:只读时代 客户端只能阅读 服务端单项发布 HTML, CSS, JS
2005-2010 Ajax: 不用刷新网页，响应交互，自动发请求刷新 Gmail, google map 使用ajax技术 UGC 单页应用 jQuery
2010以后：敏捷时代：前端成为独立职业 Node.js(前后端统一) 组件，打包，成熟
前端能做什么？
ToB, ToC, ToD
ToB: 面向企业 企业级应用，如银行，广告平台，私有云 ToC: 面向customer. webView app, 在线教育，电商，门户网站，新闻等等 ToD: 面向开发者，工具。 提高web开发的效率（模块化，打包编译等等，需要大量工具）
浏览器
桌面浏览器
| Chrome edge | firefox safari opera |
|---|---|
| chromium内核 | 其他 |
移动浏览器
| chrome | safari |
|---|
服务器开发
最流行：Node.js -- npm包管理平台
ExpressJS, Koa
Dino: Node.js作者总结遗憾 重新开发 使用rust写内核 可以了解
开发工具
命令行/终端
webpack, vue, react CLI (脚手架，快速搭建)
桌面端UI
脱离浏览器 electron, NW.js
移动端UI
React Native, flutter
语言，框架，工具
浏览器之前只能运行HTML, CSS, JS
现在支持webAssembly了. 快了. 有前景。 支持编译C/C++/Rust/Kotlin
可以去技术社区（如掘金社区，github, stackoverflow等等）。关注他们的账号，了解他们写框架的初衷
重要文章
理解现代浏览器
Overview of http
可以理解技术趋势
前端技术学习路径 极度推荐
roadmap.sh/frontend
Web标准简介
w3c (world wide web consortium):
Tim Burners-Lee在MIT创办 全球4个总部：欧洲，日本庆应大学，北航 制定400多个标准
Tim Burners-Lee 写过本书：weaving the web
w3.org/TR（技术报告）
也有github仓库
ECMA
位于日内瓦的组织
Javascript: Netscape navigator尝试和Sun microsystems合作开发网路脚本语言
Javascript 是Oracle 的注册商标（oracle收购sun）
但是Javascript之后由Netscape提交给ECMA标准化
所以其实现在js正式名称叫ecma script(ES5, ES6等版本号)
ES: tc39.es
也有github仓库
es.discourse.group
WHATWG
浏览器厂商为了快速开发标准成立WHATWG, 现在已经和w3c合作（2019以后）
whatwg.org
IETF
开发底层协议的组织
版本号以RFC开头
RFC7540: http-2协议
ietf.org
