第1篇 基礎(chǔ)知識(shí)
第1章 Web應(yīng)用開發(fā)概述
視頻講解：28分鐘
1.1 網(wǎng)絡(luò)程序開發(fā)體系結(jié)構(gòu)
1.1.1 C/S結(jié)構(gòu)介紹
1.1.2 B/S結(jié)構(gòu)介紹
1.1.3 兩種體系結(jié)構(gòu)的比較
1.2 Web簡(jiǎn)介
1.2.1 什么是Web
1.2.2 Web的工作原理
1.2.3 Web的發(fā)展歷程
1.3 Web開發(fā)技術(shù)
1.3.1 客戶端應(yīng)用技術(shù)
1.3.2 服務(wù)器端應(yīng)用技術(shù)
1.4 小結(jié)


第2章 JavaScript概述
視頻講解：77分鐘
2.1 JavaScript簡(jiǎn)述
2.1.1 什么是JavaScript
2.1.2 JavaScript的作用
2.1.3 JavaScript的基本特點(diǎn)
2.2 編寫JavaScript的工具
2.2.1 記事本
2.2.2 FrontPage
2.2.3 Dreamweaver
2.3 編寫第一個(gè)JavaScript程序
2.3.1 編寫JavaScript程序
2.3.2 運(yùn)行JavaScript程序
2.3.3 調(diào)試JavaScript程序
2.4 JavaScript內(nèi)置對(duì)象
2.4.1 JavaScript的內(nèi)置類框架
2.4.2 數(shù)組
2.4.3 Date對(duì)象
2.4.4 String對(duì)象
2.5 BOM對(duì)象編程
2.5.1 什么是BOM對(duì)象
2.5.2 BOM對(duì)象編程
2.6 JavaScript庫(kù)
2.6.1 什么是JavaScript庫(kù)
2.6.2 常用JavaScript庫(kù)簡(jiǎn)介
2.7 小結(jié)
2.8 練習(xí)與實(shí)踐


第3章 初識(shí)jQuery
視頻講解：63分鐘
3.1 jQuery簡(jiǎn)述
3.1.1 jQuery能做什么
3.1.2 jQuery的特點(diǎn)
3.1.3 jQuery的版本
3.2 jQuery下載與配置
3.2.1 下載jQuery
3.2.2 配置jQuery
3.2.3 我的第一個(gè)jQuery腳本
3.3 jQuery對(duì)象和DOM對(duì)象
3.3.1 jQuery對(duì)象和DOM對(duì)象簡(jiǎn)介
3.3.2 jQuery對(duì)象和DOM對(duì)象的相互轉(zhuǎn)換
3.4 解決jQuery和其他庫(kù)的沖突
3.4.1 jQuery庫(kù)在其他庫(kù)之前導(dǎo)入
3.4.2 jQuery庫(kù)在其他庫(kù)之后導(dǎo)入
3.5 jQuery插件簡(jiǎn)介
3.5.1 插件的使用
3.5.2 流行的插件
3.6 小結(jié)
3.7 練習(xí)與實(shí)踐


第4章 使用jQuery選擇器
視頻講解：100分鐘
4.1 jQuery的工廠函數(shù)
4.2 jQuery選擇器是什么
4.3 jQuery選擇器的優(yōu)勢(shì)
4.3.1 代碼更簡(jiǎn)單
4.3.2 支持CSS1到CSS3選擇器
4.3.3 完善的檢測(cè)機(jī)制
4.4 基本選擇器
4.4.1 ID選擇器（#id）
4.4.2 元素選擇器（element）
4.4.3 類名選擇器（.class）
4.4.4 復(fù)合選擇器（selector1，selector2，selectorN）
4.4.5 通配符選擇器（*）
4.5 層次選擇器
4.5.1 ancestor descendant選擇器
4.5.2 parent>child選擇器
4.5.3 prev+next選擇器
4.5.4 prev~siblings選擇器
4.6 過濾選擇器
4.6.1 簡(jiǎn)單過濾器
4.6.2 內(nèi)容過濾器
4.6.3 可見性過濾器
4.6.4 表單對(duì)象的屬性過濾器
4.6.5 子元素過濾器
4.7 屬性過濾器
4.8 表單選擇器
4.9 選擇器中的一些注意事項(xiàng)
4.9.1 選擇器中含有特殊符號(hào)的注意事項(xiàng)
4.9.2 選擇器中含有空格的注意事項(xiàng)
4.10 綜合實(shí)例：隔行換色鼠標(biāo)指向表格并且行變色
4.11 小結(jié)
4.12 練習(xí)與實(shí)踐


