Web前端開發實戰教程（HTML5+CSS3+JavaScript）（微課版）

邓强，蜗牛学院创始人，资*导师，四川大学硕士，13年软件研发及管理经验，测试架构师，精通各种开发和测试技术，丰富的项目实施经验和研发管理经验。曾为深圳移动，大唐软件，华夏基金，联想集团，第九城市等20余家企业提供研发咨询，项目实施及培训服务。从事培训事业以来门生数万，遍布国内外各大IT公司。教学严谨，原理讲解透彻。

第 1章 HTML核心基礎　1

1.1　瞭解Web系統　2

1.1.1　網絡體系結構　2

1.1.2　B/S架構的特點　2

1.1.3　頁面渲染引擎　3

1.2　HTML開發基礎　3

1.2.1　HTML簡介　3

1.2.2　第 一個HTML頁面　5

1.2.3　WebStorm開發工具　6

1.2.4　其他開發工具　11

1.3　HTML常用標簽　11

1.3.1　文本　11

1.3.2　超鏈接　12

1.3.3　圖像　14

1.3.4　表格　17

1.3.5　表單元素　22

1.3.6　列表　23

1.3.7　滾動字幕　24

1.3.8　音頻/視頻播放　26

1.3.9　其他標簽　28

第 2章　HTML項目實戰　31

2.1　在線計算器　32

2.1.1　項目介紹　32

2.1.2　開發思路　32

2.1.3　代碼實現　33

2.2　蝸牛學院官網　35

2.2.1　項目介紹　35

2.2.2　開發思路　35

2.2.3　代碼實現　36

第3章　CSS核心基礎　40

3.1　CSS基礎　41

3.1.1　CSS簡介　41

3.1.2　CSS的特點　41

3.1.3　CSS的使用　42

3.2　CSS選擇器　43

3.2.1　標簽選擇器　43

3.2.2　ID選擇器　45

3.2.3　Class選擇器　47

3.2.4　組合選擇器　49

3.2.5　偽類選擇器　50

3.3　CSS元素樣式　52

3.3.1　文本與圖像　52

3.3.2　表格　54

3.3.3　超鏈接　56

3.3.4　列表　57

3.3.5　表單　58

第4章　盒模型　60

4.1　盒模型基礎知識　61

4.1.1　盒模型簡介　61

4.1.2　盒模型屬性　61

4.1.3　盒模型基礎使用　62

4.2　盒模型浮動　64

4.2.1　浮動的作用　64

4.2.2　盒模型左浮動　65

4.2.3　盒模型右浮動　66

4.2.4　禁止浮動　67

4.3　盒模型內容　67

4.3.1　寬度與高度　67

4.3.2　水平居中　69

4.3.3　垂直居中　71

4.3.4　內容溢出　73

4.4　盒模型嵌套　76

4.4.1　嵌套的作用　76

4.4.2　嵌套的排版　76

4.5　盒模型定位　78

4.5.1　定位簡介　78

4.5.2　固定定位　79

4.5.3　絕*定位　82

4.5.4　相對定位　83

4.5.5　其他屬性　84

第5章　佈局項目實戰　85

5.1　九宮格佈局　86

5.1.1　項目介紹　86

5.1.2　開發思路　86

5.1.3　代碼實現　87

5.2　在線計算器佈局　88

5.2.1　項目介紹　88

5.2.2　開發思路　89

5.2.3　代碼實現　89

5.3　蝸牛學院官網佈局　92

5.3.1　項目介紹　92

5.3.2　開發思路　92

5.3.3　代碼實現　94

5.3.4　代碼優化　105

第6章　CSS高*應用　106

6.1　動畫效果　107

6.1.1　animation　107

6.1.2　transform　113

6.1.3　transition　119

6.2　響應式佈局　121

6.2.1　響應式佈局簡介　121

6.2.2　媒體查詢　122

6.3　項目實戰　126

6.3.1　實現一個立方體　126

6.3.2　實現立方體運動　128

