隨著Web2.0思想的日益普及，讓企業都慢慢認識到前端的重要性。前端開發人員的地位也日益提高，相應的技術要求要是越來越高，那麼現在想成為一名合格的Web前端工程師應該怎樣學習呢?下面小編推薦一個Web前端學習路線圖，希望對初學者有幫助。

1.Javascript 語言

全棧開發中，用的程式語言就是 javascript

2.HTML5 標籤和 DOM

這是前端最核心技術，為之後學習各種開發框架，打下堅實基礎。

3.CSS3

學習通過 css 開發網頁和各種可視 UI 元件。

4.SASS

利用 sass 語言，開發複雜的頁面 css

5.Node.js

掌握Node.js 核心 API ，具備後端開發能力。

6.Express 5.x 框架

掌握 Express 框架，從而具備快速開發後端程式的能力。

7.socket.io 庫

讓前後端通過 websocket協議通訊，是web 開發遊戲、聊天等程式必備技術。

8.Mongoose 框架

可以讓程式具備文件資料儲存能力

9.Git 命令與 github

可以對專案進行版本管理，從而能團隊開發專案。

10.Gulp 構建工具實戰

通過 gulp 工具，靈活對專案進行構建。

11.Webpack

可以用和 Node.js 後端模組化方式，開發前端程式，從而能開發大型系統。

12.Jasmine & Karma

可以利用 Jasmine & Karma 輕鬆實現，多種瀏覽器同時進行單元測試，而不必切換介面。

13.前端相關框架

JQuery / Bootstrap / Vue.js /React / Angular通過框架幫我我們快速開發程式

14.移動端與桌面程式開發工具

phonegap / react-native / electron / 微信小程式開發

這套工具，基本上只是打包工具，和提供了一些特定平臺 API ，開發還是使用之前的 Web 技術。

如果通過這套學習路線圖學完，那麼就業是毫無壓力的，但是做為有志向的碼奴，我們還需要展望未來和擴充套件眼界。

一提到擴充套件眼界，有些人就會，瘋狂的拿來一本永遠不用技術的書，啃起來，比如你是用 html5 寫前端介面的，永遠用不上 QT 寫介面，你買本QT 津津有味的學起來，如果你感覺不錯，那就學吧。web前端學習學習群606721798

寫在最後

其實，很多想學習技術的同學都一方面是興趣使然一方面是想找一份滿意的工作，如果你學的技術對企業沒有實際價值，那麼也白瞎，(除非你是理論計算機學家)，就目前在“網際網路+”趨勢的引導下，Web前端工程師的需求只會越來越大。