第5章 使用jQuery操作DOM
視頻講解：75分鐘
5.1 DOM操作的分類
5.2 對(duì)元素的內(nèi)容和值進(jìn)行操作
5.2.1 對(duì)元素內(nèi)容操作
5.2.2 對(duì)元素值操作
5.3 對(duì)DOM節(jié)點(diǎn)進(jìn)行操作
5.3.1 創(chuàng)建節(jié)點(diǎn)
5.3.2 查找節(jié)點(diǎn)
5.3.3 插入節(jié)點(diǎn)
5.3.4 刪除、復(fù)制與替換節(jié)點(diǎn)
5.3.5 遍歷節(jié)點(diǎn)
5.3.6 包裹節(jié)點(diǎn)
5.4 對(duì)元素屬性進(jìn)行操作
5.5 對(duì)元素的CSS樣式操作
5.5.1 通過修改CSS類實(shí)現(xiàn)
5.5.2 通過修改CSS屬性實(shí)現(xiàn)
5.6 綜合實(shí)例：實(shí)現(xiàn)我的開心小農(nóng)場(chǎng)
5.7 小結(jié)
5.8 練習(xí)與實(shí)踐
第2篇 核心技術(shù)
第6章 jQuery中的事件處理
視頻講解：54分鐘
6.1 JavaScript事件處理
6.1.1 事件與事件名稱
6.1.2 JavaScript的常用事件
6.1.3 event對(duì)象
6.2 頁(yè)面加載響應(yīng)事件
6.3 jQuery中的事件
6.4 事件綁定
6.4.1 為元素綁定事件
6.4.2 移除綁定
6.4.3 綁定一次性事件處理
6.5 模擬用戶操作
6.5.1 模擬用戶的操作觸發(fā)事件
6.5.2 模仿懸停事件
6.6 事件捕獲與事件冒泡
6.6.1 什么是事件捕獲與事件冒泡
6.6.2 事件對(duì)象
6.6.3 阻止事件冒泡
6.6.4 阻止瀏覽器默認(rèn)行為
6.6.5 事件對(duì)象的屬性
6.7 小結(jié)
6.8 練習(xí)與實(shí)踐


第7章 jQuery中的動(dòng)畫效果
視頻講解：45分鐘
7.1 隱藏匹配元素
7.2 顯示匹配元素
7.3 切換元素的可見狀態(tài)
7.4 淡入淡出的動(dòng)畫效果
7.5 滑動(dòng)效果
7.5.1 滑動(dòng)顯示匹配的元素
7.5.2 滑動(dòng)隱藏匹配的元素
7.5.3 通過高度的變化動(dòng)態(tài)切換元素的可見性
7.5.4 實(shí)戰(zhàn)模擬：伸縮式導(dǎo)航菜單
7.6 自定義的動(dòng)畫效果
7.6.1 使用animate()方法創(chuàng)建自定義動(dòng)畫
7.6.2 使用stop()方法停止動(dòng)畫
7.6.3 判斷元素是否處于動(dòng)畫狀態(tài)
7.6.4 延遲動(dòng)畫的執(zhí)行
7.7 綜合實(shí)例：實(shí)現(xiàn)圖片傳送帶效果
7.8 小結(jié)
7.9 練習(xí)與實(shí)踐


第8章 使用jQuery處理圖片和幻燈片
視頻講解：32分鐘
8.1 jQuery操作圖片
8.1.1 Lightbox
8.1.2 使用Jcrop剪裁圖片
8.2 jQuery實(shí)現(xiàn)幻燈片切換效果
8.2.1 交叉漸變幻燈片
8.2.2 滾動(dòng)幻燈片
8.3 綜合實(shí)例：使用jQuery制作下拉菜單
8.4 小結(jié)
8.5 練習(xí)與實(shí)踐


第9章 使用jQuery操作表單
視頻講解：57分鐘
9.1 HTML表單概述
9.1.1 表單屬性
9.1.2 輸入標(biāo)記
9.1.3 文本域標(biāo)記