學(xué)習(xí)web前端要多久？2個(gè)月能夠?qū)W會(huì)嗎？web前端作為現(xiàn)在的熱門(mén)行業(yè)，以易學(xué)、簡(jiǎn)單、薪資高出名，無(wú)論你以前是否接觸過(guò)IT行業(yè)，只要用心，學(xué)習(xí)web前端就十分的簡(jiǎn)單，現(xiàn)在市面上的web前端培訓(xùn)機(jī)構(gòu)那么的多，許多培訓(xùn)都在說(shuō)什么速成之類(lèi)的謊言，其實(shí)學(xué)習(xí)web前端之前，你應(yīng)該對(duì)于它有著一個(gè)大致的了解。

      1、前端基礎(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三大特性。

      2、移動(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ā)：媒體查詢(xún)、less介紹和使用、rem適配及原理。

      3、JS網(wǎng)頁(yè)編程

      學(xué)完JS網(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ā)工程師水平。

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

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

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

      JS高級(jí)：面向?qū)π蜗缶幊探榻B、類(lèi)和對(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)。

      4、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)容。

      5、前端工具和框架

      掌握前端工具和框架，大家能夠?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)畫(huà)、vue組件、vue路由

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

      web前端的學(xué)習(xí)內(nèi)容差不多就這么多，若你是一個(gè)零基礎(chǔ)的朋友，學(xué)習(xí)時(shí)長(zhǎng)也需要半年左右才能真正的掌握web前端，而一些有基礎(chǔ)的朋友可能會(huì)快一點(diǎn)，但是總體時(shí)間也差不多，前端最重要的是項(xiàng)目，基礎(chǔ)部分學(xué)習(xí)并不困難，在學(xué)習(xí)web前端的時(shí)候，同學(xué)們更應(yīng)該關(guān)注的是學(xué)習(xí)質(zhì)量，只有學(xué)好了web前端，才能找到你滿意的工作。

      想要學(xué)習(xí)web前端開(kāi)發(fā)，可以參考千鋒成都web前端培訓(xùn)班（www.yncex.com）的學(xué)習(xí)路線，千鋒成都還有免費(fèi)的web前端入門(mén)視頻，快來(lái)跟著免費(fèi)視頻學(xué)習(xí)，看看你是否適合學(xué)習(xí)web前端。

上一篇

轉(zhuǎn)行web前端開(kāi)發(fā)，需要學(xué)習(xí)什么？

下一篇

成都Java培訓(xùn)：初級(jí)編程必須掌握的幾個(gè)知識(shí)點(diǎn)