HTML5 移動前端開發基礎與實戰, 2/e (微課版)
曾建華
商品描述
本書較為系統地介紹HTML5移動前端開發的核心知識，並簡要介紹使用HBuilderX開發移動App的流程。本書共8個模塊，從企業用人需求的角度出發，本著夠用、實用的原則，介紹開發環境及JavaScript、HTML、CSS、前端開發演練、Swiper演練、JSON演練、jQuery及Bootstrap演練、移動App演練等相關知識。通過學習本書，讀者可以掌握HTML5核心要點，能夠運用CSS進行佈局。通過學習Swiper插件，讀者可領會其他插件的用法；通過學習jQuery和Bootstrap框架，讀者可領會其他框架的用法。在此基礎上，本書通過講解JSON，幫助讀者理解後台數據；通過講解HBuilderX開發移動App的流程，指引讀者打開通向混合式移動App開發的大門。
本書可以作為高職高專院校電腦相關專業的教材，也可以作為培訓機構相關課程的教材，還可以供廣大電腦愛好者自學使用。
作者簡介
曾建华，深圳职业技术学院副教授。具备丰富的软件开发经验和教材编写经验，精通HTML5、Visual Studio、Delphi、SQL Server开发，长期独立为企业、高校开发项目并维护运行。 首届全国教材建设奖全国优秀教材二等奖 主编 主编“十三五”职业教育国家规划教材3部 深圳职业技术学院金课、一流课程《H5跨平台应用开发》负责人 国家级精品资源共享课“大型数据库（SQL Server）”建设团队骨干成员
目錄大綱
上篇 知識引導篇
模塊1 開發環境及JavaScript 1
1.1 HTML5相關技術簡介 1
1.1.1 HTML簡介 2
1.1.2 CSS簡介 2
1.1.3 JavaScript簡介 2
1.2 Visual Studio Code及擴展的安裝、使用 2
1.2.1 安裝Visual Studio Code 3
1.2.2 使用Visual Studio Code 5
1.2.3 瀏覽器調試入門 11
1.2.4 Visual Studio Code常用技巧 11
1.3 JavaScript常用語法 13
1.3.1 數據類型 13
1.3.2 流程控制語句 14
1.3.3 數組 17
1.3.4 document對象 18
1.3.5 函數和事件 20
1.3.6 定時相關函數 21
1.4 ES6 23
1.4.1 let和const 23
1.4.2 解構賦值 24
1.4.3 數組擴展 26
1.4.4 剩餘運算符和擴展運算符 28
1.4.5 class 29
思考 30
模塊２ HTML 31
2.1 HTML常用元素 31
2.1.1 label、input、button、radio、
checkbox及ul 31
2.1.2 表單驗證 38
2.2 HTML5新特性 39
2.2.1 多媒體 39
2.2.2 拖放 41
2.2.3 Web存儲 43
2.2.4 使用canvas繪制圖形 46
思考 48
模塊3 CSS 49
3.1 常用CSS 49
3.1.1 CSS基本語法及使用CSS的幾種方式 49
3.1.2 多列佈局 53
3.1.3 display屬性 55
3.1.4 BOX模型 57
3.1.5 position屬性 60
3.1.6 Float佈局 64
3.1.7 Flex佈局 66
3.1.8 overflow屬性 71
3.1.9 transparent屬性 73
3.1.10 background相關屬性 75
3.1.11 通過JavaScript操作CSS 78
3.2 CSS3常用新功能 79
3.2.1 圓角、陰影 79
3.2.2 漸變 83
3.2.3 2D變換 87
3.2.4 3D旋轉 92
3.2.5 動畫 96
3.2.6 viewport 107
3.2.7 Media Queries 108
思考 112
下篇 項目實戰篇
模塊4 前端開發演練 113
4.1 登錄頁面 113
4.1.1 登錄頁面介紹 113
4.1.2 登錄頁面演練 113
4.2 設置頁面 115
4.2.1 設置頁面介紹 115
4.2.2 設置頁面演練 116
4.3 客服頁面 118
4.3.1 客服頁面介紹 118
4.3.2 客服頁面演練 118
4.4 商品詳情頁面 123
4.4.1 商品詳情頁面介紹 123
4.4.2 商品詳情頁面演練 123
4.5 購物車頁面 128
4.5.1 購物車頁面介紹 128
4.5.2 購物車頁面演練 128
4.6 訂單頁面 132
4.6.1 訂單頁面介紹 132
4.6.2 訂單頁面演練 132
4.7 裝修網站首頁 144
4.7.1 裝修網站首頁介紹 144
4.7.2 裝修網站首頁演練 144
思考 152
模塊5 Swiper演練 153
5.1 Swiper實現輪播效果 153
5.1.1 Swiper使用步驟 153
5.1.2 Swiper演練 154
5.2 Swiper Animate實現場景動畫 168
5.2.1 Swiper Animate入門 168
5.2.2 Swiper Animate演練 170
思考 175
模塊6 JSON演練 176
6.1 JSON入門 176
6.1.1 JSON概述 176
6.1.2 操作JSON數據 177
6.1.3 JSON和字符串類型
相互轉換 178
6.2 JSON實戰 181
6.2.1 使用JSON在線解析工具 181
6.2.2 在Chrome調試窗口中觀察JSON數據 182
6.2.3 根據JSON數據動態綁定頁面 183
思考 186
模塊7 jQuery及Bootstrap演練 187
7.1 jQuery 187
7.1.1 jQuery簡介 187
7.1.2 使用jQuery 188
7.1.3 常用jQuery操作 189
7.1.4 jQuery AJAX讀取JSON數據文件 195
7.1.5 jQuery演練：翻牌游戲 203
7.2 Bootstrap 232
7.2.1 Bootstrap簡介 232
7.2.2 Bootstrap項目演練 232
思考 245
模塊8 移動App演練 246
8.1 HBuilderX 246
8.1.1 HBuilderX特點 246
8.1.2 HBuilderX安裝 246
8.2 夜神模擬器 248
8.2.1 夜神模擬器特點 248
8.2.2 夜神模擬器安裝 248
8.3 移動App開發流程 250
8.3.1 創建移動App模板項目 250
8.3.2 帶底部導航、輪播圖和新聞列表的App 253
思考 258
