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在羣裏直接問我，須要最新系統的學習教程也能夠管我要。作了不少年開發，對於學習方式，如何提升本身的技術有必定的經驗，術業有專攻，多跟有經驗的人交流學習，對這個行業信息瞭解的多，職業發展的空間就越大