以下純屬個人觀點和建議，肯定是有侷限性的，但是也希望能給你帶來一些幫助。

我們儼然能感受到前端崗位現在已經發展成了最重要的研發崗位之一，所以多我們提出的要求也就越來越高了。所以我們需要的也就不僅僅只是掌握css、html、JavaScript了，但是這三大件一直都是前端的根本，這一點從未改變，而這三大件中JavaScript又是重中之重、

接下來我會結合我的一點經驗，給出前端系統學習路線的一些具體建議以及入門前端時的一些困境。

入門前端時的一些困境

1、因一些基礎演算法、資料結構理論不紮實導致一些程式設計思維難於理解。比如 原型鏈，如果清楚 資料結構中連結串列結構，那麼這個東西不難理解，再比如 雜湊值，懂得資料結構中雜湊表，雜湊值也就迎刃而解。

2、計算機體系結構、作業系統理論、網路理論不紮實導致到後期一些東西難於理解。比如有同學從前端學習入手，後來學習node開發 ，在 I/O,程序、執行緒、IPC 、執行緒鎖方面有些概念就比較難於理解，而導致不能很好得使用node 的api 。

3、前端整體體系架構沒有做過深入思考。

導致用會用，但不知道為什麼用，用另外一個有什麼區別。

4、學習環境中無高手。

沒有高手能夠指導自己進入下一個層次。

5、有意識但是沒有行動我的網盤收集了一堆資料或者一堆視訊，然後就沒有然後了 。

目前企業招聘前端工程師的基本需求：

• 1.精通DIV+CSS網頁框架佈局的HTML程式碼編寫，熟悉W3C標準；
• 2.使用HTML5/CSS3熟練地進行頁面開發；
• 3.具備良好的前端架構分析能力與設計能力，與開發團隊保持良好溝通；
• 4.精通各主流瀏覽器（IE6+、Firefox、Chrome、Safari）間的差異性，能快速定位和解決各種相容難題；
• 5.熟悉JavaScript、Ajax、Flash、JQuery、ExtJS等各種Web前端開發技術，具備一定的跨瀏覽器開發經驗；
• 6.熟悉Vue，react

學習路線，可以參考一下：

第一階段：前端頁面重構。主要內容包括PC端網站佈局、HTML5+CSS3基礎、WebApp頁面佈局。學完此階段，學員可勝任Web前端開發工程師/前端頁面佈局與重構工程師，就業薪資為4K-6K;

第二階段：JavaScript高階程式設計、PC端全棧開發。主要內容包括原生JavaScript互動功能開發、面向物件進階與ES5/ES6/ES7應用、JavaScript工具庫自主研發、jQuery經典互動特效開發、PHP+MySQL後端基礎、前端工程化與模組化應用等。學完此階段，學員可勝任HTML5大前端工程師、高階HTML5大前端工程師、網站開發工程師、移動前端開發工程師，就業薪資為6K-10K;

第三階段：Node.js後端開發、Vue.js前端框架、React前端框架、混合開發(Hybrid,RN)、Angular前端框架、大資料視覺化。學完此階段，學員可勝任高階HTML5大前端工程師、全棧工程師、移動前端App開發工程師、微信開發工程師、小程式開發工程師、資料視覺化開發工程師，就業薪資為10K-15K。

前端的學習差不多就是上面的三個階段，如果沒有什麼基礎的初學者，學完差不多也需要半年才能找工作。當然有一定基礎的同學能夠更快掌握前端技術。因此學習前端的小夥伴不用糾結學習時間要多久，更應該注意的是學習質量才對。畢竟只有學到了有用的技能，才能不愁找不到工作。

如何入門前端

1、前端市場分析

如今網際網路的快速發展下，很多公司的前端人才缺口巨大。根據各大招聘網站的統計，其用人數量已經遠遠超過主流程式語言Java、ASP、和ios等開發人員的數量。一些人擔心前端行業會飽和，其實這種擔心完全是多餘的。技術無論怎麼發展，整體市場是不會飽和的，飽和的也只會是低端飽和，高階始終缺人。在未來，專業的前端開發工程師才是企業真正爭奪的香餑餑。而被淘汰的不是前端開發，而是淘汰技術落後和技術不精的開發者。從薪資上來說，前端和後端的薪資基本是一樣的，但前端的市場需求會比後端的更大。隨著網際網路的深入發展，使用者體驗則是企業的重中之重，而前端，作為公司的門面，需求會越來越大。從職業發展上來說，作為網際網路時代直接觸達使用者的視窗，前端無處不在，應用的領域廣闊，前景一片光明。

