Web 标准与前端开发

关于前端开发

起源

  1989年CERN（欧洲粒子物理研究所）中由Tim Berners-Lee领导的小组提交了一个针对Internet的新协议和一个使用该协议的文档系统，该小组将这个新系统命名为World Wide Web，它的目的在于使全球的科学家能够利用Internet交流自己的工作文档。   这个新系统被设计为允许Internet上任意一个用户都可以从许多文档服务计算机的数据库中搜索和获取文档。1990年末，这个新系统的基本框架已经在CERN中的一台计算机中开发出来并实现了,1991年该系统移植到了其他计算机平台，并正式发布。

架构

1989年诞生时,Web由三种技术构成

1. HTML
2. HTTP
3. URL

CSS和JavaScript是几年后才出现的.

变迁

只读时代1989-2004

HTML/CSS/JavaScript

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

体验时代2005-2010

Ajax/Web API/jQuery

• 动态交互
• 社交媒体
• 用户生成内容(UGC)
• 单页应用(SPA)
• jQuery
• YUI

敏捷时代2010-2021

Fetch/Node.js/Webpack

• 模块化
• 组件化
• 转译
• 打包
• React.js
• Vue.js

前端应用的领域

• Business企业
• Customer消费者
• Developer开发者

浏览器

桌面浏览器

移动浏览器

服务器

Node.js

Deno.js

终端和跨端

命令行/终端

webpack CLI

babel CLI

Vue CLI

React CLI

桌面跨端

Electron

NW.js

语言、框架、工具

语言

• HTML
• CSS
• JavaScript

框架

• Node.js
• Koa
• React
• Vue

工具

• git
• Babel
• VS Code
• webpack

浏览器、网络、服务器

w3c/20190603_cncuckoo_深入理解现代浏览器.md at master · 75team/w3c (github.com)

developer.mozilla.org/zh-CN/docs/…

前端学习路线图

Learn to become a modern frontend developer (roadmap.sh)

关于Web标准

标准组织

W3C：万维网联盟The World Wide Web Consortium

官网:World Wide Web Consortium (W3C)

Github:World Wide Web Consortium (github.com)

规范查询:All Standards and Drafts - W3C

Ecma：欧洲计算机制造商协会European Computer Manufacturers Association

官网：Home - Ecma International (ecma-international.org)

TC39：TC39 – Specifying JavaScript.

Github：Ecma TC39 (github.com)

discourse：TC39 - Specifying JavaScript (es.discourse.group)

WHATWG：网页超文本应用技术工作小组Web Hypertext Application Technology Working Group

官网：Web Hypertext Application Technology Working Group (WHATWG)

Github：WHATWG (github.com)

规范查询：Standards — WHATWG

IETF ：国际互联网工程任务组The Internet Engineering Task Force

官网：IETF | Internet Engineering Task Force

Github：Internet Engineering Task Force (IETF) (github.com)

W3C目前在全球有444家会员，其中北航总部(中国区)会员46家

Ecma的AM会员目前有18家,中国公司有字节跳动、360、阿里、华为、腾讯等5家