現在市面上到處可見，IT培訓機構打着幾個月速成前端的幌子，以此來招攬生源。其實學習這個東西沒有什麼捷徑，但凡是可以保證在短短3、4個月內速成的，學習質量一定難以保障。既然在這樣不靠譜的機構學習，學完能夠找到工作的概率自然很低。那麼學前端到底要多久呢？這個問題的答案因人而異，不過我們可以瞭解前端就業有哪些必備的技能和知識，下面我們就一起來看看吧！
階段一 : 前端基礎
學完前端的基礎知識，大家基本能夠根據PSD文件文件，完成PC端靜態網頁的開發工作，但是學完此階段，尚不能夠達到企業用人標準。
HTML：瀏覽器與瀏覽器內核、HTML基本結構、HTML常用標籤。
CSS：CSS介紹和CSS樣式表、CSS基本選擇器、CSS複合選擇器、 CSS三大特性。
階段二 : 移動Web網頁開發
學完移動Web網頁開發,大家能夠完成移動Web網頁、響應式頁面以及炫酷頁面的開發工作，當然完成此階段，任然不能夠達到企業用人標準。
H5C3進階：vscode編輯器基本使用、HTML5新增標籤。
Flex 伸縮佈局：移動端基礎知識、Flex伸縮佈局基礎知識。
移動web開發：媒體查詢、less介紹和使用、rem適配及原理。
階段三 : JavaScript網頁編程
學完JavaScript網頁編程，相信大家已經能夠完成PC端網頁、移動Web網頁、響應式頁面中的功能和特殊效果的開發工作，具備一定的企業基礎用人標準，但尚未達到初級前端開發工程師水平。
JavaScript基礎語法：計算機基礎和JavaScript介紹、JavaScript變量、JavaScript數據類型、JavaScript操作符、 JavaScript數組和冒泡排序、 JavaScript函數及應用、JavaScript作用域及預解析、JavaScript對象、JavaScript簡單類型和複雜類型。
WebAPI編程：API 和 Web API、DOM介紹、 BOM介紹及應用、this指向和js執行機制、location、navigator、history對象、 offset、client、scroll三大家族介紹及案例應用、緩動畫的原理和封裝。
jQuery快速開發：jQuery介紹及常用API導讀、jQuery鏈式編程及樣式操作、 jQuery事件綁定和解綁、jQuery插件的使用。
JavaScript高級：面向對形象編程介紹、類和對象、構造函數和原型對象、forEach、some。
Object.defineProperty方法、函數進階、call、apply、bind的使用、 閉包及應用、遞歸及應用、正則表達式及應用、ES6中的let和const、ES6解構賦值、ES6箭頭函數、剩餘參數和拓展運算符、 Array實例方法、ES6模板字符串和set數據結構。
階段四 ： Node與Ajax
學完階段四的內容，大家能夠完成前後端數據交互、基於前後端分離模式、傳統模式的開發的工作，學完此階段，具備企業基礎用人標準，能夠達到初級前端開發工程師水平。
Node+Gulp：node介紹和環境安裝、node模塊化、gulp使用、服務器和http協議、Promise。
MongoDB+Express：MongoDB數據庫和數據庫的增刪改查、mongoose驗證、art-template模板引擎使用、Express框架。
Ajax：Ajax基礎知識、Ajax函數封裝、 CORS、jQuery中Aajx方法的使用。
Git和GitHub：git配置和使用、github及多人協作開發、git補充內容。
階段五 : 前端工具和框架
掌握前端工具和框架，大家能夠實現基於Vue技術棧項目的開發能力，學完此階段，具備企業用人標準，能夠達到中級前端開發工程師水平。
Vue基礎：axios和vue-resource、vue動畫、vue組件、vue路由
webpack：webpack介紹與安裝、webpack之loader配置與使用、webpack與vue結合使用。
前端的學習差不多就是上面的五個階段，如果沒有什麼基礎的初學者，學完差不多也需要半年才能找工作。當然有一定基礎的同學能夠更快掌握前端技術。因此學習前端的小夥伴不用糾結學習時間要多久，更應該注意的是學習質量纔對。畢竟只有學到了有用的技能，才能不愁找不到工作。
從事全棧6年，專門建立的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學習方法和需要注意的小細節，互相交流學習，不停更新最新的教程和學習技巧（網頁製作，網站開發，web開發，從0基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端HTML5的項目實戰【視頻＋工具＋系統路線圖】全棧工程師學習路線以及規劃都有整理，分享給小夥伴）