一、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è)。入門時(shí)，建議先學(xué)Vue.js，上手相對(duì)容易。但無(wú)論如何，同時(shí)掌握 Vue 和 React 才是合格的前端同學(xué)。

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

為了幫助大家學(xué)習(xí)前端，讓學(xué)習(xí)變得輕松，高效！今天給大家分享一套教學(xué)資源，從最零基礎(chǔ)開(kāi)始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等幫助大家在學(xué)習(xí)Web前端的道路上披荊斬棘

項(xiàng)目列表：

1.【HTML5 canvas龍卷風(fēng)動(dòng)畫制作】

2.【CSS3 七夕表白頁(yè)面特效】

3.【CSS 20行代碼見(jiàn)證七色花動(dòng)畫】

4.【HTML5 敲出一個(gè)牛逼的雪景】

5.【CSS3特效拉窗簾】

6.【HTML5游戲項(xiàng)目】

7.【英雄聯(lián)盟官網(wǎng)特效】

8.【web動(dòng)畫形成原理-滾動(dòng)】

9.【天貓官網(wǎng)必用技術(shù)——懶加載】

10.【CSS3炫酷的輪播特效】

11.【css實(shí)現(xiàn)點(diǎn)擊圖片切換】

12.【CSS3大型企業(yè)官網(wǎng)】

13【W(wǎng)EB煙霧夢(mèng)幻特效】

14.【解析渲染原理-解析渲染原理】

15.【實(shí)現(xiàn)3d炫酷相冊(cè)】

16.【純html css 打造女神輪播圖】

17.【植物大戰(zhàn)僵尸網(wǎng)頁(yè)版】：

獲取方式：

1、評(píng)論區(qū)評(píng)論：“資料”（重點(diǎn)）

2、后臺(tái)打招呼就行了?。ㄖ攸c(diǎn)）