可以先學習基礎的html、css、JavaScript、有基礎之後學習vue框架、學習elementUI框架、微信小程式。這是你要走前端能拿到高薪的基本條件。注意：基礎不能丟，很多人現在都說學vue、react就好了，這是錯誤的。js一定要學，當年jq很熱火而現在呢？很尷尬吧？只有你懂得js的原生技能，今後不論怎麼變，你都不會被淘汰。

作為一名前端老（資深）程式設計師，我來說一說。

HTML是網頁的框架，稱為超文字標記語言，是一種標識性的語言。它包括一系列標籤，也許你也見過，如p，li，boday，u，a表情等等。透過這些標籤可以將網路上的文件格式統一，使分散的Internet資源連線為一個邏輯整體。HTML文字是由HTML命令組成的描述性文字，HTML命令可以說明文字，圖形、動畫、聲音、表格、連結等。但是html只是讓瀏覽器認識你寫的語言是什麼，網頁排版他不負責。

css層疊樣式表，CSS 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字號樣式，擁有對網頁物件和模型樣式編輯的能力。說通俗一點，就是負責網頁排班佈局。

要求：用Html+css佈局寫出靜態頁面，這是學習開發的最基礎最基礎的，必須掌握。

簡稱js，是一種具有函式優先的輕量級，解釋型或即時編譯型的程式語言。JavaScript 基於原型程式設計、多正規化的動態指令碼語言，並且支援面向物件、命令式和宣告式（如函數語言程式設計）風格。只會佈局和框架是不行的，需要js實現頁面的動態互動。

要求：能夠寫出簡單的互動，聯調資料。js特別重要，基礎一定要打好，真是專案實踐中，很久介面文件呼叫API等

完全自己寫js工作量有點大，並且寫的不一定漂亮，所以有了jQuery，jQuery快速、簡潔。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的程式碼，做更多的事情。它封裝JavaScript常用的功能程式碼，提供一種簡便的JavaScript設計模式，最佳化HTML文件操作、事件處理、動畫設計和Ajax互動。簡單說，就是很多js指令碼已經給你寫好了，拿來直接用就可以。

要求：能夠寫出簡單的互動，聯調資料。

Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基於HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架，使得 Web 開發更加快捷。使得開發更迅速，程式碼質量更高。

要求：熟練掌握，後期會經常用到。

Node.js是一個應用程式框架，有時也被稱為執行環境（runtime），透過它，應用程式可使用JavaScript程式語言來構建。 Node.js以其速度而聞名，因為它是非阻塞的。非阻塞意味著一個請求不會等待另一個請求結束（也就是非同步的）。非同步這一特性使Node.js成為當前吞吐量最大的框架，而Java應用伺服器通常阻塞每個繫結到執行緒的請求，只要沒有更多執行緒可用，伺服器會停止接收請求

要求：熟練應用。

先寫這些，以上內容掌握了，寫前端開發基本沒問題了。前端還有許多知識，需要在學習中不斷完善，例如：JSON，XML，SASS，LESS，如果在學習一些後臺開發知識，就如同如虎添翼，一起加油。

你好，簡單的跟你說下我個人感覺的學習軌跡，以及學習到什麼程式。

1、首先學習html，html是用來顯示網頁內容的，比如標題、文字、表格、圖片等，html至少要學到了解基本的標籤如html、head、body、title、div、span、img、form、input，自己能看懂這些標籤，並能自己寫出來。

2、然後學習CSS，CSS是用來描述網頁樣式的，比如字型的大小、顏色，比如網頁的背景色，一般CSS會指定描述物件，所以CSS要學會基本的樣式程式碼，然後會透過選擇器將CSS應用到網頁元素上。

3、然後學習JavaScript，這個是重點了，要掌握JavaScript的資料型別、輸出語句、變數使用、函式使用、字串使用。然後要理解DOM文件物件模型和BOM瀏覽器物件模型，從而使用JavaScript操作瀏覽器和HTML文件內容，使網頁變得動態起來。

4、然後建議學習下jQuery，原生的JavaScript比較複雜，寫起來程式碼量非常大，jQuery實現了對JavaScript的封裝，使JavaScript更好用。因為很多Web專案還是在用jQuery，所以還是要學習下。

5、然後學習Vue/React，這兩個框架是目前網際網路公司用的最熱門的前端框架了，使用之後效率會得到很大的提升，前端程式碼也比較好維護。國內可能Vue更加熱門一點，因為作者尤雨溪就是咱們華人（厲害啊！）。先用Vue做點單頁面，體會下基礎語法，然後可以Vuex+VueRouter等全家桶用起來。

