
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í)路線