今天，我們都想學(xué)前端！?。?/p>

1、HTML基礎(chǔ)入門(mén)

帶你從最最基礎(chǔ)的知識(shí)開(kāi)始，認(rèn)識(shí) HTML，通過(guò) HTML 文件的結(jié)構(gòu)、常用的標(biāo)簽、元素、屬性、樣式、超文本等內(nèi)容讓大家對(duì) HTML 有一個(gè)完整的認(rèn)識(shí)！

2、HTML5基礎(chǔ)入門(mén)

HTML5有很多新特性，這個(gè)教程就帶你入門(mén)了解HTML5的一些新特性。

我們知道?。?/p>

html是結(jié)構(gòu) （網(wǎng)頁(yè)一個(gè)架子，顯示內(nèi)容）、css是樣式（添加背景圖片，邊框等來(lái)修飾）、js是行為（用戶操作，華麗的動(dòng)畫(huà)）

所以呢，光學(xué)HTML肯定是不夠滴，還需要學(xué)習(xí)css和js才行啊。

3、CSS速成教程

這個(gè)教程啊，就是帶你入門(mén)學(xué)習(xí)CSS知識(shí)的，讓你對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。

4、Javascript基礎(chǔ)

這個(gè)教程呢，是教你學(xué)習(xí) JavaScript 的語(yǔ)法及事件、對(duì)象、DOM 等基礎(chǔ)知識(shí)，可以讓網(wǎng)頁(yè)按照你的想法“動(dòng)”起來(lái)。

以上呢，是基礎(chǔ)，基礎(chǔ)打牢了才能動(dòng)手開(kāi)發(fā)呀，但是，光有理論基礎(chǔ)是不夠的，還需要在實(shí)際開(kāi)發(fā)“小程序”之前，做一些項(xiàng)目，練練手，把所學(xué)到的基礎(chǔ)知識(shí)加以運(yùn)用！

5、HTML5兩步實(shí)現(xiàn)拼圖游戲

這個(gè)項(xiàng)目就是教你使用HTML5和css3實(shí)現(xiàn)的九宮格拼圖游戲。做出來(lái)是這樣的：

6、SCSS（SASS）畫(huà)小黃人

這個(gè)項(xiàng)目呢，教你通過(guò) SCSS（SASS）畫(huà)一個(gè)會(huì)眨眼睛的小黃人，主要學(xué)習(xí) CSS3。畫(huà)出來(lái)是這樣的：

7、JavaScript實(shí)現(xiàn)玫瑰花

這個(gè)項(xiàng)目呢，主要是教你用JavaScript語(yǔ)言實(shí)現(xiàn)一朵漂亮的玫瑰花。實(shí)現(xiàn)出來(lái)是這樣的：