前端三劍客：HTML5+CSS3+JavaScript從入門到實戰(zhàn)（微課視頻版）

 
 
教學(xué)課件（PPT）
 
 
本書源碼
 
 
拓展學(xué)習(xí)資料
 
 
第1階段HTML5核心技術(shù)篇
第1章Web緒論(90min)
1.1Web前端行業(yè)現(xiàn)狀
1.1.1前端工程師的崗位職責(zé)、崗位要求
1.1.2前端工程師的需求
1.2學(xué)習(xí)攻略
1.2.1學(xué)會學(xué)習(xí)
1.2.2如何成為前端高手
1.3前端開發(fā)技術(shù)
1.4開發(fā)工具
1.5瀏覽器工具
1.6認(rèn)識網(wǎng)頁
第2章HTML5基礎(chǔ)(280min)
2.1HTML5概述
2.1.1什么是HTML
2.1.2HTML的發(fā)展史
2.1.3HTML5的優(yōu)勢
2.1.4標(biāo)簽和元素
2.1.5第1個HTML5頁面
2.2HTML5基本結(jié)構(gòu)
2.3HTML5的語法
2.4注釋
2.5基礎(chǔ)標(biāo)簽
2.5.1標(biāo)題標(biāo)簽
2.5.2段落標(biāo)簽
2.5.3換行標(biāo)簽
2.5.4水平線標(biāo)簽
2.5.5預(yù)格式化標(biāo)簽
2.6其他標(biāo)簽
2.6.1常用文本格式化標(biāo)簽
2.6.2特殊符號
2.7圖像標(biāo)簽
2.7.1添加圖像
2.7.2圖像屬性
2.7.3相對路徑和絕對路徑
2.8超鏈接標(biāo)簽
2.8.1創(chuàng)建超鏈接
2.8.2錨點鏈接
 
 
 
