01.关于前端开发

关于前端开发：起源、架构及变迁

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

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

不同的时代

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
- 模块化
- 组件化
- 转译(transpiling)
- 打包(bundling)
- React.js
- Vue.js

关于前端开发：前端应用的领域

To Business
To Customer
To Developer

Business

企业级应用

在互联网公司内部，各种应用几乎都是web平台。

Customer

消费者

所有的互联网门户网站，互联网平台，在线教育其实全都是基于web开发的，这个规模其实是非常庞大的，而且这个是非常重视用户体验的。

Developer

开发者

开发者开发给自己用，自产自销，用来提升开发效率，提升产品品质。一般就是一些开发者工具，有平台，有框架。从模块化，打包，编译，测试，到部署，调试，可以说覆盖了整个开发生产的全部流程。

前端应用之浏览器

前端应用之服务器

前端应用的终端与跨端

关于前端开发：语言、框架、工具

语言：前端三件套：HTML，CSS，Javascript;c;c++;java;Rust等。

架构：node.js,koa,ts,webpack,vue,git,esbuild等。

工具：vscode,idea等。

关于前端开发：浏览器、网络、服务器

02.关于Web标准

关于Web标准：标准组织

关于Web标准：W3C、Ecma、WHATWG、IETF

W3C

官网：www.w3.org

Github：github.com/w3c

规范查询：www.w3.org/TR

Ecma TC39

官网：www.ecma-international.org

TC39：tc39.es

Github：github.com/tc39

Discourse：es.discourse.group182021

WHATWG

官网：whatwg.org/

Github：github.com/whatwg

规范查询：spec.whatwg.org/

Web开发 | 青训营