
Web前端開發(fā)培訓(xùn)
1. 概論
1-1 Web前端開發(fā)概述
1-2 網(wǎng)站與網(wǎng)頁
1-3 Web前端開發(fā)技術(shù)
擴展(動畫):瀏覽器如何渲染網(wǎng)頁?服務(wù)器的作用?
1. 概論 單元測試
本課程所有PPT請在這里下載
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)境)下載安裝指南參見www.webcourse.club/sublime.html
Sublime Text的操作(HTML)
2-8 Web語義化 em strong dl dt dp
2. HTML基礎(chǔ) 單元測驗
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樣式 單元測驗
3. CSS樣式 單元作業(yè)
4. CSS布局與定位
4-1 布局與定位概述
4-2 盒子模型(I)
4-3 盒子模型(II)
4-4 CSS定位機制概述
4-5 文檔流定位
4-6 浮動定位
4-7 層定位
4. CSS定位與布局 單元測驗
4. CSS定位與布局 單元作業(yè)
5. CSS3
5-1 圓角邊框與陰影
5-2 文字與文本
5-3 2D變換
5-4 過渡與動畫
5-5 3D變換
綜合案例
5. CSS3 單元測驗
6. JavaScript基礎(chǔ)
6-1 概述與基礎(chǔ)語法
6-2 變量
6-3 數(shù)據(jù)類型
6-4 運算符與表達式
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 單元測試
7. JQuery & HTML5 & Bootstrap
7-1 JQuery概述&工廠函數(shù)(擴展)
7-2 JQuery增刪改查(擴展)
7-3 JQuery事件(擴展)
7-5 HTML5
7-4 響應(yīng)式布局&Bootstrap
7. HTML5 單元測驗
8. 課程綜合案例
8-1 網(wǎng)頁布局與初始化(整個案例源代碼在這里下載)
8-2 網(wǎng)頁頂部、導(dǎo)航欄
8-3 網(wǎng)頁產(chǎn)品內(nèi)容、搜索功能
8-4 頁面服務(wù)、售后服務(wù)
8-5 網(wǎng)頁底部、頁面插件引用
8-6 返回頂部、吸頂燈功能
9. 企業(yè)前端新技術(shù)需求與建議學(xué)習(xí)路線(前沿擴展)
企業(yè)前端新技術(shù)需求與建議學(xué)習(xí)路線