本人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上看看。

20210102 
这里关于学习路线的收集就不更了,相信想学前端的同志们在入门这件事情应该是挺简单的,接下来本人要进入下一阶段了,大前端,不好意思又是慕课网的,嘻嘻,下一步增强技术能力的同时,也会分出来一些给自己的身体健康,家人的身体健康,以及更重要的是关于配偶的各项事宜,2021年又将是忙碌的一年,国家有五年计划,我们个人也应该有5年计划,比如工资变成双倍这样明确的目标,加油吧,干饭人永不言饱。

技术
©2020 ioDraw All rights reserved
python简单小游戏代码-10分钟用Python编写一个贪吃蛇小游戏,简单干货|单片机的指针怎么学?韦恩图解决数学问题STM32L系列与普通STM32F系列的比较伪造ACK实现TCP数据注入python装饰器的简单理解TCP/IP协议竟然有这么多漏洞?Python基于Django学生教务选课系统设计python生成随机字符串方法-random模块面试简历上的项目经验