Web标准与前端开发
这是我参与「第四届青训营 」笔记创作活动的的第7天
1.重点内容
这节课大致讲解了Web的历史和发展，同时讲解了Web标准制定的相关知识。
2.重要的知识点
- 前端开发的构想和起源
- 前端架构
- 前端发展的三个阶段
- 前端开发的应用
- 前端学习的路线建议
- Web标准组织
- Web标准制定的流程
3.详尽的知识点
前端开发的构想和起源
Web的构想起源于一个关于信息管理的建议，其构想所有存储在计算机里的信息都是相互链接的。
前端架构
诞生时，web由以下三种技术构成。CSS和JavaScript的出现则会晚一些。
- HTML
- HTTP
- URL
前端发展的三个阶段
只读时代（1989-2004）
HTML/CSS/JavaScript
- 单向发布
- 静态只读
- 链接跳转
- 刷新页面
- 表格对齐元素
- CGI
体验时代（2005-2010）
Ajax/Web API/jQuery
- 动态交互
- 社交媒体
- 用户生成内容（UGC）
- 单页应用（SPA）
- jQuery
- YUI
敏捷时代
Fetch/Node.js/Webpack
- 模块化
- 组件化
- 转译（transpiling）
- 打包（bundling）
- React.js
- Vue.js
前端开发的应用
-
To Business
- 企业级应用
- 云的使用
-
To Customer
- 常见的app
- h5
-
To Developer
- 提升开发者的开发效率
- 提供大量开发工具
多平台开发
浏览器
- chrome
- safari
- edge
- opera
- firefox
服务器
- node.js
- Express.js
- koa
终端
- Webpack CLI
- Babel CLI
- Vue CLI
- React CLI
桌面跨端
- Electron
- NW.js
移动跨端
- React Native
- Flutter
前端学习的路线建议
Web标准组织
W3C：World Wide Web Consortium
ECMA：Ecma International
WHATWG：Web Hypertext Application Technology Working Group
IETF：Internet Engineer Task Force
Web标准制定的流程
4.课后总结
这节课虽然没有多少代码量，但实际上课的内容非常多。作为前端开发者来说，掌握Web标准是必需的，因此我们需要细致的了解浏览器的运作原理和HTTP的原理。当我们熟读之后再回过头来看前端开发，就会由豁然开朗的感觉。
roadmap中的前端开发路程让我感受到前端开发的复杂和具有巨大潜力的前景。技术的学习和运用让整个前端开发社区充满活力，让每个开发者都有深度参与的沉浸感。
Web标准的制定让我感觉到前端开发的社区是一个充满活力，具有巨大发展前景的社区。每一个社区成员都可以参与未来标准的制定，让每个人都有参与其中的成就感。
