随着Web2.0思想的日益普及，讓企業(yè)都慢慢認識到前端的重要性。前端開發人員的地位也日益提高，相應的技術(shù)要求要是越來越高，那麼現在想成為一名合格的Web前端工程師(shī)應該怎樣學習呢(ne)

Web前端學習路(lù)線圖，希望對初學者有幫助。

1.Javascript 語言

全棧開發中(zhōng)，用的編程語言就是 javascript

2.HTML5 标簽和(hé) DOM

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

3.CSS3

學習通(tōng)過 css 開發網頁和(hé)各種可(kě)視 UI 組件。

4.SASS

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

5.Node.js

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

6.Express 5.x 框架

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

7.socket.io 庫

讓前後端通(tōng)過 websocket協議通(tōng)信，是web 開發遊戲、聊天等程序必備技術(shù)。

8.Mongoose 框架

可(kě)以讓程序具備文(wén)檔數據儲存能力

9.Git 命令與 github

可(kě)以對項目進行版本管理，從而能團隊開發項目。

10.Gulp 構建工具實戰

通(tōng)過 gulp 工具，靈活對項目進行構建。

11.Webpack

可(kě)以用和(hé) Node.js 後端模塊化方式，開發前端程序，從而能開發大型系統。

12.Jasmine & Karma

可(kě)以利用 Jasmine & Karma 輕松實現，多種浏覽器(qì)同時進行單元測試，而不必切換界面。

13.前端相關(guān)框架

JQuery / Bootstrap / Vue.js /React / Angular通(tōng)過框架幫我我們快速開發程序

14.移動(dòng)端與桌面程序開發工具

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

這套工具，基本上隻是打包工具，和(hé)提供了一些特定平台 API ，開發還是使用之前的 Web 技術(shù)。

如(rú)果通(tōng)過這套學習路(lù)線圖學完，那麼就業(yè)是毫無壓力的，但是做為有志向的碼奴，我們還需要展望未來和(hé)擴展眼界。

一提到擴展眼界，有些人就會，瘋狂的拿來一本永遠(yuǎn)不用技術(shù)的書，啃起來，比如(rú)你(nǐ)是用 html5 寫前端界面的，永遠(yuǎn)用不上 QT 寫界面，你(nǐ)買本QT 津津有味的學起來，如(rú)果你(nǐ)感覺不錯，那就學吧。

寫在最後

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