这是我参与「第四届青训营 」笔记创作活动的第1天
本节课介绍了前端开发伴随着Web标准的健全和完善，系统的讲述了前端发展.这篇笔记记录了本人：
- 对于前端发展的归纳
- 对于前端语言、框架、工具的理解
- 对于前端学习制定的路线
如有不妥的地方欢迎及时指正！
1. 前端开发的发展
- 起源、架构、变迁
老师首先介绍了internet和Internet的区别，TCP/IP协议，http协议（超文本传输协议），html语言（用来表示网络结构），URL（统一资源定位符）是什么。这些协议在《计算机网络》一书中有详细解释。
再介绍了只读时代———原生三件套发展史，体验时代：Ajax、UGC、Jquery、WebApi,敏捷时代——Node.js、Webpackage、React等常见框架，三个时代变化，帮助我这个小白了解到从传统三件套到Node.js（React和VUE两个开发框架）的进化
- 前端应用的领域
`TO B/C/D 面向三大对象
桌面端：五大桌面浏览器
移动端：安卓、IOS两大移动终端运行着的小程序APP等等
服务器：重点了解了成熟的开发平台Node.js，可以使JS运行在服务器端。用户通过软件客户端获取响应服务。
终端：类似于命令行的开发者工具，能便捷的搭框架跨端：跨端分为桌面跨端和移动跨端，能直接开发能适应在桌面上、移动端上的应用`
2. 语言、框架、工具
• 语言：
HTML-->CSS-->JS 是从骨到形到态，WASM（C/C++编写的程序都可以编汇成WASM在浏览器上运行）
• 框架：
根据老师的指导方法加上最近在学习VUE，在b站上找到了一篇关于Vue.js 作者尤雨溪创作过程的纪录片，发现尤大大是艺术生出身，重视对于交互的创新和写码的简洁工整性，于是创立了“View”，能够鲜明简便的将视图性质的DOM和JS同步起来
• 工具：
工具之一就是浏览器，浏览器架构有架构、导航、渲染、交互四个层面（学习来源：深入理解现代浏览器github.com/75team/w3c/… ）
i. 架构：初始化各个进程
ii. 导航：从输入URL到获到HTML响应称为导航，可以参考《计网》的HTTP响应的知识
iii. 渲染：把HTML、CSS和JS转化成用户可以交互的网页
iv. 交互：就是针对于用户输入事件的优化
3.前端学习路线
根据老师推荐的前端学习路线图：roadmap.sh/frontend 再加上掘金和某乎上都有面向就业的指导，个人计划是肯定是先学好三剑客、扎实前端概念、计网概念-->做原生态的程序项目-->了解学习进阶的CSS、React、VUE框架-->实现更高阶的小程序
