前端工程師已經(jīng)成為目前互聯(lián)網(wǎng)企業(yè)極具競(jìng)爭(zhēng)力的人才，企業(yè)不斷提升薪資水平為了招聘到優(yōu)秀的Web前端開(kāi)發(fā)工程師。因此，越來(lái)越多的人想要學(xué)習(xí)Web前端。那么呢？Web前端的學(xué)習(xí)路線是什么？下面就和小編一起來(lái)看看。

　　一、HTML、CSS基礎(chǔ)、JavaScript語(yǔ)法基礎(chǔ)。學(xué)完基礎(chǔ)后，可以仿照電商網(wǎng)站（例如京東、小米）做首頁(yè)的布局。

　　二、JavaScript語(yǔ)法進(jìn)階。包括：作用域和閉包、this和對(duì)象原型等。相信我，JS語(yǔ)法，永遠(yuǎn)是面試中最重要的部分。

　　三、jQuery、Ajax等。jQuery沒(méi)有過(guò)時(shí)，它仍然是前端基礎(chǔ)的一部分。

　　四、ES6語(yǔ)法。這部分屬于JS新增的語(yǔ)法，面試必問(wèn)。其中，關(guān)于promise、async等內(nèi)容要尤其關(guān)注。

　　五、HTML5和CSS3。要熟悉其中的新特性。

　　六、canvas。面試時(shí)，有的公司不一定會(huì)問(wèn)canvas，靠運(yùn)氣。如果時(shí)間不夠，這部分的內(nèi)容可以先不學(xué)。但如果你會(huì)，絕對(duì)屬于加分項(xiàng)。

　　七、移動(dòng)Web開(kāi)發(fā)、Bootstrap等。要注意移動(dòng)開(kāi)發(fā)中的適配和兼容性問(wèn)題。

　　八、前端框架：Vue.js和React。這兩個(gè)框架至少要會(huì)一個(gè)。入門(mén)時(shí)，建議先學(xué)Vue.js，上手相對(duì)容易。但無(wú)論如何，同時(shí)掌握Vue和React才是合格的前端同學(xué)。

　　九、Node.js。屬于加分項(xiàng)，如果時(shí)間不夠，可以先不學(xué)，但至少要知道node環(huán)境的配置。

　　十、自動(dòng)化工具：構(gòu)建工具Webpack、構(gòu)建工具gulp、CSS預(yù)處理器Sass等。注意，Sass比Less用得多，gulp比grunt用得多。

　　十一、前端綜合：HTTP協(xié)議、跨域通信、安全問(wèn)題（CSRF、XSS）、瀏覽器渲染機(jī)制、異步和單線程、頁(yè)面性能優(yōu)化、防抖動(dòng)（Debouncing）和節(jié)流閥（Throtting）、lazyload、前端錯(cuò)誤監(jiān)控、虛擬DOM等。

　　十二、編輯器相關(guān)。SublimeText是每個(gè)學(xué)前端的人都要用到的編輯器。另外，前端常見(jiàn)的IDE有兩個(gè)：WebStorm和VisualStudioCode。WebStorm什么都好，可就是太卡頓；VSCode就相對(duì)輕量很多。

　　十三、TypeScript（簡(jiǎn)稱TS）。ES是JS的標(biāo)準(zhǔn)，TS是JS的超集。TS屬于進(jìn)階內(nèi)容，建議把上面的基礎(chǔ)掌握之后，再學(xué)TS。

　　前端相關(guān)免費(fèi)教程

　　免費(fèi)html視頻教程：http://www.soulsinkind.com/v27/

　　免費(fèi)css視頻教程下載：http://www.soulsinkind.com/v67/

　　Javascript視頻教程下：http://www.soulsinkind.com/v68/

　　菜鳥(niǎo)jquery教程下載：http://www.soulsinkind.com/v30/

　　零基礎(chǔ)ajax教程：http://www.soulsinkind.com/v31/

　　以上就是動(dòng)力節(jié)點(diǎn)Java培訓(xùn)機(jī)構(gòu)小編介紹的“知識(shí)總結(jié)-web前端視頻教程下載”的內(nèi)容，希望對(duì)大家有幫助，如有疑問(wèn)，請(qǐng)?jiān)诰€咨詢，有專業(yè)老師隨時(shí)為你服務(wù)。

　　相關(guān)內(nèi)容

　　java web前端——2019最新JavaScript面試題及及答案

　　web前端開(kāi)發(fā)需要學(xué)習(xí)什么

　　2019web開(kāi)發(fā)學(xué)習(xí)路線，詳談web前端

　　Web前端學(xué)習(xí)哪些技術(shù)，每一項(xiàng)都很重要

　　web前端入門(mén)自學(xué)，絕對(duì)最全面的學(xué)習(xí)路線