零基礎想要學習前端，卻無從下手？其實你就差一套這樣的web前端學習路線
優秀的前端工程師無論在深度和廣度上都得有自己的一套清晰透明的知識體系，同時更應該具備快速學習的能力。
WEB前端工程師除了需要掌握基本的前端的開發技能外，當然，這裡的基本技能說的比較寬泛，大致包括HTML、CSS、JavaScript、網站效能優化、SEO和伺服器端基礎知識等等，還得學會各種輔助工具進行開發輔助，提升工作上的開發效率。
技能圖譜
看到這裡是不是感覺有點害怕了，要學這麼多啊，別怕，據統計，我們所學的知識其實真正在工作中的使用率20%左右，也就是說用20%的知識就可以勝任一份工作，那剩下的80%豈不是可以扔下了？別想太多，你還是得學。別看二八定律很有美感，現實是十分骨感滴~~
任何技能都不是一蹴而就的，學習沒有途徑可研。
學習一項技能就像馬拉松一樣，跑道已經給你固定了，只要你沿著跑道不停的向前，肯定會到達終點。
前端學習也是一個道理，知識點就那麼多，只要持續的去學習，並且活學活用，多做案例，久而久之，我們就會熟練的掌握這門技能。
然後在工作中，知識就是那些知識，看你怎麼用，唯一變化的就是業務需求和邏輯。
作為前端工程師，要滿足的就是以下四種人，搞定他們，那就天下初定。
一、產品經理
產品經理可是說是前端工程師前世的情敵，會想出各種新鮮的、奇怪的、甚至反人類的想法來折磨前端工程師；因為這他負責策劃專案，也就是前端工程師們將要實現的應用程式。
二、UI設計師
UI設計師和前端工程師可以說是相愛相殺，UI設計師負責應用程式的視覺設計和互動模擬（國內目前還沒有互動設計師），產品的靚麗青春還是老態龍鍾完全出自其手；但這群人有個外號叫做“畫素眼”，經常不滿足前端工程師造成的1px誤差。
三、專案經理
專案經理主要關注點主要在程式的正常執行時間、應用程式始終正常可用的時間、效能和截止日期，真切實際地負責執行和維護應用程式，往往追求簡單化，同時還會在程序升級時指出和引入新的問題。
四、終端使用者
我們每個人都是終端使用者，包括我們自己，雖然不經常與其打交道，但是反而是最重要的，沒有終端使用者，前端工程師的存在將會沒有意義；同時他們提出的反饋意見十分重要，要求也最多，比如個性化功能，別人家的產品所具備的功能怎麼我們沒有啊，吧啦吧啦一大堆。
可見，無論是什麼行業都沒有輕鬆一說，如果你真的做好準備想要學習前端了的話，下面是我整理的一條前端學習路線。
首先，要先了解零基礎的我們在WEB前端中要學些什麼。
學習是一種心態，特別是在學習一項新技能之前一定要認識到這點，不然後果是浪費了寶貴的時間又沒有學好，那就得不償失了。
第一階段：HTML的學習
第二階段：CSS的學習
第三階段：JavaScript的學習
第四階段：基本框架jQuery和bootstrap
第六階段：停下來寫案例吧，把你在網頁上見到的東西用程式碼寫出來
第七階段：JavaScript面向物件/前端自動化
第八階段：各種框架了解及學習
這裡什麼移動端web開發，混合APP開發什麼的就不列出來，當你學到那裡來了，自然就明白了，古話說得好：停車做愛楓林晚，閒看院前花開花落。
前端是一個應用程式的門面，美不美，好不好用，都是前端工程師的鍋。同時前端貫穿在整個產品開發這條生產線上，說好聽點起著承上啟下的作用，通俗點講就是你周圍都是大爺，當然，只要你是一個好前端，那麼你就是大爺。
結語：
前端就是後臺實現和視覺表現的橋樑，是貫穿在整個產品開發過程的紐帶，起到承上啟下的作用，一個好的前端工程師他能夠很好理解產品經理對使用者體驗的要求，也能夠很好地理解後臺工程師對資料邏輯，或者程式邏輯進行分離的要求，並將這些要求轉化成前臺的開發工作。前端就是網站的門面，它的價值遠大於 其他的客戶端開發。
最後，給大家推薦一個web前端學習群：956728358，群檔案裡整理了一套免費的學習教材和工具。該群專注於Web前端、HTML5技術學習交流零基礎到專案實戰，每天會講解實戰專案，答疑解惑，學習與快樂同在。我們群是關於web前端學習的，希望大家多多交流。即使是小白也沒有關係，只要你有興趣，就可以加入。