給新手的錦囊：Web前端開發小白的學習建議和路線圖

對於新手小白來講學習Web前端開發，可能不知道從哪開始，總感受無從下手，Web小編給Web開發者整理了一份學習建議及路線圖，想要學習前端開發的東西能夠借鑑學習一下。

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

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

在這裏小編建了一個前端學習交流扣扣羣：132667127，我本身整理的最新的前端資料和高級開發教程，若是有想須要的，能夠加羣一塊兒學習交流

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

學習的建議給你們講了，怎麼去操做學習就你們本身看着學了，如下是Web前端小編分享一下學習路線給你們借鑑一下。

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

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

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

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

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

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

第七階段：大數據可視化：數據可視化入門、D3.jS詳解及項目實戰。

學習Web前端，其實本身的學習方法很重要，別人只能是給你建議，具體怎麼學還得根據自身的優劣勢來具體的定製學習路徑.