2022前端详细学习路线

总结前端学习路线，仅供参考

阶段一

HTML5 + CSS3
视频大家直接看b站的pink老师（黑马程序员），pink老师yyds，谁能拒绝学小猪佩奇说话的老师呢。视频每个知识点说完后都有个小案例，vs code跟着练习。最后所有知识点都讲完，有个品优购静态网页的大项目，完成这个项目后，个人觉得第一阶段就可以了。CSS标签太多记不住没关系，后面经常使用就记住了。
除了视频学习外，MDN（推荐）、W3C、菜鸟教程等工具类网站也是在我们程序员学习开发中必不可少的。

阶段二

JavaScript基础 + 进阶 + ES6
JavaScript基础依然看pink老师，其中包含了JavaScript基础+DOM和BOM的操作+Ajax（JQuery+BootStrap可以不看），不建议学习JQuery，因为这个技术太老了，新项目不会用它，而且学完了做出来的东西不能适应现在web发展，真的想学的话，花一两天看一下，别花太多时间。
进阶课程，可以看b站黑马js进阶的先过一遍（讲的比较基础），再去看b站尚硅谷的 JavaScript高级教程。
ES6的话推荐阮一峰《ECMAScript 6 入门教程》（ES6是js的子集）。Vue框架用的ES6语法，比如箭头函数、this指向问题，不看这些看不懂代码。然后看一下node，知道如何搭建环境和 npm i就可以
除了视频，JavaScript有关的学习网站，比如MDNJS、JavaScript 30等

阶段三

VUE + React框架
Vue（3.0）：初学者新手可以看黑马程序员的Vue2+Vue3，刘龙彬老师讲的不错，或者大家看尚硅谷的Vue2+Vue3全套视频。除了视频，Vue的官方文档也是需要反复去看的。学完Vue的基础知识后，可以再跟着尚硅谷的Vue项目视频敲一个项目出来。初学者建议先学Vue，因为是中国人写的，而且是渐进式框架，使用起来比较简单。 视频 + 官方文档 Vue.js

React：今年排名第一的框架，公司用的较多，但是难度要比Vue高一些，多点耐心，至少要掌握一个框架。可以边做项目边学框架，上手熟悉的快些。

我的建议，一定要学好一个框架，不要vue学一点，react又学一点，到最后两个你都不行，要学咱就牢固掌握一个。

阶段四

做项目
Github上面找一个优质前端项目，自己学着开发。补全基础，以及按照自己学习需求查漏补缺，例如计网、数据结构算法、数据库等，还有WebPack工程化、Node.js也要学习、基本的Git操作。
上面我都跳过了移动端，因为都是相通的，时间充足可以看看。最后LeetCode刷题吧，多刷题，背八股，八股系列主页会更新，可关注。

ps：关注我可以私信获取JS红宝书电子版 >.<