6、然後需要了解下一些前端顯示框架，例如Bootstrap（相容PC到移動端）、WeUI（手機端網頁框架），如果是做Vue的話，經常用ElementUI，這個是餓了麼出品的Vue前端框架，國內用的也很多。

7、此時你應該邊學邊做了很多專案了，此時應該回歸本源，好好研究下JavaScript本身的語法特性了，然後去看各種開源的前端框架，甚至如果有一天你自己都能出品自己的前端框架並被人追捧的話，你就厲害炸了。

當然現在，還是低調點，堅持學習吧！

優秀的WEB前端工程師具備編寫任何一個網際網路系統的前端頁面、互動程式碼的能力。根據對100家網際網路名企對Web開發工程師的招聘要求分析，企業要求主要有兩部分，一個是核心要求，一個是輔助要求，核心要求包括：語言技術：JS基礎和核心/HTML5/CSS3、框架技術：JQuery、AJAX、Bootstrap、AngularJS、通訊協議技術：HTTP協議、服務端開發技術、互動技術：UI互動設計、客戶端技術：微信開發技術、html5、JS、SDK開發、Android、iOS、Web App開發技術。輔助要求有1-3年Web工作經驗(近80%的企業)、學歷及相關專業、文件規範寫作能力、團隊合作能力、責任心。

你好，剛好是自己工作範圍內，來說說自己的學習過程

前端學習，大概兩個階段

1.CSS+HTML

這部分是前端學習的基礎，教程的話，各大教程網站都可以查到相應的教程。照著教程做即可。工具的話，可以用webstorm+chrome，這樣可以實時的看到自己的修改，方便自己對照聯絡

2.JS

這部分開始培養你的程式設計基礎，也會是你花費時間比較多的部分。如果之前就有程式設計基礎的話，這塊學起來還是比較快的。可以先到各大教程網站，學習個大概。然後自己購買相關的書籍回來仔細學習。JS內容比較多，學習過程需要比較仔細。

到這裡的話，就需要開始學習相關的前端框架了

目前比較比較火的有下面3個框架，建議可以都進去了解下

1.React

這個是臉書推出的框架，目標是用寫 Web App 的方式去寫 Native App，方便一次寫出跨平臺執行的App。

2.Vue

vue是漸進式框架，採用自底向上增量開發的設計。是3個框架裡面，對新人最友好的一個，目前也非常火熱。關鍵作者是華人，不管怎麼說，都值得支援一波

3.Angular

這個是谷歌退出的前端框架，開發語言的話，和前面的兩個不同。這個框架是用TS開發，所以如果用ng的話，你還需要學習一下TS的知識。總體來說的話，TS改進了JS很多的坑，在大型工程裡面，比JS不要好用太多。

當你學習到這裡的時候，應該就足夠知道自己想要什麼了，然後按照自己的需求，繼續往下深入學習即可

一定要重視基礎，首先建立第一條技能線：就是前端由html，css，js組成；然後將其細化為第二條線，html是由html4和html5組成；

第三條線，css由css2和css3組成；

第四條線，js由es5和es6構成。接下來是框架方面的延伸：css方向有less，html方向有bootstrap，js方向有jquery庫。

再往下就不磨嘰了，有免費課程可以聽一下：http://19.offcn.com/class-101313/?scode=HZLOFZ

web前端要怎麼學習，這是一個值得大家深思熟慮的一個問題，學習的方法方式的不同，導致的學習成果也是有一定的差別的，如果是選擇了一個適合自己的學習方式，那麼學習起來就能夠達到事半功倍的效果，學習效率也更加好一些，如果是不適合自己的學習方式學習那麼導致的結果就是事倍功半了，很難達到想要的結果。

1、就是要選擇一個適合的學習方式進行web前端的學習

2、選擇一個系統的前沿web前端課程體系進行學習

3、根據實際情況制定一套比較合理的學習計劃，安排每天的學習內容，以及學習時長和練習時間

階段1.前端核心基礎

HTML +_CSS核心、JavaScript基礎語法、JavaScript面向物件、JavaScript DOM和BOM程式設計、jQuery框架

階段2.HTML5 + CSS3 + 移動端核心

HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3例項演練

階段3.移動端

移動端核心、移動端適配、移動端特效

階段4.伺服器端

階段5.JavaScript高階

JavaScript基礎深入剖析、JavaScript面向物件深入講解、JavaScript非同步程式設計、JavaScript函數語言程式設計、JavaScript設計模式

階段6.前端必備

效能最佳化、版本控制工具、模組化、專案構建工具

階段7.高階框架

React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue原始碼分析

階段8.小程式

原生小程式入門、原生小程式API使用、小程式框架Mpvue

HTML +_CSS核心、JavaScript基礎語法、JavaScript面向物件、JavaScript DOM和BOM程式設計、jQuery框架