01 关于前端开发

起源

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

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

• HTML

• HTTP

• URL

CSS和JavaScript是几年之后才出现的。

 

只读时代 （1989-2004）

• HTML/CSS/JavaScript

• 单向发布

• 静态只读

• 链接跳转

• 刷新页面

• 表格对齐元素

• CGl

 

体验时代（2005-2010）

• Ajax/Web API/jQuery

• 动态交互

• 社交媒体

• 用户生成内容(UGC)

• 单页应用(SPA)

• jQuery

• YUI

 

敏捷时代 （2010-2021）

• Fetch/Node.js/Webpack

• 模块化

• 组件化

• 转译(transpiling)

• 打包(bundling)

• React.js

• Vue.js

 

前端应用的领域

• To Business

• To Customer

• To Developer

 

• 浏览器 桌面浏览器 移动端浏览器

• 服务器

• 终端和跨端 命令行 桌面跨端 移动跨端

 

语言、框架、工具

HTML/CSS/JS

vue、react

nodejs webpack babel git typescript等等

（推荐学习之前先了解某个技术的作者，关注他们的初衷，更好的理解定位和应用）

 

 

前端学习路线图

Internet

HTML

CSS

JavaScript

版本控制（Git）

代码托管服务（GitHub GitLab）

Web安全

包管理（npm yam）

CSS架构 CSS预处理器

构建工具（Webpack esbuild Vite）

框架（React Vue Angular）

现代CSS（组件化 CSS模块）

Web组件

CSS框架

测试

类型检查器（typescript）

服务端渲染（SSR）

GraphQL

静态网站生产

移动应用开发（React Native）

桌面应用开发（Electron）

Web Assembly

保持学习的态度…

 

02 关于Web标准

了解Web标准组织

• W3C: World Wide Web Consortium

• Ecma:Ecma International

• 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规范制定流程：

Explainer demo

Find the right community/group

Web IDL for APIs

Step-by-step algorithms

GitHub, Markdown, respec, bikeshed, etc.

Get an early review w3ctag/design-reviews

Write web-platform-tests (WPT) tests

 

TC39流程

STAGE 0: strawman. A free form way of submitting ideas.（稻草人阶段 任何形式提交的想法）

STAGE 1: proposal. A formal proposal for the feature.（正式的建议阶段 有正式的文档）

STAGE 2: draft.Has description of syntax and semantics.（草案阶段 提案有语法和语义相关的描述）

STAGE 3: candidate. Spec text complete, has 2 implementations（候选推荐标准 规范的文本）

STAGE 4: finished. Ready for standard, passes unit tests（被批准了）

 

如何参与

W3C会议

年度大会 AC/TPAC

工作组会议 每月会议/各种研讨会

 

Ecma会议

年度大会 GA

TC39会议 每1-2个月