第7章　JavaScript程序設計　131

7.1　語法基礎　132

7.1.1　JavaScript簡介　132

7.1.2　輸入與輸出　133

7.1.3　變量與數據類型　135

7.1.4　分支語句　138

7.1.5　循環語句　142

7.2　基礎編程練習　144

7.2.1　練習題目　144

7.2.2　循環求和　145

7.2.3　字符判斷　145

7.2.4　密碼驗證　147

7.2.5　水仙花數　148

7.2.6　次方計算　149

7.2.7　統計字符　150

7.2.8　抓球問題　150

7.2.9　九九乘法表　151

7.2.10　字符串判斷　152

7.3　數組　154

7.3.1　定義與使用　154

7.3.2　核心算法　155

7.3.3　排序算法　156

7.3.4　多維數組　157

7.3.5　數組對象　158

7.3.6　數組練習　159

7.4　函數　163

7.4.1　函數定義　163

7.4.2　可選參數　165

7.4.3　匿名函數　165

7.4.4　函數應用　166

7.5　字符串　172

7.5.1　字符串的屬性　172

7.5.2　字符串的方法　172

7.5.3　字符串的應用　173

第8章　文檔對象模型　177

8.1　Document對象　178

8.1.1　對象集合　178

8.1.2　對象屬性　180

8.1.3　對象方法　181

8.2　查找DOM元素　182

8.2.1　DOM簡介　182

8.2.2　通過ID查找　183

8.2.3　通過標簽查找　185

8.2.4　通過Class查找　186

8.2.5　通過Name查找　188

8.2.6　DOM操作練習　188

8.3　操作DOM元素　192

8.3.1　DOM的屬性與方法　192

8.3.2　DOM的新增　194

8.3.3　DOM的刪除　195

8.3.4　DOM的修改　196

8.3.5　針對表格的操作　197

第9章　JavaScript對象　204

9.1　Window對象　205

9.1.1　BOM簡介　205

9.1.2　窗口對象　206

9.1.3　彈出窗口　208

9.1.4　彈出框對象　209

9.1.5　定時器對象　209

9.1.6　其他對象　210

9.2　異常處理機制　211

9.2.1　異常處理機制簡介　211

9.2.2　使用onerror處理異常　211

9.2.3　使用try…catch處理異常　212

9.3　正則表達式　213

9.3.1　正則表達式簡介　213

9.3.2　正則表達式語法　213

9.3.3　RegExp對象　215

第 10章　事件處理　217

10.1　鼠標事件　218

10.1.1　鼠標事件列表　218

10.1.2　鼠標單擊實例　218

10.1.3　鼠標懸停實例　220

10.2　鍵盤事件　221

10.2.1　鍵盤事件及屬性　221

10.2.2　檢測按鍵實例　222

10.2.3　只接受數字輸入　224

10.3　表單事件　224

10.3.1　表單事件簡述　224

10.3.2　密碼對比實例　225

10.3.3　動態城市聯動　226

10.4　多媒體事件　227

10.4.1　多媒體事件列表　227

10.4.2　記錄播放時間　228

第 11章　JavaScript項目實戰　230

11.1　隨機飄雪　231

11.1.1　項目介紹　231

11.1.2　開發思路　231

11.1.3　代碼實現　233

11.1.4　思維拓展　236

11.2　在線計算器　237

11.2.1　項目介紹　237

11.2.2　開發思路　238

11.2.3　代碼實現　239

11.2.4　思維拓展　241

11.3　在線時鐘　242

11.3.1　項目介紹　242

11.3.2　開發思路　243

11.3.3　代碼實現　243

11.4　倒**程序　245

11.4.1　項目介紹　245

11.4.2　開發思路　246

11.4.3　代碼實現　246

11.4.4　思維拓展　251

11.5　圖片輪播　252

11.5.1　項目介紹　252

11.5.2　開發思路　252

11.5.3　代碼實現　253

11.5.4　思維拓展　258