在規劃以前先給你們分享幾點心得哈:css
1. 學習,特別是在線學習,是很是辛苦的事情,爲了少走彎路, 因此必定要系統學習,多借鑑與前輩們總結出來的經驗。vue
2. 不要相信任何說 一週掌握 css, 一週學完 js 等話術, 哪些只是教你怎麼用,不講解基本原理,不繫統學,最後忘得快, 也不會觸類旁通,(除非你是複習) 所以,學習任何知識,都要系統堅持。node
3. 在線學習,最忌諱的一點是隻聽不練。 聽老師講,基本都能聽得懂,可是若是不練習,忘的很快,後面知識點一綜合,就感受無從下手了。 聽三遍不如寫一遍記憶深入。react
4. 初次學的童鞋,練習的時候,既是很簡單的知識點,也要寫一遍,由於有不少的細節,只有你寫了,纔會發現問題, 典型的就是一些語法規範,你老是忘記加逗號,老是忘記大括號,就是由於寫的太少了。 jquery
基本路線以下哈: ajax
1, 先學習 基本的PC端佈局。 掌握 HTML5 + CSS3 基本佈局+ 品優購項目bootstrap
https://www.bilibili.com/video/av69856262/ 小程序
2. HTML5 和 CSS3 提升 新特性 ide
https://www.bilibili.com/video/av59866479/ 佈局
3. 學習移動端佈局。
百分比(流失)佈局: https://www.bilibili.com/video/av57839784/
flex佈局: https://www.bilibili.com/video/av62208552/
rem佈局: https://www.bilibili.com/video/av58531896/
響應式佈局(bootstrap) :https://www.bilibili.com/video/av64556839/
4. 進入 JavaScript 學習
JavaScript基礎:
https://www.bilibili.com/video/av56623792/
JavaScript 實戰 DOM BOM 操做:
https://www.bilibili.com/video/av56979338/?p=9
jquery 學習:
https://www.bilibili.com/video/av58740469/?p=38
JavaScript進階高級:
https://www.bilibili.com/video/av60299046/
5. 後面的課程我還沒錄。
能夠按照以下學習: ajax --- node --- vue --- 小程序 --- react