          Web前端開發培訓

1. 概論

1-1 Web前端開發概述

1-2 網站與網頁

1-3 Web前端開發技術

擴展(動畫)：瀏覽器如何渲染網頁？服務器的作用？

1. 概論 單元測試

本課程所有PPT請在這里下載

2. HTML基礎

2-1 HTML概述

2-2 HTML文件結構

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

2-4 HTML標簽(II) a

2-5 HTML標簽(III) img

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

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

Sublime Text的操作（基本環境）下載安裝指南參見www.webcourse.club/sublime.html

Sublime Text的操作（HTML）

2-8 Web語義化 em strong dl dt dp

2. HTML基礎 單元測驗

2. HTML基礎 單元作業

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樣式 單元測驗

3. CSS樣式 單元作業

4. CSS布局與定位

4-1 布局與定位概述

4-2 盒子模型（I）

4-3 盒子模型（II）

4-4 CSS定位機制概述

4-5 文檔流定位

4-6 浮動定位

4-7 層定位

4. CSS定位與布局 單元測驗

4. CSS定位與布局 單元作業

5. CSS3

5-1 圓角邊框與陰影

5-2 文字與文本

5-3 2D變換

5-4 過渡與動畫

5-5 3D變換

綜合案例

5. CSS3 單元測驗

6. JavaScript基礎

6-1 概述與基礎語法

6-2 變量

6-3 數據類型

6-4 運算符與表達式

6-5 函數

6-6 分支結構

6-7 循環結構

6-8 數組

6-9 數組API函數

6-10 DOM查找

6-11 DOM修改

6-12 DOM添加

6-13 BOM

綜合案例：魔方

6 Javascript 單元作業

6. Javascript 單元測試

7. JQuery & HTML5 & Bootstrap

7-1 JQuery概述&工廠函數（擴展）

7-2 JQuery增刪改查（擴展）

7-3 JQuery事件（擴展）

7-5 HTML5

7-4 響應式布局&Bootstrap

7. HTML5 單元測驗

8. 課程綜合案例

8-1 網頁布局與初始化（整個案例源代碼在這里下載）

8-2 網頁頂部、導航欄

8-3 網頁產品內容、搜索功能

8-4 頁面服務、售后服務

8-5 網頁底部、頁面插件引用

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

9. 企業前端新技術需求與建議學習路線（前沿擴展）

企業前端新技術需求與建議學習路線