          Web前端開(kāi)發(fā)培訓(xùn)

1. 概論

1-1 Web前端開(kāi)發(fā)概述

1-2 網(wǎng)站與網(wǎng)頁(yè)

1-3 Web前端開(kāi)發(fā)技術(shù)

擴(kuò)展(動(dòng)畫(huà))：瀏覽器如何渲染網(wǎng)頁(yè)？服務(wù)器的作用？

1. 概論 單元測(cè)試

本課程所有PPT請(qǐng)?jiān)谶@里下載

2. HTML基礎(chǔ)

2-1 HTML概述

2-2 HTML文件結(jié)構(gòu)

2-3 HTML標(biāo)簽(I) h1~h6、p、br、pre、span、hr

2-4 HTML標(biāo)簽(II) a

2-5 HTML標(biāo)簽(III) img

2-6 HTML標(biāo)簽(IV) div、ul、ol 、table

2-7 HTML標(biāo)簽(V) form、input、select、textarea

Sublime Text的操作（基本環(huán)境）下載安裝指南參見(jiàn)www.webcourse.club/sublime.html

Sublime Text的操作（HTML）

2-8 Web語(yǔ)義化 em strong dl dt dp

2. HTML基礎(chǔ) 單元測(cè)驗(yàn)

2. HTML基礎(chǔ) 單元作業(yè)

3. CSS樣式

3-1 CSS概述

3-2 CSS添加方法

3-3 CSS選擇器

3-4 CSS樣式(I) 文字樣式

3-5 CSS樣式(II) 背景、超鏈接樣式

3-6 CSS樣式(III) 列表 表格樣式

Sublime Text的基本操作（CSS）

3. CSS樣式 單元測(cè)驗(yàn)

3. CSS樣式 單元作業(yè)

4. CSS布局與定位

4-1 布局與定位概述

4-2 盒子模型（I）

4-3 盒子模型（II）

4-4 CSS定位機(jī)制概述

4-5 文檔流定位

4-6 浮動(dòng)定位

4-7 層定位

4. CSS定位與布局 單元測(cè)驗(yàn)

4. CSS定位與布局 單元作業(yè)

5. CSS3

5-1 圓角邊框與陰影

5-2 文字與文本

5-3 2D變換

5-4 過(guò)渡與動(dòng)畫(huà)

5-5 3D變換

綜合案例

5. CSS3 單元測(cè)驗(yàn)

6. JavaScript基礎(chǔ)

6-1 概述與基礎(chǔ)語(yǔ)法

6-2 變量

6-3 數(shù)據(jù)類(lèi)型

6-4 運(yùn)算符與表達(dá)式

6-5 函數(shù)

6-6 分支結(jié)構(gòu)

6-7 循環(huán)結(jié)構(gòu)

6-8 數(shù)組

6-9 數(shù)組API函數(shù)

6-10 DOM查找

6-11 DOM修改

6-12 DOM添加

6-13 BOM

綜合案例：魔方

6 Javascript 單元作業(yè)

6. Javascript 單元測(cè)試

7. JQuery & HTML5 & Bootstrap

7-1 JQuery概述&工廠函數(shù)（擴(kuò)展）

7-2 JQuery增刪改查（擴(kuò)展）

7-3 JQuery事件（擴(kuò)展）

7-5 HTML5

7-4 響應(yīng)式布局&Bootstrap

7. HTML5 單元測(cè)驗(yàn)

8. 課程綜合案例

8-1 網(wǎng)頁(yè)布局與初始化（整個(gè)案例源代碼在這里下載）

8-2 網(wǎng)頁(yè)頂部、導(dǎo)航欄

8-3 網(wǎng)頁(yè)產(chǎn)品內(nèi)容、搜索功能

8-4 頁(yè)面服務(wù)、售后服務(wù)

8-5 網(wǎng)頁(yè)底部、頁(yè)面插件引用

8-6 返回頂部、吸頂燈功能

9. 企業(yè)前端新技術(shù)需求與建議學(xué)習(xí)路線（前沿?cái)U(kuò)展）

企業(yè)前端新技術(shù)需求與建議學(xué)習(xí)路線