隨著Web2.0思想的日益普及，讓企業(yè)都慢慢認(rèn)識到前端的重要性。前端開發(fā)人員的地位也日益提高，相應(yīng)的技術(shù)要求要是越來越高，那么現(xiàn)在想成為一名合格的Web前端工程師應(yīng)該怎樣學(xué)習(xí)呢

Web前端學(xué)習(xí)路線圖，希望對初學(xué)者有幫助。

1.Javascript 語言

全棧開發(fā)中，用的編程語言就是 javascript

2.HTML5 標(biāo)簽和 DOM

這是前端最核心技術(shù)，為之后學(xué)習(xí)各種開發(fā)框架，打下堅(jiān)實(shí)基礎(chǔ)。

3.CSS3

學(xué)習(xí)通過 css 開發(fā)網(wǎng)頁和各種可視 UI 組件。

4.SASS

利用 sass 語言，開發(fā)復(fù)雜的頁面 css

5.Node.js

掌握Node.js 核心 API ，具備后端開發(fā)能力。

6.Express 5.x 框架

掌握 Express 框架，從而具備快速開發(fā)后端程序的能力。

7.socket.io 庫

讓前后端通過 websocket協(xié)議通信，是web 開發(fā)游戲、聊天等程序必備技術(shù)。

8.Mongoose 框架

可以讓程序具備文檔數(shù)據(jù)儲存能力

9.Git 命令與 github

可以對項(xiàng)目進(jìn)行版本管理，從而能團(tuán)隊(duì)開發(fā)項(xiàng)目。

10.Gulp 構(gòu)建工具實(shí)戰(zhàn)

通過 gulp 工具，靈活對項(xiàng)目進(jìn)行構(gòu)建。

11.Webpack

可以用和 Node.js 后端模塊化方式，開發(fā)前端程序，從而能開發(fā)大型系統(tǒng)。

12.Jasmine & Karma

可以利用 Jasmine & Karma 輕松實(shí)現(xiàn)，多種瀏覽器同時(shí)進(jìn)行單元測試，而不必切換界面。

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

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

14.移動端與桌面程序開發(fā)工具

phonegap / react-native / electron / 微信小程序開發(fā)

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

如果通過這套學(xué)習(xí)路線圖學(xué)完，那么就業(yè)是毫無壓力的，但是做為有志向的碼奴，我們還需要展望未來和擴(kuò)展眼界。

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

寫在最后

其實(shí)，很多想學(xué)習(xí)技術(shù)的同學(xué)都一方面是興趣使然一方面是想找一份滿意的工作，如果你學(xué)的技術(shù)對企業(yè)沒有實(shí)際價(jià)值，那么也白瞎，(除非你是理論計(jì)算機(jī)學(xué)家)，就目前在“互聯(lián)網(wǎng)+”趨勢的引導(dǎo)下，Web前端工程師的需求只會越來越大。