從前端產生到現(xiàn)在，已經從簡陋的HTML，CSS，Javascript三把刷子做出來靜態(tài)網頁的時代，發(fā)展到現(xiàn)在視覺效果酷炫，適用終端廣泛，開發(fā)手段豐富多樣的更廣闊的發(fā)展時代。

HTML、CSS，Javascript是學習前端的基礎，特別是Javascript，我們對前端基礎的掌握程度，極大程度上體現(xiàn)在對Javascript的掌握程度上。所有的瀏覽器引擎運行的腳本語言都是Javascript，我們使用的框架也是用Javascript開發(fā)的。此外，我們還需要學習運行的機制和原理。不僅是框架的原理，也還包括Javascript語言和瀏覽器引擎的原理。高級前端工程師對于框架和語言的理解絕不會停留于了解API的層面上，需要深入到了解內部原理和運行機制的層面上。

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

第一：

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

第二：

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

第三：

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

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

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

1. HTML+css

2. pc端網頁重構

3. HTML5+css3

4. 移動端網頁重構

5. css預處理、版本管理

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

第二階段：JS

1. js數(shù)據(jù)類型、語法

2. js對象

3. Js內置對象

4. BOM、DOM

項目實戰(zhàn)：實戰(zhàn)小游戲項目開發(fā)

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

1. AJAX、瀏覽器緩存

2. JS對象高級

3. 設計模式

4. ES6

5. JQuery

6. 組件化開發(fā)、插件

項目實戰(zhàn)：自動義插件封裝

第四階段：前端主流框架

1. 前端工程化

2. AngularJs

3. VueJs

4. React Native

5. 微信小程序

項目實戰(zhàn)：大型網站建設

以上就是本次分享的全部內容，想學習更多web前端技巧，歡迎持續(xù)關注六星云課堂！