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在群里直接问我，需要最新系统的学习教程也可以管我要。做了很多年开发，对于学习方式，如何提高自己的技术有一定的经验，术业有专攻，多跟有经验的人交流学习，对这个行业信息了解的多，职业发展的空间就越大