對於新手小白來說學習Web前端開發，可能不知道從哪開始，總感覺無從下手，下麵給Web開發者整理了一份學習建議及路線圖，想要學習前端開發的東西可以借鑒學習一下。 其實想要學習Web前端開發的門檻還是挺低的， Web前端開發入門門檻低體現在HTML和CSS上，前者只是結構標簽，後者是樣式配置，入門是非常 ...
對於新手小白來說學習Web前端開發，可能不知道從哪開始，總感覺無從下手，下麵給Web開發者整理了一份學習建議及路線圖，想要學習前端開發的東西可以借鑒學習一下。
其實想要學習Web前端開發的門檻還是挺低的， Web前端開發入門門檻低體現在HTML和CSS上，前者只是結構標簽，後者是樣式配置，入門是非常簡單的，對Web前端開發感興趣的小伙伴可以找一些相關書籍來看，或者也可以找一些相關的視頻來看，鞏固所學的知識，雖然看這些書籍或者視頻很枯燥，但是只要能啃下來你就會發現，這些確實很管用。
Web前端開發入門低的另一個重要表現就是符合8/2定律，也就是20%的東西使用率占到80%。所以很適合囫圇吞棗，因此我們的重點就是把這20%學起來，而首先要做的就是把這20%的東西找出來。前端這20%的東西大概就是常用的HTML標簽，css的盒子模型，基本的原生js，以及熟練使用jquery，ajax，常見瀏覽器的相容。拿下這些東西意義非凡，一方面證明你適合做前端這份工作，另一方面這些技能能讓你找到一份工作。
讓你能夠從容地去學習剩下的80%。總之就是專心對付重要的東西，那些什麼less、sass、angular這類的東西，當你把我之前說的基礎打好之後，學習起來暢通無阻，隨學隨用。較難的就是實踐，只有實踐才能學到真正的技術，新人很難參與一些有價值有意義的項目，沒有這些項目又很難成長，所以自己有項目可參與應該珍惜。
學習的建議給大家講了，怎麼去操作學習就大家自己看著學了，分享一下學習路線分享給大家借鑒一下。
第一階段：前端頁面重構：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詳解及項目實戰。
up是一個從事前端開發6年的程式員，在前端領域混了這幾年，總結了一套前端學習的精講視頻和學習路線，如果有對前端開發感興趣的伙伴，不管你是想轉行，或是大學生，還有工作中想提升自己能力的web前端黨，歡迎大家的加入我的前端開發交流群：603985993 希望大家誠心交流！，與企業需求同步。好友都在裡面學習交流，每天都會有大牛定時講解前端技術!
