學(xué)習(xí)web前端開(kāi)發(fā)，對(duì)于新手小白來(lái)說(shuō)可能不知道從哪開(kāi)始，那么該如何開(kāi)始學(xué)習(xí)web前端呢?給web開(kāi)發(fā)者學(xué)習(xí)建議及路線圖，想要學(xué)習(xí)前端開(kāi)發(fā)的東西可以借鑒學(xué)習(xí)一下。

　　其實(shí)想要學(xué)習(xí)web前端開(kāi)發(fā)的門檻還是挺低的， web前端開(kāi)發(fā)入門門檻低體現(xiàn)在html和CSS上，前者只是結(jié)構(gòu)標(biāo)簽，后者是樣式配置，入門是非常簡(jiǎn)單的，對(duì)web前端開(kāi)發(fā)感興趣的小伙伴可以找一些相關(guān)書(shū)籍來(lái)看，或者也可以找一些相關(guān)的視頻來(lái)看，鞏固所學(xué)的知識(shí)，雖然看這些書(shū)籍或者視頻很枯燥，但是只要能啃下來(lái)你就會(huì)發(fā)現(xiàn)，這些確實(shí)很管用。

　　web前端開(kāi)發(fā)入門低的另一個(gè)重要表現(xiàn)就是符合8/2定律，也就是20%的東西使用率占到80%。所以很適合囫圇吞棗，因此我們的重點(diǎn)就是把這20%學(xué)起來(lái)，而首先要做的就是把這20%的東西找出來(lái)。前端這20%的東西大概就是常用的html標(biāo)簽，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見(jiàn)瀏覽器的兼容。拿下這些東西意義非凡，一方面證明你適合做前端這份工作，另一方面這些技能能讓你找到一份工作。

　　讓你能夠從容地去學(xué)習(xí)剩下的80%。總之就是專心對(duì)付重要的東西，那些什么less、sass、angular這類的東西，當(dāng)你把我之前說(shuō)的基礎(chǔ)打好之后，學(xué)習(xí)起來(lái)暢通無(wú)阻，隨學(xué)隨用。較難的就是實(shí)踐，只有實(shí)踐才能學(xué)到真正的技術(shù)，新人很難參與一些有價(jià)值有意義的項(xiàng)目，沒(méi)有這些項(xiàng)目又很難成長(zhǎng)，所以自己有項(xiàng)目可參與應(yīng)該珍惜。

　　學(xué)習(xí)的建議給大家講了，怎么去操作學(xué)習(xí)就大家自己看著學(xué)了，以下是千鋒的web前端學(xué)習(xí)路線圖分享給大家借鑒一下。

　　第一階段：前端頁(yè)面重構(gòu)：PC端網(wǎng)站布局、HTML5+CSS3基礎(chǔ)項(xiàng)目、WebAPP頁(yè)面布局;

　　第二階段：JavaScript高級(jí)程序設(shè)計(jì)：原生JavaScript交互功能開(kāi)發(fā)、面向?qū)ο箝_(kāi)發(fā)與ES5/ES6、JavaScript工具庫(kù)自主研發(fā);

　　第三階段：PC端全棧項(xiàng)目開(kāi)發(fā)：jQuery經(jīng)典特效交互開(kāi)發(fā)、HTTP協(xié)議，Ajxa進(jìn)階與后端開(kāi)發(fā)、前端工程化與模塊化應(yīng)用、PC端網(wǎng)站開(kāi)發(fā)、PC端管理信息系統(tǒng)前端開(kāi)發(fā);

　　第四階段：移動(dòng)端webAPP開(kāi)發(fā)：Touch端項(xiàng)目、微信場(chǎng)景項(xiàng)目、應(yīng)用Vue.js開(kāi)發(fā)WebApp項(xiàng)目、應(yīng)用Ionic開(kāi)發(fā)WebApp項(xiàng)目、應(yīng)用React.js開(kāi)發(fā)WebApp;

　　第五階段：混合(Hybrid)開(kāi)發(fā)：各類混合應(yīng)用開(kāi)發(fā);

　　第六階段：NodeJS全棧開(kāi)發(fā)：WebApp后端系統(tǒng)開(kāi)發(fā);

　　第七階段：大數(shù)據(jù)可視化：數(shù)據(jù)可視化入門、D3.jS詳解及項(xiàng)目實(shí)戰(zhàn)。

　　學(xué)習(xí)web前端，其實(shí)自己的學(xué)習(xí)方法很重要，別人只能是給你建議，具體怎么學(xué)還得根據(jù)自身的優(yōu)劣勢(shì)來(lái)具體的定制學(xué)習(xí)路徑，學(xué)習(xí)web前端，可以參考千鋒提供的web前端學(xué)習(xí)路線，該學(xué)習(xí)路線對(duì)從零基礎(chǔ)小白到web前端初級(jí)開(kāi)發(fā)工程師，web前端高級(jí)開(kāi)發(fā)工程師，后面的web前端大神級(jí)開(kāi)發(fā)工程師都有一個(gè)明確清晰的指導(dǎo)，根據(jù)千鋒提供的web前端學(xué)習(xí)路線圖可以讓你對(duì)學(xué)習(xí)web前端開(kāi)發(fā)需要掌握的知識(shí)有個(gè)清晰的了解，并快速入門web前端開(kāi)發(fā)。