4個(gè)月學(xué)前端找不到工作嗎？現(xiàn)在市面上到處可見(jiàn)，IT培訓(xùn)機(jī)構(gòu)打著幾個(gè)月速成前端的幌子，以此來(lái)招攬生源。其實(shí)學(xué)習(xí)這個(gè)東西沒(méi)有什么捷徑，但凡是可以保證在短短3、4個(gè)月內(nèi)速成的，學(xué)習(xí)質(zhì)量一定難以保障。既然在這樣不靠譜的機(jī)構(gòu)學(xué)習(xí)，學(xué)完能夠找到工作的概率自然很低。那么學(xué)前端到底要多久呢？這個(gè)問(wèn)題的答案因人而異，不過(guò)我們可以了解前端就業(yè)有哪些必備的技能和知識(shí)，下面我們就一起來(lái)看看吧！

階段一 : 前端基礎(chǔ)

學(xué)完前端的基礎(chǔ)知識(shí)，大家基本能夠根據(jù)PSD文件文件，完成PC端靜態(tài)網(wǎng)頁(yè)的開(kāi)發(fā)工作，但是學(xué)完此階段，尚不能夠達(dá)到企業(yè)用人標(biāo)準(zhǔn)。

HTML：瀏覽器與瀏覽器內(nèi)核、HTML基本結(jié)構(gòu)、HTML常用標(biāo)簽。

CSS：CSS介紹和CSS樣式表、CSS基本選擇器、CSS復(fù)合選擇器、 CSS三大特性。

階段二 : 移動(dòng)Web網(wǎng)頁(yè)開(kāi)發(fā)

學(xué)完移動(dòng)Web網(wǎng)頁(yè)開(kāi)發(fā),大家能夠完成移動(dòng)Web網(wǎng)頁(yè)、響應(yīng)式頁(yè)面以及炫酷頁(yè)面的開(kāi)發(fā)工作，當(dāng)然完成此階段，任然不能夠達(dá)到企業(yè)用人標(biāo)準(zhǔn)。

H5C3進(jìn)階：vscode編輯器基本使用、HTML5新增標(biāo)簽。

Flex 伸縮布局：移動(dòng)端基礎(chǔ)知識(shí)、Flex伸縮布局基礎(chǔ)知識(shí)。

移動(dòng)web開(kāi)發(fā)：媒體查詢、less介紹和使用、rem適配及原理。

階段三 : JavaScript網(wǎng)頁(yè)編程

學(xué)完JavaScript網(wǎng)頁(yè)編程，相信大家已經(jīng)能夠完成PC端網(wǎng)頁(yè)、移動(dòng)Web網(wǎng)頁(yè)、響應(yīng)式頁(yè)面中的功能和特殊效果的開(kāi)發(fā)工作，具備一定的企業(yè)基礎(chǔ)用人標(biāo)準(zhǔn)，但尚未達(dá)到初級(jí)前端開(kāi)發(fā)工程師水平。

JavaScript基礎(chǔ)語(yǔ)法：計(jì)算機(jī)基礎(chǔ)和JavaScript介紹、JavaScript變量、JavaScript數(shù)據(jù)類型、JavaScript操作符、 JavaScript數(shù)組和冒泡排序、 JavaScript函數(shù)及應(yīng)用、JavaScript作用域及預(yù)解析、JavaScript對(duì)象、JavaScript簡(jiǎn)單類型和復(fù)雜類型。

WebAPI編程：API 和 Web API、DOM介紹、 BOM介紹及應(yīng)用、this指向和js執(zhí)行機(jī)制、location、navigator、history對(duì)象、 offset、client、scroll三大家族介紹及案例應(yīng)用、緩動(dòng)畫的原理和封裝。

jQuery快速開(kāi)發(fā)：jQuery介紹及常用API導(dǎo)讀、jQuery鏈?zhǔn)骄幊碳皹邮讲僮鳌?jQuery事件綁定和解綁、jQuery插件的使用。

JavaScript高級(jí)：面向?qū)π蜗缶幊探榻B、類和對(duì)象、構(gòu)造函數(shù)和原型對(duì)象、forEach、some。

Object.defineProperty方法、函數(shù)進(jìn)階、call、apply、bind的使用、 閉包及應(yīng)用、遞歸及應(yīng)用、正則表達(dá)式及應(yīng)用、ES6中的let和const、ES6解構(gòu)賦值、ES6箭頭函數(shù)、剩余參數(shù)和拓展運(yùn)算符、 Array實(shí)例方法、ES6模板字符串和set數(shù)據(jù)結(jié)構(gòu)。

階段四 ： Node與Ajax

學(xué)完階段四的內(nèi)容，大家能夠完成前后端數(shù)據(jù)交互、基于前后端分離模式、傳統(tǒng)模式的開(kāi)發(fā)的工作，學(xué)完此階段，具備企業(yè)基礎(chǔ)用人標(biāo)準(zhǔn)，能夠達(dá)到初級(jí)前端開(kāi)發(fā)工程師水平。

Node Gulp：node介紹和環(huán)境安裝、node模塊化、gulp使用、服務(wù)器和http協(xié)議、Promise。

MongoDB Express：MongoDB數(shù)據(jù)庫(kù)和數(shù)據(jù)庫(kù)的增刪改查、mongoose驗(yàn)證、art-template模板引擎使用、Express框架。

Ajax：Ajax基礎(chǔ)知識(shí)、Ajax函數(shù)封裝、 CORS、jQuery中Aajx方法的使用。

Git和GitHub：git配置和使用、github及多人協(xié)作開(kāi)發(fā)、git補(bǔ)充內(nèi)容。

階段五 : 前端工具和框架

掌握前端工具和框架，大家能夠?qū)崿F(xiàn)基于Vue技術(shù)棧項(xiàng)目的開(kāi)發(fā)能力，學(xué)完此階段，具備企業(yè)用人標(biāo)準(zhǔn)，能夠達(dá)到中級(jí)前端開(kāi)發(fā)工程師水平。

Vue基礎(chǔ)：axios和vue-resource、vue動(dòng)畫、vue組件、vue路由

webpack：webpack介紹與安裝、webpack之loader配置與使用、webpack與vue結(jié)合使用。

前端的學(xué)習(xí)差不多就是上面的五個(gè)階段，如果沒(méi)有什么基礎(chǔ)的初學(xué)者，學(xué)完差不多也需要半年才能找工作。當(dāng)然有一定基礎(chǔ)的同學(xué)能夠更快掌握前端技術(shù)。因此學(xué)習(xí)前端的小伙伴不用糾結(jié)學(xué)習(xí)時(shí)間要多久，更應(yīng)該注意的是學(xué)習(xí)質(zhì)量才對(duì)。畢竟只有學(xué)到了有用的技能，才能不愁找不到工作。

為了幫助大家更輕松的學(xué)好web前端開(kāi)發(fā)技術(shù)，給大家分享一套前端開(kāi)發(fā)學(xué)習(xí)資料，關(guān)注我頭條號(hào)，然后私信我‘009’幾個(gè)數(shù)字免費(fèi)領(lǐng)取開(kāi)發(fā)工具、學(xué)習(xí)視頻教程。還有專業(yè)的老司機(jī)在線免費(fèi)直播分享答疑?。ㄗ⒁馑叫盼谊P(guān)鍵字不要寫錯(cuò)，可以復(fù)制）