2020前端学习路线收集整理

        本人18年毕业，刚毕业自学Java，第一份工作因部门解散，时效半年，其实那时我一直在想往前端发展，恰巧拿到下家offer，第二份工作确实是前端，不过是客户是银行，样式全部统一，与我想象的色彩缤纷的前端完全不符，时效3个半月。

        为了更好的规划自己的学习路线，我上过中国大学mooc，百度前端学院，github上搜集前端学习路线，报了北大青鸟的培训班，买了慕课网的前端就业班课程，也跟着陈皓大佬的程序员练级攻略进行学习，目前已经把基础HTML\CSS\Js学完了，培训机构中项目做的太浅，讲课太快，不专业，这里不多做赘述，下面是2020年最新的前端学习路线，希望大家不要因为英语而发怵，都是纸老虎，多搜索，勤动手。

先上一个github上拿的前端学习路线图 

通用技能

     英语好的同学看起来应该没什么问题，不懂的可以使用有道词典查一查。

下面介绍百度前端学院的学习路线，百度前端学院的路线是从中国大学mooc看的。

1、入门

目标1:培养兴趣
知识：HTML CSS JavaScript
实践：个人主页 小时钟 计算器 小动画
多去看看一些酷炫的前端效果，去尝试模仿

目标2：系统地学习，打好基础
知识：HTML　CSS JavaScript
实践：针对知识点的大强度练习
方法：总结 重构 多问为什么

2、尝试

目标：能够完成小型复杂度网站
实践：
个人任务管理、 日期时间组件、 图片管理、 拖拽、 进度管理工具 、甘特图
方法：复用 积累问题
从百度前端学院中寻找合适的练习题目来进行练习

3、主流

目标：学习主流方案解决问题的思路
知识：MVVM、 React、 Vue、 Redux、 SASS、 LESS、 PostCSS、 WebPack、 Rollup
实践：不断重构
方法：发展历史 场景问题 设计思想

4、视野

目标：广度认知
知识：Node.js、WebAssembly、Mobile、Hybird、GO、Dust、 Flutter、WebGL、Canvas、SVG、Electron、TypeScript 、PWA
方法：学会提炼核心思想

5、进阶

目标：具备中型复杂度开发经验
实践：重构+新轮子
方法：学会提炼核心思想

6、专攻

目标：对一个领域进行深度掌握、打磨自己的技术学习方法  

极客时间-H5技能图谱&前端工程师必备技能

接下来介绍慕课网的学习路线，个人觉得我的前端知识大都是从慕课网上学的，学习路线大家可以去官网查看，基础的知识总体学下来确实需要一定的耐心，知识点很多，要多加练习，在学到jQuery的时候就已经开始对线性渐变和径向渐变有点记不清了，要多加练习，死记硬背是无法驾驭前端的。

当然还有比如说网络协议、浏览器工作原理、数据结构与算法也都是比较重要的、如果你对高等数学、线性代数、概率统计比较感兴趣的话也可以去学习学习，谢谢查阅 :)

20200421添加: 在学到一个知识点的时候如果还是不求甚解一定要去MDN上看看。