學習web前端開發，對於新手小白來說可能不知道從哪開始，那麼該如何開始學習web前端呢？給web開發者學習建議及路線圖，想要學習前端開發的東西可以借鑑學習一下。

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

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

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

學習的建議給大家講了，怎麼去操作學習就大家自己看著學了，以下這份web前端學習路線圖分享給大家借鑑一下。

第一階段：前端頁面重構：PC端網站佈局、HTML5+CSS3基礎專案、WebAPP頁面佈局；

第二階段：JavaScript高階程式設計：原生JavaScript互動功能開發、面向物件開發與ES5/ES6、JavaScript工具庫自主研發；

第三階段：PC端全棧專案開發：jQuery經典特效互動開發、HTTP協議，Ajxa進階與後端開發、前端工程化與模組化應用、PC端網站開發、PC端管理資訊系統前端開發；

第四階段：移動端webAPP開發：Touch端專案、微信場景專案、應用Vue.js開發WebApp專案、應用Ionic開發WebApp專案、應用React.js開發WebApp；

第五階段：混合（Hybrid）開發：各類混合應用開發；

第六階段：NodeJS全棧開發：WebApp後端系統開發；

第七階段：大資料視覺化：資料視覺化入門、D3.jS詳解及專案實戰。

學習web前端，其實自己的學習方法很重要，別人只能是給你建議，具體怎麼學還得根據自身的優劣勢來具體的定製學習路徑，多看多聽多提問，學習別人的好方法，才能不斷的提升自己。