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

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

关于前端开发

【达到职业宏观认知的目的】

起源、架构、变迁

• 起源于起源于一个建议：“万物互联”  (Web 视图)
  • “上网”=> 接入Internet互联网、TCP/IP协议、Http超文本传输协议  (Web 视图)
  • 1989年诞生时，Web由三种技术构成：  (Web 视图)
    • HTML【网页结构】  (Web 视图)
    • HTTP  (Web 视图)
    • URL【网络上唯一标识资源的定位服务】 
  • 简单总结为：

前端应用的领域

To Business 面向企业应用、大型机构
To Customer 面向客户
To Developer 面向开发者

• 浏览器

  • Desktop（主要有：谷歌、微软、火狐、Safari）
  • Mobile（主要有：安卓、苹果）
  • 【推荐文章：深入理解现代浏览器.md（脱机mock形式讲解）】

• 关于HTTP：【推荐文章： An overview of HTTP】

• 服务器：node.js、express.js、koa 

• 终端和跨段： 

  • 命令行/终端：Webpack CLI、Babel CLI、Vue CLI、React CLI 
  • 桌面跨端：Electron、NW.js
  • 移动跨段：React Native、Flutter

语言、框架、工具 

• HTML、CSS和Javascript：
  • HTML负责结构页面；
  • CSS为页面提供装饰；
  • JavaScript赋予页面动态和交互能力。
• WebAssembly（高级语言进行转化；“类汇编、低级、靠近原生js所以速度很快”）【可以支持多种语言在浏览器运行编译】

前端学习线路图 

• 参考文章开发人员路线图 (roadmap.sh)

关于Web标准

了解Web标准组织

• W3C
  1. 官网： www.w3.org 
  2. Github： github.com/w3c
  3. 规范查询： www.w3.org/TR
• Ecma
  1. 官网： www.ecma-international.org
  2. TC39： tc39.es
  3. Github： github.com/tc39
  4. Discourse： es.discourse.group
• WHATWG
  1. 官网： whatwg.org/
  2. Github： github.com/whatwg
  3. 规范查询： spec.whatwg.org
• IETF
  1. 官网： www.ietf.org/
  2. Github： github.com/ietf

W3C与Ecma会员

W3C流程

• 推荐文章：W3C Process Document

TC39流程

如何参与

• 关注各大会议