2、前端應用場景

前端互動是要直接呈現給使用者的介面，每個按鈕每一次跳轉，都需要前端開發。因此我們可以看到前端開發存在的方方面面，比如網站設計優化、各色各樣H5、app/小程式開發等等。隨著網際網路進入Web2.0時代，各種類似桌面軟體的Web應用大量湧現，前端由此發生了翻天覆地的變化。網頁不再只是承載單一的文字和圖片，各種富媒體讓網頁的內容更加生動，網頁上軟體化的互動形式為使用者提供了更好的使用體驗，這些都是基於前端技術實現的。如今手機更是成為人們生活中不可或缺的一部分，人們迎來了體驗為王的時代。移動端的前端技術開發前景寬闊。此外，前端技術還能應用於智慧電視、智慧手錶，甚至人工智慧領域也出現了前端的應用場景。

3、發展路線

剛入門的零基礎小白，應該把重點放在 CSS和HTML基礎知識的學習上。比如web標準、HTML相關概念、HTML標籤、路徑相關概念、錨點及其他、表格標籤、表單標籤、綜合案例，註冊頁面、CSS選擇、CSS字型樣、CSS外觀屬性、調式、CSS複合選擇器、標籤顯示模式、CSS背景、CSS三大特性等等。

JavaScript一直都是前端工程師進步的基石， JavaScript 的理解深度決定了前端開發者的職業發展。關於JavaScript的學習內容包括了瀏覽器執行JS過程、JS變數、資料型別、運算子等。只有在熟悉了JavaScript基礎語法的基礎上，我們才能繼續深入學習前端開發技術。

我們常用的庫工具有JQuery、underScore、zepto、Moment 等。這些庫給我們提供了很大的便利，省去了我們編寫相關方法的時間，同時也是我們的程式更加穩健。當然對於這些庫我們不僅僅只是去了解 API，我們需要去學習它的原始碼。看看如果自己寫相關方法的話是不是也想到了這種方式，這些庫工具是也是一個很好的學習工具，我們不應該忽略。

接下來學習的內容包括了node環境安裝、node模組化、gulp使用、伺服器和http協議、Ajax函式封裝、同源策略、JSONP、 CORS、jQuery中Aajx方法的使用、Ajax補充內容。完成這部分學習路線的內容可以基本掌握前後端資料互動、基於前後端分離模式、傳統模式的開發的工作。因此可以具備企業基礎用人標準，實現零基礎小白到初級前端開發工程師的華麗轉身。

然後我們要學習Vue指令、修飾符、樣式繫結、v-model底層原理、計算屬性、過濾器、偵聽器、vue元件、Promise、Fetch、axios、vue路由、前端工程化和模組化等等。學完以上內容，大家能夠實現基於Vue技術棧專案的開發能力，基本能夠達到中級前端開發工程師水平。

4、前端入門建議

在大家作為一名零基礎小白入門前端之前，首先要問自己一個問題：你為什麼要學習前端？如果只是為了混一個高薪的工作，不願意持續的學習成長，對前端也不感興趣，那還是建議你再慎重考慮要不要學習前端。畢竟前端這個行業如果你在入門前沒有做好從初級跨入高階的準備，後期的職業發展將會遭受巨大的職業瓶頸，甚至在學習前期就會輕易放棄。

另外，建議零基礎的初學者正確認識自己的學習能力。如果入門自學都比較困難，不妨報個靠譜一點的培訓班。畢竟培訓班只需要交學費，就可以為大家提供更好的學習氛圍，還可以讓大家少走一些彎路。而且IT技術是更新換代非常快的，如果自學效率差，學到的東西很快就沒有用了。

關於前端的長期職業規劃，大家要明白的是前端已不是從前的前端，不僅僅是切頁面做特效，如今的前端專案越來越龐大，需要重視專案組織和管理，需要工程化，需要前端架構。而且學習一門後端語言更有利於在前端的路上走得更遠。

以上就是0基礎學習前端開發的一些建議的詳細內容，更多關於學習前端開發的資料請關注我們其它相關文章！