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

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

給你學(xué)習(xí)前端的新手幾個(gè)建議：

一、切記學(xué)習(xí)前端開發(fā)不可以依賴任何人，我做了開發(fā)這么久，十年了，見過很多依賴?yán)蠋煹膶W(xué)生，這樣的后果就是自己沒有解決問題的能力，也沒有自主學(xué)習(xí)的能力，面試不能通過，找工作會(huì)非常難，因?yàn)閷W(xué)習(xí)開發(fā)就是鍛煉這種自我學(xué)習(xí)的能力。

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

三、堅(jiān)持很重要，確實(shí)有很多學(xué)習(xí)前端的人在學(xué)習(xí)JS的時(shí)候?qū)W著學(xué)著就放棄了，這叫知難而退，JS確實(shí)難，但是就是因?yàn)殡y才有價(jià)值，我們?cè)u(píng)判一個(gè)前端開發(fā)者是什么水平，就是用JS來說話。

下面是基本的學(xué)習(xí)路線，跟著這個(gè)基本沒有什么問題：

一階段：HTML+CSS/HTML5+CSS3

1. HTML+css

2. pc端網(wǎng)頁重構(gòu)

3. HTML5+css3

4. 移動(dòng)端網(wǎng)頁重構(gòu)

5. css預(yù)處理、版本管理

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

二階段：JS

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

2. js對(duì)象

3. Js內(nèi)置對(duì)象

4. BOM、DOM

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

三階段：JS高級(jí)/Ajax/JQ

1. AJAX、瀏覽器緩存

2. JS對(duì)象高級(jí)

3. 設(shè)計(jì)模式

4. ES6

5. JQuery

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

項(xiàng)目實(shí)戰(zhàn)：自動(dòng)義插件封裝

四階段：前端主流框架

1. 前端工程化

2. AngularJs

3. VueJs

4. React Native

5. 微信小程序

項(xiàng)目實(shí)戰(zhàn)：大型網(wǎng)站建設(shè)