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

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

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

　　讓你能夠從容地去學習剩下的80%。總之就是專心對付重要的東西，那些什么less、sass、angular這類的東西，當你把我之前說的基礎打好之后，學習起來暢通無阻，隨學隨用。較難的就是實踐，只有實踐才能學到真正的技術，新人很難參與一些有價值有意義的項目，沒有這些項目又很難成長，所以自己有項目可參與應該珍惜。

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

　　第一階段：前端頁面重構：PC端網站布局、HTML5+CSS3基礎項目、WebAPP頁面布局;

　　第二階段：JavaScript高級程序設計：原生JavaScript交互功能開發(fā)、面向對象開發(fā)與ES5/ES6、JavaScript工具庫自主研發(fā);

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

　　第四階段：移動端webAPP開發(fā)：Touch端項目、微信場景項目、應用Vue.js開發(fā)WebApp項目、應用Ionic開發(fā)WebApp項目、應用React.js開發(fā)WebApp;

　　第五階段：混合(Hybrid)開發(fā)：各類混合應用開發(fā);

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

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

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