声明
资料均来网络，关于一些技术的发展只是自己的主观看法，不一定准确，具体情况请自行探知。
入门先看本视频！！！
## 路线图
## 基础
基础内容看文档就够了
- MDN
- W3School
- 现代 JavaScript 教程
当然百度前端技术学院也不错哦，推荐 2017
- http://ife.baidu.com/2017
还有前端九部 - 入门者手册2019，2019红岩课件前端，配合使用效果更佳。
如果要看视频的话，推荐后盾人的视频，如下。更多看后端人的 bilibili 主页。
## 进阶
### JavaScript（ECMAScript）
- 阮一峰 ECMAScript 6 入门【电子书，实体书图书馆有】
- 你不知道的 JavaScript （上、中、下册）【实体书图书馆有】
### CSS
- 高性能响应式 Web 开发【实体书图书馆有】
- CSS 世界【实体书图书馆有】
- 精通CSS：高级Web标准解决方案（第3版）
- CSS 揭秘
- Web开发者应该掌握的CSS tricks
- 30 Seconds of CSS
### 网络
- 图解 HTTP【实体书图书馆有】
- HTTP 权威指南
### 调试
- 你不知道的 Chrome 调试技巧（掘金小册，0.01 元）
### 测试
- Jest
- mocha
### 其它
- You-Dont-Need-jQuery（不使用 jQuery，使用原生 API）
- 重学前端（极客时间专栏，99 元）
## 框架
### Vue
推荐 Vue.js，官方文档写的很好了。
#### 源码
- Vue.js 技术揭秘
- 渲染器
### React
React 也不错，国内外很多公司使用。当然 Vue 也一样。
- 30 Seconds of React
## 工程化
- npm
- yarn
- webpack
## 服务端（Node.js）
主要做中间层和辅助前端开发，纯后端的比较少，但是性能优异，学习起来比较简单，前端全栈或者学习后端技术的首选。
- 深入浅出 Node.js【实体书图书馆有】
- 狼书卷一：更了不起的 Node.js
- 狼书卷二：Node.js Web应用开发
### 框架
#### Nest.js
#### Egg.js
## 面试
- Node.js 最佳实践
- 如何通过饿了么 Node.js 面试
- 大前端面试宝典 - 图解前端
- FE-Interview
- fe-interview（和上面一个不一样哦！）
- 前端面试与进阶指南
- 前端面试之道（掘金小册，49.9 元）
- Web 前端面试指南与高频考题解析（掘金小册，29.9 元）
- 面试图谱
## 跨端
### PC
已经有不少好的落地项目，比如 VSCode、Atom 等。
- Electron
### Mini Program
仅在国内出现的地区性跨端技术，开发方式和三大前端框架的区别不大。工作有需要就学，没时间学可以以后用到再学。 - 小程序官方文档 ### Mobile Phone React Native 比 Weex 发展更好，Flutter 也不错，但是 Flutter 用 Dart 写，且超出传统前端的范畴。 - WEEX - React Native ## 图形学 ### 可视化 - Echarts.js - D3.js ### 游戏 - Cocos Creater
WebGL/Canvas
TypeScript
有很多公司在使用它替代 JavaScript。
WebAssembly
还在发展阶段，虽然没有大量应用，但前景很好，可以使用后端（静态）语言写前端，提高性能和多语言跨端已经有一些应用。
人工智能
区块链
扩展现实（XR）
还在发展阶段，没有大量应用。
增强现实（AR）
虚拟现实（VR）
混合现实（MR）
WebRTC（即时通信）
物联网（IOT）
若有收获，就点个赞吧
0 人点赞
