2020年必看的web前端开发学习路线！

在规划以前先给你们分享几点心得哈：

1. 学习，特别是在线学习，是很是辛苦的事情，为了少走弯路， 因此必定要系统学习，多借鉴与前辈们总结出来的经验。

2. 不要相信任何说 一周掌握 css， 一周学完 js 等话术， 哪些只是教你怎么用，不讲解基本原理，不系统学，最后忘得快， 也不会触类旁通，（除非你是复习） 所以，学习任何知识，都要系统坚持。

3. 在线学习，最忌讳的一点是只听不练。 听老师讲，基本都能听得懂，可是若是不练习，忘的很快，后面知识点一综合，就感受无从下手了。 听三遍不如写一遍记忆深入。

4. 初次学的童鞋，练习的时候，既是很简单的知识点，也要写一遍，由于有不少的细节，只有你写了，才会发现问题， 典型的就是一些语法规范，你老是忘记加逗号，老是忘记大括号，就是由于写的太少了。

基本路线以下哈：

1. 先学习 基本的PC端布局。 掌握 HTML5 + CSS3 基本布局。
2. HTML5: https://www.bilibili.com/video/av15241731/
3. CSS3 : https://www.bilibili.com/video/av15269197/
4. PC端品优购综合案例： https://www.bilibili.com/video/av62204227/
5. HTML5 和 CSS3 提升 新特性
6. https://www.bilibili.com/video/av59866479/
7. 而后学习移动端布局。
8. 百分比（流失）布局： https://www.bilibili.com/video/av57839784/
9. flex布局： https://www.bilibili.com/video/av62208552/
10. rem布局： https://www.bilibili.com/video/av58531896/
11. 以后进入 JavaScript 学习
12. JavaScript基础： https://www.bilibili.com/video/av56623792/
13. JavaScript 实战 DOM BOM 操做： https://www.bilibili.com/video/av56979338/?p=9
14. jquery 学习： https://www.bilibili.com/video/av58740469/?p=38
15. 以后是 JavaScript进阶高级： https://www.bilibili.com/video/av60299046/
16. 后面的课程我还没录。 能够按照以下学习：
17. ajax --- node --- vue --- 小程序 --- react

若是对于学习编程有不少疑惑，没有思路，不知道如何有效率的学习，能够添加个人前端交流学习群 611601319在群里直接问我，须要最新系统的学习教程也能够管我要。作了不少年开发，对于学习方式，如何提升本身的技术有必定的经验，术业有专攻，多跟有经验的人交流学习，对这个行业信息了解的多，职业发展的空间就越大