这是我参与「第四届青训营 」笔记创作活动的的第5天。

一、本堂课重点内容：

• 前端技术的发展史
• 前端浏览器、框架、工具的变迁
• 前端未来发展的趋势
• Web标准

二、详细知识点介绍：

前端时代

只读时代

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

体验时代

• 动态交互
• 社交媒体
• 用户生成内容
• jQuery
• YUI

敏捷时代

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

应用场景

• To Business:面向企业型，较大的组织，机构，企业级应用。大型机构，银行，互联网公司内部大多数都会有这类应用平台，例如字节的火山引擎。
• To Customer:面现中端的客户应用。在大众面前的信息通讯，现在的网站，电商平台，在线教育，新闻资讯，生活娱乐等平台。
• To Developer:面向开发者应用。提供给开发者开发工具的应用，比如vscode,idea,goland等。

前端-浏览器：桌面浏览器包括Chrome、Edge、Firefox、Opera、Safari五款主流浏览器。移动端主要还是Chrome、Safari，前端不仅要开发在浏览器和WebView中运行网页，同时也要小程序开发工具上跑小程序

前端-服务器：前端的服务器主要还是依托于Node.js，Node.js使用的就是JS语言，所以学习起来还是很快捷的，学习成本较低。其次还有Deno，也是Node.js之父一手打造。

前端-终端和跨域：这个领域一般就是开发者工具，比如Webpack,Babel,React,Vue，桌面端有Electron和NW.js，目前最主流的编码环境VSCode就是基于Electron的一个Web应用。

学习路线

这我必须要安利一波我的收藏已久的网站了：前端学习路线 (objtube.github.io)

Web标准

Web标准主要是由四大标准组织:W3C、Ecma、WHATWG和IETF制定， 代码编程规范可以从官网查询,在官网域名后+TR:

• W3C的规范查询地址:All Standards and Drafts - W3C
• TC39规范查询:TC39 – Specifying JavaScript.
• WHATWG规范查询:Standards — WHATWG
• IETF规范查询:IETF | Internet Engineering Task Force

三、课后个人总结：

这堂课我们深入的学习了前端开发的前世今生，老师也带领我们解读了未来的发展，对我们的职业规划非常有帮助。