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

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

1.Javascript 語(yǔ)言

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

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

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

3.CSS3

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

4.SASS

利用 sass 語(yǔ)言，開(kāi)發(fā)復(fù)雜的頁(yè)面 css

5.Node.js

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

6.Express 5.x 框架

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

7.socket.io 庫(kù)

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

8.Mongoose 框架

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

9.Git 命令與 github

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

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

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

11.Webpack

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

12.Jasmine & Karma

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

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

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

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

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

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

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

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

寫(xiě)在最后

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