新手小白該怎麼學習前端？附學習路線和資料

初學編程的小伙伴經常會遇到的問題，1.沒資源 2.沒人帶 3.不知道從何開始 ，小編也是從新手期過來的，所以很能理解萌新的難處，現在整理一些以前自己學習的一些資料送給大家，希望對廣大初學小伙伴有幫助！

給你學習前端的新手幾個建議：

第一：

切記學習前端開發不可以依賴任何人，我做了開發這麼久，十年了，見過很多依賴老師的學生，這樣的後果就是自己沒有解決問題的能力，也沒有自主學習的能力，面試不能通過，找工作會非常難，因為學習開發就是鍛煉這種自我學習的能力。

第二：

必須而且一定要有一個老師帶著學，無論是學習JAVA還是前端，根據我見過的人的經驗，如果沒有一個明白人幫你解決一下問題，首先會浪費非常多的時間。而且學習的不專業，對於基礎的把握不牢靠，後面的都是白扯。

第三：

堅持很重要，確實有很多學習前端的人在學習JS的時候學著學著就放棄了，這叫知難而退，JS確實難，但是就是因為難才有價值，我們評判一個前端開發者是什麼水平，就是用JS來說話。

下麵是基本的學習路線，跟著這個基本沒有什麼問題：

第一階段：HTML+CSS/HTML5+CSS3

1. HTML+css

2. pc端網頁重構

3. HTML5+css3

4. 移動端網頁重構

5. css預處理、版本管理

項目實戰參考：淘寶官網、京東官網、小米官網等等。基本可以做了五個靜態這樣的網頁，靜態部分就不會有任何的問題。

第二階段：JS

1. js數據類型、語法

2. js對象

3. Js內置對象

4. BOM、DOM

項目實戰：實戰小游戲項目開發

第三階段：JS高級/Ajax/JQ

1. AJAX、瀏覽器緩存

2. JS對象高級

3. 設計模式

4. ES6

5. JQuery

6. 組件化開發、插件

項目實戰：自動義插件封裝

第四階段：前端主流框架

1. 前端工程化

2. AngularJs

3. VueJs

4. React Native

5. 微信小程式

項目實戰：大型網站建設

在送大家一個完整詳細的前端高級工程師學習路線：

關於web前端，自己有做材料的整合，一個完整學習we前端的學習路線，學習材料和工具。對於學習web前端有任何問題（學習方法，學習效率，如何就業）都可以問我。希望你也能憑自己的努力，成為下一個優秀的程式員！

更多學習內容觀看我的知乎：打造全網web高級前端工程師資料庫（總目錄）看完學的更加快，知識更牢固。你值得擁有（持續更新）~