web标准与前端开发 ｜ 青训营笔记

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

---

此笔记按照两大方向去编写：

• 1.关于前端开发
• 2.关于web标准

---

关于前端开发

-起源、架构、变迁-

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

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

在1998年web诞生时，它的技术是用这三种技术构成：

• HTML
• HTTP
• URL

CSS和JavaScript是几年之后才出现然后普及的，之前用的都是这三个技术

Web的三个革命性时代：

1.只读时代

• 年份：1989-2004
• 技术：HTML/CSS/JavaScript
• 功能：
  • 单向发布
  • 静态只读
  • 链接跳转
  • 刷新页面
  • 表格对齐元素
  • CGI

2.体验时代

• 年份：2005-2010
• 技术：Ajax/Web API/JQuery
• 功能：
  • 动态交互
  • 社交媒体
  • 用户生成内容（UGC）
  • 单页应用（SPA）
  • JQuery
  • YUI

3.敏捷时代

• 年份：2010-2021
• 技术：Fetch/Node.js/Webpack
• 功能：
  • 模块化
  • 组件化
  • 转译（transpiling）
  • 打包（bundling）
  • React.js
  • Vue.js

-前端应用的领域-

• To Busines（面向企业）
  • 企业级：比如在各大企业内部，他们的各种应用几乎都是web平台
• To Customer（面向用户）
  • 消费者：互联网平台，在线教育，购物等等其实都是基于web开发
• To Developer（面向开发者）
  • 开发者给自己开发自己用，用来提升办公效率，提升产品品质，如Vscode等轻量级代码开发软件等等。

前端应用领域之浏览器

现在广泛的浏览器都是两种平台：

• 桌面端：
  • Chrome
  • Edge
  • firefox
  • safari
• 移动端（有两大厂商提供的系统）：
  • 安卓
  • 苹果

前端领域之服务器

最广泛的：

• node
• Express
• Koa

前端领域之终端/跨端

命令行/终端：

• Webpack CLI
• Babel CLI
• Vue CLI
• React CLI

跨端：

• 桌面跨端：
  • Electron
  • NW.js
• 移动跨端
  • React Native
  • Flutter

-语言，框架，工具-

语言：

• HTML ：骨架
• CSS ：外貌
• JacaScript：交互行为

框架和工具：

-浏览器、网络、服务器

-学习路线-

---

关于Web标准

• W3C ：World Wide Web Consortium
• Ecma ： Ecma International
• WHATWG :Web Hypertext Application Technology Working Group
• IETF ：Internet Engineering Task Force

W3C规范制定流程

Ecma Tc39规范制定流程

如何参与--关注会议

W3C会议

• 年度大会
  • AC（Advisory Committee）
  • TPAC（Technical Plenary and Advisory Committee）
• 工作组会议
  • 每月会议
  • 各种研讨会

Ecma会议

• 年度大会
  • GA（General Assembly）
• TC39会议
  • 每1-2个月