这是我参与「第四届青训营 」笔记创作活动的第2天
前端开发的起源、架构、变迁
起源：
互联网标志性协议：TCP/IP
web 标志性协议：HTTP
变迁
- 只读时代（1989-2004）HTML/CSS/JavaScript
- 单向发布
- 静态只读
- 链接跳转
- 刷新页面
- 表格对齐元素
- CGI体验时代（2005-2010）Ajax/Web API/jQuery
- 动态交互
- 社交媒体
- 用户生成内容（UGC）
- 单页应用（SPA）
- jQuery
- YUI
- 敏捷时代（2010-2021）Fetch/Node.js/Webpack
(用户体验更加得到重视，前端开发进入新时代）- 模块化
- 组件化
- 转译
- 打包（bundling）
- React.js
- Vue.js
前端应用领域
- To Business 面向企业用户
- To customer 面向终端的客户
- To Developer 面向开发者
前端应用领域之浏览器
浏览器分为两种
- Desktop 桌面浏览器 电脑端
- Mobile 浏览器 手机端
前端应用领域之服务器
服务器开发主要使用js，包括npm平台，现在已经广泛应用与服务器上的web应用 开发和web API的开发
koa框架也应用于react开发后端中，十分方便简洁
前端应用领域之终端和跨端
1.终端
主要指值window出现命令行控制，在终端中运行
- 跨端
跨端分为移动跨端和桌面跨端（内置浏览器开发）
前端开发的语言、框架、工具
- 语言
- HTML 构建网页结构
- CSS 对网页进行装饰和美化
- js 让网页能够动态化，实现网页中的更多交互
- WebAssembly 新的编码方式 ，类似汇编语言 可以好javascript进行交换内存等
- 框架
- node
- koa
- ts
- react
- vue 等
- 工具
- 熟悉浏览器
- 熟悉HTTP
浏览器、网络、服务器
- 要注重原理性的东西，比如网络服务线程如何进行的，去了解和理解都是非常有用的
- web服务器之间的通信也是十分有用的
- 以下再贴上老师建议的前端学习路线图
让我们一起快乐学习前端吧！
