声明
资料均来网络，关于一些技术的发展只是自己的主观看法，不一定准确，具体情况请自行探知。
入门先看本视频！！！
路线图
基础
基础内容看文档就够了
当然百度前端技术学院也不错哦，还有前端九部 - 入门者手册2019，2021红岩课件前端，配合使用效果更佳。
如果要看视频的话，推荐后盾人的视频，如下。更多看后端人的 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 元）
测试
其它
- You-Dont-Need-jQuery（不使用 jQuery，使用原生 API）
- 重学前端（极客时间专栏，99 元）
框架
Vue
推荐 Vue.js，官方文档写的很好了。
源码
React
React 也不错，国内外很多公司使用。当然 Vue 也一样。
工程化
服务端（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 等。
Mini Program
仅在国内出现的地区性跨端技术，开发方式和三大前端框架的区别不大。工作有需要就学，没时间学可以以后用到再学。
Mobile Phone
React Native 比 Weex 发展更好，Flutter 也不错，但是 Flutter 用 Dart 写，且超出传统前端的范畴。
图形学
可视化
游戏
WebGL/Canvas
TypeScript
有很多公司在使用它替代 JavaScript。
WebAssembly
还在发展阶段，虽然没有大量应用，但前景很好，可以使用后端（静态）语言写前端，提高性能和多语言跨端已经有一些应用。
人工智能
区块链
扩展现实（XR）
还在发展阶段，没有大量应用。
增强现实（AR）
虚拟现实（VR）
混合现实（MR）
WebRTC（即时通信）
物联网（IOT）
若有收获，就点个赞吧
0 人点赞
