Web标准与前端开发 | 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第5天
关于前端开发
起源、架构、变迁
起源
- "Suppose all the information stored on computers everywhere were linked. Suppose I could program my computer to create a space in which everything could be linked to everything. "——Tim Berners-Lee,inventor of the World Wide Web
架构
1989年诞生时，Web由三种技术构成
- HTML
- HTTP
- URL
JavaScript，css等语言是几天后才出现的
变迁
1.只读时代（1989-2004/HTML/CSS/Javascript）
对网页的需求仅限于读取超文本，数据刷新也需要使用刷新页面的方式
- 单向发布
- 静态只读
- 链接跳转
- 刷新页面
- 表格对齐元素
- CGI
2.体验时代（2005-22010/Ajax/Web Api/jQuery）
人们开始更注重浏览的体验
- 动态交互
- 社交媒体
- 用户生成内容（UGC）
- 单页面应用（SPA）
- jQuery
- YUI
3.敏捷时代（2010-2021/Fetch/Node.js/Webpack）
在获取良好的浏览体验的同时，开发人员也开始提高自己的效率与机动性
- 模块化
- 组件化
- 转译（transpiling）
- 打包（bundling）
- React.js
- Vue.js
前端应用领域
To Business
企业解决方案，企业级应用，工业产品，数据可视化
To Customer
门户网站，电商平台，小程序，混合开发App
To Developer
低代码开发平台，组件框架，各种轮子
浏览器
- 桌面浏览器
- 移动浏览器
服务端
- node.js
- express.js
- koa
- deno
终端和跨段
-
命令行/终端
- Webpack CLI
- Babel CLI
- Vue CLI
- React CLI
-
桌面跨端
- Electron
- NW.js
-
移动跨端
- React Native
- Fluter
语言、框架、工具
-
语言
- HTML、CSS、Javascript
- web Assembly
-
框架
- Node.js——Ryan Dahl
- Koa——TJ Holowaychuk
- React——Jodan Walke
- Vue——尤雨溪
- Typescript——Anders Hejisberg
- Git——Linux Torvalds
- Babel——Sebastion mcKenzie
- Webpack——Tobias Koppers
- Esbuild——Evan Wallacea
-
工具
- 浏览器
学习路线图
关于Web标准
Web标准组织
-
W3C
- 官网：www.w3.org
- Github:github.com/w3c
- 规范查询：www.w3.org/TR
-
Ecma TC93
- 官网：www.ecma-international.prg
- TC93：tc93.es
- Github:github.com/tc93
- Discourse:es.discourse.group
-
WHATWG
- 官网：www.whatwg.org
- Github:github.com/whatwg
- 规范查询：spec.whatwg.org
-
IETF
- 官网：www.ietf.org
- Github：github.com/ietf
总结
今天更多的是科普类型的内容，作为开发人员，系统的之四海框架是非常重要的，因此搭建起一个基本的开发世界观也是非常重要的，我们必须明白我们能要做什么，怎么做，用什么做。