2.9列表標(biāo)簽
2.9.1無序列表
2.9.2有序列表
2.9.3定義列表
2.9.4列表的嵌套
2.10表格標(biāo)簽
2.10.1創(chuàng)建表格
2.10.2表格標(biāo)題
2.10.3表格屬性
2.10.4表格中行和列的屬性
2.10.5表格的合并
2.10.6表格嵌套
2.11容器標(biāo)簽
2.11.1div標(biāo)簽
2.11.2span標(biāo)簽
2.12框架標(biāo)簽
第3章表單(105min)
3.1表單的基本結(jié)構(gòu)
3.2表單標(biāo)簽form
3.3表單控件
3.3.1輸入標(biāo)簽input
3.3.2標(biāo)記標(biāo)簽
3.3.3多行文本標(biāo)簽
3.3.4下拉列表標(biāo)簽
3.3.5按鈕標(biāo)簽
3.3.6域標(biāo)簽
3.4綜合案例
第4章HTML5新增進階特性(88min)
4.1HTML5新增標(biāo)簽
4.1.1HTML5新增文檔結(jié)構(gòu)元素
4.1.2HTML5新增格式標(biāo)簽
4.2表單新特性
4.2.1HTML5新增表單輸入類型
4.2.2HTML5新增表單元素
4.2.3HTML5新增表單屬性
4.3塊級元素和行內(nèi)元素
4.4綜合案例
第5章HTML5媒體(30min)
5.1聲頻
5.1.1HTML5對聲頻的支持情況
5.1.2聲頻的應(yīng)用
5.2視頻
5.2.1HTML5對視頻的支持情況
5.2.2視頻的應(yīng)用
5.3滾動文字
第2階段HTML5實戰(zhàn)訓(xùn)練營
第6章HTML5實戰(zhàn)技能強化訓(xùn)練(148min)
6.1基礎(chǔ)訓(xùn)練
6.2圖像與超鏈接訓(xùn)練
6.3列表表格訓(xùn)練
6.4表單訓(xùn)練
6.5媒體訓(xùn)練
第3階段CSS3核心技術(shù)篇
第7章CSS基礎(chǔ)(319min)
7.1CSS概述
7.2CSS基本語法
7.3引入CSS樣式的方法
7.3.1行內(nèi)樣式表
7.3.2內(nèi)部樣式表
7.3.3外部樣式表
7.3.4注釋
7.3.5開發(fā)者工具
7.4基礎(chǔ)選擇器
7.4.1標(biāo)簽選擇器
7.4.2類選擇器
7.4.3ID選擇器
7.4.4通配符選擇器
7.5復(fù)合選擇器
7.5.1交集選擇器
7.5.2并集選擇器
7.5.3后代選擇器
7.5.4子代選擇器
7.5.5兄弟選擇器
7.6偽類和偽元素選擇器
7.6.1偽元素選擇器
7.6.2動態(tài)偽類選擇器
7.6.3UI元素狀態(tài)偽類選擇器
7.6.4目標(biāo)偽類選擇器
7.6.5否定偽類選擇器
7.6.6結(jié)構(gòu)性偽類選擇器
7.7屬性選擇器
7.8CSS三大特征
7.8.1層疊性
7.8.2繼承性
7.8.3優(yōu)先級
7.9CSS取值與單位
7.10CSS常用樣式
7.10.1CSS背景
7.10.2CSS文本
7.10.3CSS字體
7.10.4CSS按鈕式鏈接
7.10.5CSS列表樣式
7.10.6CSS表格樣式
7.10.7CSS邊框
7.10.8CSS盒模型
第8章CSS高級應(yīng)用(68min)
8.1DIV CSS頁面布局
8.2定位
8.2.1靜態(tài)定位
8.2.2相對定位
8.2.3絕對定位
8.2.4固定定位
8.3元素堆疊
8.4浮動
8.4.1浮動的原理
8.4.2浮動應(yīng)用
8.4.3清除浮動
8.5display和overflow屬性
第9章CSS3新增進階技術(shù)(196min)
9.1CSS3特效邊框
9.2背景漸變
9.3轉(zhuǎn)換
9.3.1二維轉(zhuǎn)換
9.3.2三維轉(zhuǎn)換
9.4過渡與動畫
9.4.1過渡
9.4.2動畫
9.5響應(yīng)式
9.5.1媒體查詢
9.5.2響應(yīng)式布局
9.5.3多列布局
9.6CSS3高級技巧
9.6.1字體圖標(biāo)
9.6.2雪碧圖
9.6.3滑動門
第4階段CSS3實戰(zhàn)訓(xùn)練營
第10章CSS3實戰(zhàn)技能強化訓(xùn)練(194min)
10.1CSS基礎(chǔ)功能訓(xùn)練
10.2CSS美化頁面元素訓(xùn)練
10.3盒子模型案例
10.4高級應(yīng)用訓(xùn)練
10.5動畫與特效訓(xùn)練
第5階段JavaScript核心技術(shù)篇
第11章JavaScript基礎(chǔ)(324min)
11.1什么是JavaScript
11.1.1JavaScript概述
11.1.2第1個JavaScript 程序
11.1.3JavaScript語法基礎(chǔ)
11.1.4變量
11.1.5數(shù)據(jù)類型
11.1.6JavaScript輸出
11.1.7數(shù)據(jù)類型轉(zhuǎn)換
11.2運算符
11.2.1算術(shù)運算符
11.2.2賦值運算符
11.2.3比較運算符
11.2.4邏輯運算符
11.2.5三元運算符
11.2.6運算符的優(yōu)先級
11.3程序控制語句
11.3.1順序結(jié)構(gòu)語句
11.3.2分支結(jié)構(gòu)語句
11.3.3循環(huán)結(jié)構(gòu)語句
11.3.4跳轉(zhuǎn)語句
11.4函數(shù)
11.4.1內(nèi)置函數(shù)
11.4.2自定義函數(shù)
11.5自定義對象
11.5.1創(chuàng)建對象
11.5.2對象的使用
11.6內(nèi)置對象
11.6.1Array
11.6.2Math
11.6.3Date
11.6.4String
第12章JavaScript深入解析(212min)
12.1DOM
12.1.1DOM簡介
12.1.2什么是節(jié)點
12.1.3節(jié)點獲取
12.1.4節(jié)點操作
12.1.5DOM CSS
12.2JavaScript調(diào)試
12.3事件
12.3.1事件概述
12.3.2常用事件
12.3.3鼠標(biāo)事件
12.3.4鍵盤事件
12.3.5窗口事件
12.3.6表單事件
12.3.7文本編輯事件
12.4BOM
12.4.1window對象
12.4.2history對象
12.4.3location對象
12.4.4navigator對象
12.4.5screen對象
第6階段JavaScript實戰(zhàn)訓(xùn)練營
第13章JavaScript實戰(zhàn)技能強化訓(xùn)練(65min)
13.1JavaScript基礎(chǔ)訓(xùn)練
13.2DOM訓(xùn)練
13.3BOM訓(xùn)練
第7階段企業(yè)級項目篇
第14章企業(yè)級項目： 小米商城(264min)
14.1小米黑色導(dǎo)航條
14.2小米白色導(dǎo)航條
14.3小米輪播圖和滑動門
14.4小米小廣告位
14.5小米閃購
14.6小米手機部分
14.7小米視頻部分
14.8頁腳