轉(zhuǎn)行Web前端工程師怎樣學(xué)習(xí)？還不知道樓主是從什么行業(yè)轉(zhuǎn)行成功到web前端工程師，要是是從開(kāi)發(fā)工程師轉(zhuǎn)回web前端工程師，那相對(duì)來(lái)說(shuō)是很好轉(zhuǎn)的，容易完成。如果不是計(jì)算機(jī)相關(guān)專業(yè)，那你不需要一點(diǎn)從基礎(chǔ)來(lái)

轉(zhuǎn)行Web前端工程師怎樣學(xué)習(xí)？

還不知道樓主是從什么行業(yè)轉(zhuǎn)行成功到web前端工程師，要是是從開(kāi)發(fā)工程師轉(zhuǎn)回web前端工程師，那相對(duì)來(lái)說(shuō)是很好轉(zhuǎn)的，容易完成。如果不是計(jì)算機(jī)相關(guān)專業(yè)，那你不需要一點(diǎn)從基礎(chǔ)來(lái)學(xué)了！

web前端基礎(chǔ)：HTML語(yǔ)義化

CSS3基本語(yǔ)法規(guī)范

CSS常見(jiàn)布局技巧大全

網(wǎng)頁(yè)開(kāi)發(fā)規(guī)范在內(nèi)流程

CSS企業(yè)級(jí)網(wǎng)頁(yè)開(kāi)發(fā)

CSS初始化設(shè)置技術(shù)選擇

CSS3基本都自由變化特效

HTML、css是前端學(xué)最基本的知識(shí)，你要去學(xué)習(xí)前端，簡(jiǎn)單的方法要把這些基礎(chǔ)知識(shí)才能學(xué)好才是可以！

第二階段：

核心知識(shí)點(diǎn)

?CSS32D、3D跳躍

?CSS3animation動(dòng)畫(huà)

?H5C3炫酷頁(yè)面開(kāi)發(fā)

?Flex上下升降布局

?移動(dòng)端主流完全適配方案

?較常見(jiàn)移動(dòng)端樣式兼容方案

?預(yù)處理器Less

第三階段：

核心知識(shí)點(diǎn)

?JavaScript語(yǔ)言基礎(chǔ)

?BOM能操作大全

?DOM能操作大全

?裸芯片動(dòng)畫(huà)函數(shù)

?JavaScript高級(jí)

?正則表達(dá)式

?ECMAScript2015（ES6）新語(yǔ)法

?jQuery快速開(kāi)發(fā)

?jQuery插件開(kāi)發(fā)

第四階段：

核心知識(shí)點(diǎn)

?也能建立起客戶端服務(wù)器交互模型，比較熟悉網(wǎng)絡(luò)通信相關(guān)概念

?還能夠建議使用Node.js并且Web服務(wù)端開(kāi)發(fā)

?基于條件Node.js開(kāi)發(fā)Web應(yīng)用

?Express

?RESTFulAPI

?原聲AJAX、jQuery的AJAX去相關(guān)API在用

?跨域跪請(qǐng)及解決方案

?前端模板引擎

第五階段：

核心知識(shí)點(diǎn)

?大數(shù)據(jù)可視化D3.js

?Vue.js/VueRouter/Vuex/axios/Element-UI

?VueCLI腳手架工具

?不使用Git、Github管理項(xiàng)目源代碼

?webpack

?React.js/ReactRouter/Redux/axios/AntDesign

?create?react?app腳手架工具

?項(xiàng)目打包及系統(tǒng)優(yōu)化

?項(xiàng)目作戰(zhàn)部署與開(kāi)發(fā)

第六階段：

核心知識(shí)點(diǎn)

?人工智能

?小程序開(kāi)發(fā)

?小程序應(yīng)用及頁(yè)面的生命周期

?小程序運(yùn)行機(jī)制

?WePY小程序開(kāi)發(fā)框架

?小游戲開(kāi)發(fā)

以上那是前端的學(xué)習(xí)路線圖，到底為什么這個(gè)圖放上去就不明白了，如果沒(méi)有是想知道的，的或是配套的學(xué)習(xí)資源，這個(gè)可以后臺(tái)知道回答“前端”即可。

大二學(xué)計(jì)算機(jī)，自學(xué)過(guò)多門(mén)編程語(yǔ)言但不精通怎么辦？

必須，這對(duì)計(jì)算機(jī)大類專業(yè)的同學(xué)來(lái)說(shuō)，大一期間是可以不同樣學(xué)習(xí)兩門(mén)編程語(yǔ)言的，這對(duì)此強(qiáng)盜團(tuán)參加比賽和科研也有都很積極地的意義，在編程語(yǔ)言的選擇上，之外C語(yǔ)言之外，還這個(gè)可以學(xué)一門(mén)全場(chǎng)景編程語(yǔ)言，諸如Java、Python就是還好的選擇。

編程語(yǔ)言是先打開(kāi)計(jì)算機(jī)技術(shù)大門(mén)的鑰匙，充當(dāng)一個(gè)有用的工具，掌握編程語(yǔ)言對(duì)于后續(xù)自學(xué)其他專業(yè)知識(shí)有更加真接的影響，無(wú)形化編程語(yǔ)言也都能夠?yàn)榇罅康某橄蟾拍罱⑵鹌甬?huà)面感，而相對(duì)于大一的同學(xué)來(lái)說(shuō)，編程語(yǔ)言是重點(diǎn)去學(xué)習(xí)內(nèi)容之一。

學(xué)習(xí)編程語(yǔ)言需要經(jīng)過(guò)三個(gè)階段，各是基礎(chǔ)語(yǔ)法學(xué)習(xí)階段、主攻方向?qū)W習(xí)階段和場(chǎng)景實(shí)踐階段，不同階段有不同的側(cè)重點(diǎn)。以C語(yǔ)言為例，基礎(chǔ)語(yǔ)法學(xué)習(xí)階段是完全掌握C語(yǔ)言的編程過(guò)程，而主攻方向?qū)W習(xí)階段則要你選一個(gè)主攻方向，.例如嵌入式方向就是比較好的選擇，到最后要為自己營(yíng)造溫馨一個(gè)實(shí)踐場(chǎng)景，在換算項(xiàng)目（課題）的驅(qū)動(dòng)下來(lái)應(yīng)用編程語(yǔ)言，進(jìn)而擁有場(chǎng)景開(kāi)發(fā)能力。

編程語(yǔ)言的第一個(gè)學(xué)習(xí)階段是完全可以自學(xué)的，這個(gè)階段要先重視多做實(shí)驗(yàn)，實(shí)際實(shí)驗(yàn)來(lái)理解各種抽象概念，另外鍛煉身體自己的動(dòng)手能力。在完成了基礎(chǔ)語(yǔ)法的學(xué)習(xí)之后，要考慮到如何能為自己營(yíng)造一個(gè)交流和實(shí)踐的場(chǎng)景，例如積極參加比賽和老師的課題組應(yīng)該是比較好的選擇，這個(gè)過(guò)程也會(huì)確定自己的主攻方向。

這對(duì)計(jì)算機(jī)大類專業(yè)的同學(xué)來(lái)說(shuō)，學(xué)習(xí)規(guī)劃是非常重要的，在不同的學(xué)習(xí)階段要內(nèi)容明確差別的任務(wù)和目標(biāo)，而且學(xué)規(guī)劃要與發(fā)展規(guī)劃相統(tǒng)一規(guī)定。

到最后，要是有計(jì)算機(jī)專業(yè)的學(xué)習(xí)問(wèn)題和科研等問(wèn)題，可以向我發(fā)起直接咨詢。