淺夢0隱寒
你好，簡單的跟你說下我個人感覺的學習軌跡，以及學習到什麼程序。
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本身的語法特性了，然後去看各種開源的前端框架，甚至如果有一天你自己都能出品自己的前端框架並被人追捧的話，你就厲害炸了。
當然現在，還是低調點，堅持學習吧！
三線城市程序員老陳
作為一名前端老（資深）程序員，我來說一說。
HTML
HTML是網頁的框架，稱為超文本標記語言，是一種標識性的語言。它包括一系列標籤，也許你也見過，如p，li，boday，u，a表情等等。通過這些標籤可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。但是
html只是讓瀏覽器認識你寫的語言是什麼，網頁排版他不負責。CSS
css層疊樣式表，CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。說通俗一點，就是負責網頁排班佈局。
要求：用Html+css佈局寫出靜態頁面，這是學習開發的最基礎最基礎的，必須掌握。
JavaScript
簡稱js，是一種具有函數優先的輕量級，解釋型或即時編譯型的編程語言。JavaScript 基於原型編程、多範式的動態腳本語言，並且支持面向對象、命令式和聲明式（如函數式編程）風格。只會佈局和框架是不行的，需要js實現頁面的動態互動。
要求：能夠寫出簡單的交互，聯調數據。js特別重要，基礎一定要打好，真是項目實踐中，很久接口文檔調用API等
jQuery
完全自己寫js工作量有點大，並且寫的不一定漂亮，所以有了jQuery，jQuery快速、簡潔。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。簡單說，就是很多js腳本已經給你寫好了，拿來直接用就可以。
要求：能夠寫出簡單的交互，聯調數據。
Bootstrap框架
Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基於HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架，使得 Web 開發更加快捷。使得開發更迅速，代碼質量更高。
要求：熟練掌握，後期會經常用到。
Node.js框架
Node.js是一個應用程序框架，有時也被稱為運行環境（runtime），通過它，應用程序可使用JavaScript編程語言來構建。 Node.js以其速度而聞名，因為它是非阻塞的。非阻塞意味著一個請求不會等待另一個請求結束（也就是異步的）。異步這一特性使Node.js成為當前吞吐量最大的框架，而Java應用服務器通常阻塞每個綁定到線程的請求，只要沒有更多線程可用，服務器會停止接收請求
要求：熟練應用。
先寫這些，以上內容掌握了，寫前端開發基本沒問題了。前端還有許多知識，需要在學習中不斷完善，例如：JSON，XML，SASS，LESS，如果在學習一些後臺開發知識，就如同如虎添翼，一起加油。
科技無敵猿
優秀的WEB前端工程師具備編寫任何一個互聯網系統的前端頁面、交互代碼的能力。根據對100家互聯網名企對Web開發工程師的招聘要求分析，企業要求主要有兩部分，一個是核心要求，一個是輔助要求，核心要求包括：語言技術：JS基礎和核心/HTML5/CSS3、框架技術：JQuery、AJAX、Bootstrap、AngularJS、通訊協議技術：HTTP協議、服務端開發技術、交互技術：UI交互設計、客戶端技術：微信開發技術、html5、JS、SDK開發、Android、iOS、Web App開發技術。輔助要求有1-3年Web工作經驗(近80%的企業)、學歷及相關專業、文檔規範寫作能力、團隊合作能力、責任心。
一隻程序哼
可以先學習基礎的html、css、JavaScript、有基礎之後學習vue框架、學習elementUI框架、微信小程序。這是你要走前端能拿到高薪的基本條件。注意：基礎不能丟，很多人現在都說學vue、react就好了，這是錯誤的。js一定要學，當年jq很熱火而現在呢？很尷尬吧？只有你懂得js的原生技能，今後不論怎麼變，你都不會被淘汰。
