自學前端建立知識體系，是最簡單入門以及工作後快速進階的有效方法

「自學」是不可能太「系統」的，因為沒有人幫你把每一個階段的學習內容定義清晰。由於缺乏別人提供的反饋，你沒辦法知道自己某一階段的學習是否完成了。從事前端多年，根據經驗一般的建議方式是，你去實體書店看看相關的書籍，那本順眼就從哪本學起，沒必要太在乎資訊來源是否系統化。不同的書針對有不同背景的人寫，寫作風格也不一樣，既然沒有人針對你因材施教，你必須自己憑感覺做出正確的選擇，不要盲目使用別人的套，優秀的前端工程師無論在深度和廣度上都得有自己的一套清晰透明的知識體系，同時更應該具備快速學習的能力。

比你優秀的人都在學習，你有什麼理由不更加努力的去提升和造化自己呢？

WEB前端工程師除了需要掌握基本的前端的開發技能外，當然，這裡的基本技能說的比較寬泛，大致包括HTML、CSS、JavaScript、網站效能最佳化、SEO和伺服器端基礎知識等等，還得學會各種輔助工具進行開發輔助，提升工作上的開發效率。

看看技能圖譜吧！淡定

看到這裡是不是感覺有點害怕了，要學這麼多啊，別怕，據統計，我們所學的知識其實真正在工作中的使用率20%左右，也就是說用20%的知識就可以勝任一份工作，那剩下的80%豈不是可以扔下了？別想太多，你還是得學。別看二八定律很有美感，現實是十分骨感滴~~

任何技能都不是一蹴而就的，學習沒有途徑可研。

學習一項技能就像馬拉松一樣，跑道已經給你固定了，只要你沿著跑道不停的向前，肯定會到達終點。

前端學習也是一個道理，知識點就那麼多，只要持續的去學習，並且活學活用，多做案例，久而久之，我們就會熟練的掌握這門技能。

然後在工作中，知識就是那些知識，看你怎麼用，唯一變化的就是業務需求和邏輯。

作為前端工程師，我們要滿足的就是以下四種人，搞定他們，那就天下初定。

一、產品經理

這貨和前端工程師是前世的情敵，會想出各種新鮮的、奇怪的、甚至反人類的想法來折磨作為前端工程師的我們；因為這貨負責策劃專案，也就是我們將要實現的應用程式。

二、UI設計師

這貨和前端工程師可說是相愛相殺，UI設計師負責應用程式的視覺設計和互動模擬（國內目前還沒有互動設計師），產品的靚麗青春還是老態龍鍾完全出自這貨之手（神之左手哦）；但這群傢伙有個外號叫做“畫素眼”，經常不滿足前端工程師造成的1px誤差。

三、專案經理

這貨的主要關注點主要在程式的正常執行時間、應用程式始終正常可用的時間、效能和截止日期，真切實際地負責執行和維護應用程式，往往追求簡單化，同時還會在程式升級時指出和引入新的問題。

四、終端使用者

這貨我們不說也知道了，我們每個人都是終端使用者，包括我們自己，雖然不經常與這貨打交道，但是反而是最重要的，沒有終端使用者，前端工程師的存在將會沒有意義；同時他們提出的反饋意見十分重要，要求也最多，比如個性化功能，別人家的產品所具備的功能怎麼我們沒有啊，吧啦吧啦一大堆。

那麼，零基礎學WEB前端我們要學些什麼呢？

學習是一種心態，特別是在學習一項新技能之前一定要認識到這點，不然後果是浪費了寶貴的時間又沒有學好，那就得不償失了。

為什麼要學習前端呢？理由自己找吧！哈哈

第一階段：HTML的學習

第二階段：CSS的學習

第三階段：JavaScript的學習

第四階段：基本框架jQuery和bootstrap

第五階段：HTML5和CSS3

第六階段：停下來寫案例吧，把你在網頁上見到的東西用程式碼寫出來

第七階段：JavaScript物件導向/前端自動化

第八階段：各種框架了解及學習

這裡什麼移動端web開發，混合APP開發什麼的就不列出來，當你學到那裡來了，自然就明白了，古話說得好：停車做。愛楓林晚，閒看院前花開花落。

前端是一個應用程式的門面，美不美，好不好用，都是前端工程師的鍋。同時前端貫穿在整個產品開發這條生產線上，說好聽點起著承上啟下的作用，通俗點講就是你周圍都是大爺，當然，只要我們是個好前端，我特麼就才是大爺。

最後：

前端就是後臺實現和視覺表現的橋樑，是貫穿在整個產品開發過程的紐帶，起到承上啟下的作用，一個好的前端工程師他能夠很好理解產品經理對使用者體驗的要求，也能夠很好地理解後臺工程師對資料邏輯，或者程式邏輯進行分離的要求，並將這些要求轉化成前臺的開發工作。前端就是網站的門面，它的價值遠大於 其他的客戶端開發。

從事全棧6年，專門建立的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學習方法和需要注意的小細節，互相交流學習，不停更新最新的教程和學習技巧（從零基礎開始到WEB前端專案實戰教程，學習工具，全棧開發學習路線以及規劃）點：