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

前端开发

1.关于前端开发

起源

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

HTML
HTTP
URL

image(2).png

注：CSS和JavaScript是后面几年诞生的

变迁

只读时代（1989-2004）HTML/CSS/JavaScript

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

注：CGI是通用网关接口，用来解析后端脚本。

体验时代（2005-2010）Ajax/Web API/jQuery

动态交互
社交媒体
用户生成内容（UGC）
单页应用（SPA）
jQuery
YUI

注：YUI: 开源javascript 和 css 库用于创建丰富以及可互动的网站应用

敏捷时代（2010-2021）Fetch/Node.js/Webpack

模块化
组件化
转译
打包（bundling）
React.js
Vue.js

前端运用的领域

To Business（2B）
To Customer（2C）
To Developer（2D）

注：

To Business：企业网站。

To Customer：电商平台、教育机构。

To Developer 工具、平台、框架、npm、小程序等。

前端开发之浏览器

目前的主流的桌面浏览器

Chrome
Safari
Firefox

桌面浏览器包括Chrome、Edge、Firefox、Opera、Safari这五个主流浏览器，事实上随着谷歌Chromium开源项目的不断攻城掠地，也随着开源运动的不断属性，浏览器的多样性正在减少。因为Edge和Opera都已经选择站到了谷歌的阵营，所以事实上只有Chrome、Safari和Firefox三个浏览器。

前端开发之服务器

前端方面服务端的开发目前主要还是依托于Node.js这个成熟的JS，，npm包管理平台已经成为世界最大的程序包管理平台，2019年6月超过100万。当然，还有Express、Koa等Web开发框架的生态。

学习路线

李松峰老师推荐的这个网站中roadmap.sh/ 规定了5年计划大家都可以去看看。

我个人也推荐一个网站为www.r2coding.com/#/README 这个网站也是一个非常强大的网站，有编程自学路线+知识大梳理，以及一些常用编程软件和工具等等。

总结

这节课大概了解了一下与前端相关的知识，比如起源变迁架构，也讲了一些与WEB标准的一些东西，如W3C规范指定流程及Ecma TC39规范制订流程等，收获很大。

前端开发｜ 青训营笔记