随着Web2.0思想的(de)日益普及，讓企業都慢慢認識到(dào)前端的(de)重要(yào / yāo)性。前端開發人(rén)員的(de)地(dì / de)位也(yě)日益提高，相應的(de)技術要(yào / yāo)求要(yào / yāo)是(shì)越來(lái)越高，那麽現在(zài)想成爲(wéi / wèi)一名合格的(de)Web前端工程師應該怎樣學習呢

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

1.Javascript 語言

全棧開發中，用的(de)編程語言就(jiù)是(shì) javascript

2.HTML5 标簽和(hé / huò) DOM

這(zhè)是(shì)前端最核心技術，爲(wéi / wèi)之(zhī)後學習各種開發框架，打下堅實基礎。

3.CSS3

學習通過 css 開發網頁和(hé / huò)各種可視 UI 組件。

4.SASS

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

5.Node.js

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

6.Express 5.x 框架

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

7.socket.io 庫

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

8.Mongoose 框架

可以(yǐ)讓程序具備文檔數據儲存能力

9.Git 命令與 github

可以(yǐ)對項目進行版本管理，從而(ér)能團隊開發項目。

10.Gulp 構建工具實戰

通過 gulp 工具，靈活對項目進行構建。

11.Webpack

可以(yǐ)用和(hé / huò) Node.js 後端模塊化方式，開發前端程序，從而(ér)能開發大(dà)型系統。

12.Jasmine & Karma

可以(yǐ)利用 Jasmine & Karma 輕松實現，多種浏覽器同時(shí)進行單元測試，而(ér)不(bù)必切換界面。

13.前端相關框架

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

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

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

這(zhè)套工具，基本上(shàng)隻是(shì)打包工具，和(hé / huò)提供了(le／liǎo)一些特定平台 API ，開發還是(shì)使用之(zhī)前的(de) Web 技術。

如果通過這(zhè)套學習路線圖學完，那麽就(jiù)業是(shì)毫無壓力的(de)，但是(shì)做爲(wéi / wèi)有志向的(de)碼奴，我們還需要(yào / yāo)展望未來(lái)和(hé / huò)擴展眼界。

一提到(dào)擴展眼界，有些人(rén)就(jiù)會，瘋狂的(de)拿來(lái)一本永遠不(bù)用技術的(de)書，啃起來(lái)，比如你是(shì)用 html5 寫前端界面的(de)，永遠用不(bù)上(shàng) QT 寫界面，你買本QT 津津有味的(de)學起來(lái)，如果你感覺不(bù)錯，那就(jiù)學吧。

寫在(zài)最後

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