HTML5跨平台移動開發實訓教程

《HTML5跨平台移動開發實訓教程》是2019年9月清華大學出版社出版的圖書，作者是張勝宇、李龍、柴繼紅、翟昕。

基本介紹

• 中文名：HTML5跨平台移動開發實訓教程
• 作者：張勝宇、李龍、柴繼紅、翟昕
• 出版社：清華大學出版社
• 出版時間：2019年9月
• 定價：58 元
• ISBN：9787302533863

內容簡介

本書圍繞HTML5技術講解移動Web App和小程式的套用開發。本書精選8個實訓項目，首先以實例介紹本書開發環境“牛道教學實踐雲平台”（簡稱“牛道雲”）的基本使用方法，然後進行單頁面任務開發，最后綜合練習多頁面任務的實現。本書採用“任務分析思路引導、相關知識點探究、開發實戰攻略、綜合能力拓展”的教學方法，對實訓項目的每一步操作配備了詳細準確的文字描述和操作配圖，使讀者可以根據指引自學完成項目開發。

本書適合套用型本科、高職高專院校的物聯網、電子信息、移動套用等專業的專業課教學，對於培訓機構學員和一般開發者也具有較好的參考價值。

圖書目錄

實訓項目1我的新聞——新聞隨身看1

學習路徑1

項目描述2

1.1App與小程式的區別2

1.2牛道雲平台介紹3

1.3頁面3

1.4組件4

1.4.1“上中下布局”組件4

1.4.2App“標題欄”組件5

1.4.3App“外部頁面”組件6

1.4.4小程式“外部頁面”組件6

1.5App項目開發7

1.5.1App設計思路7

1.5.2App開發過程7

1.5.3App項目預覽12

1.5.4App項目發布13

1.6小程式項目開發16

1.6.1小程式設計思路16

1.6.2小程式開發過程16

1.6.3小程式項目預覽20

1.6.4小程式項目發布21

1.7項目拓展： 顯示天氣預報的App和小程式32

項目小結32

實訓項目2注重身體健康——BMI指數計算器33

學習路徑33

項目描述34

2.1靜態數據集概述34

2.1.1數據集的概念34

2.1.2靜態數據集35

2.2組件35

2.2.1“標籤+輸入框”組件35

2.2.2“按鈕”組件35

2.2.3App“顯示框”組件37

2.2.4小程式“訊息對話框”組件37

2.2.5“文本”組件38

2.3畫代碼編程39

2.3.1圖形模型40

2.3.2執行動作40

2.4App項目開發40

2.4.1App設計思路40

2.4.2App開發過程43

2.4.3App項目預覽62

2.4.4App項目發布62

2.5小程式項目開發62

2.5.1小程式設計思路62

2.5.2小程式開發過程62

2.5.3小程式項目預覽68

2.5.4小程式項目發布68

2.6項目拓展： 簡易的四則混合運算計算器App和小程式68

項目小結69

實訓項目3玩個遊戲吧——猜猜紅心A在哪裡70

學習路徑70

項目描述71

3.1組件71

3.1.1“行列”組件71

3.1.2“圖片”組件72

3.2代碼實現組件事件75

3.2.1組件事件概述75

3.2.2JavaScript代碼實現組件事件75

3.3組件動態樣式屬性76

3.4App項目開發76

3.4.1App設計思路76

3.4.2App開發過程78

3.4.3App項目預覽90

3.4.4App項目發布90

3.5小程式項目開發90

3.5.1小程式設計思路91

3.5.2小程式開發過程93

3.5.3小程式項目預覽105

3.5.4小程式項目發布107

3.6項目拓展： 比大小翻翻樂遊戲App和小程式108

項目小結109

實訓項目4我的MP4——音頻視頻播放器110

學習路徑110

項目描述111

4.1動態數據集111

4.1.1動態數據集的使用111

4.1.2數據集常用屬性112

4.2組件115

4.2.1“動態列表”組件115

4.2.2小程式“視圖”組件116

4.2.3App“區塊”組件117

4.2.4“音頻”組件117

4.2.5“視頻”組件118

4.3App項目開發119

4.3.1App設計思路119

4.3.2App開發過程120

4.3.3App項目預覽142

4.3.4App項目發布142

4.4小程式項目開發143

4.4.1小程式設計思路143

4.4.2小程式開發過程144

4.4.3小程式項目預覽157

4.4.4小程式項目發布157

4.5項目拓展： 在界面上分區顯示、播放音頻和視頻的App和小程式158

項目小結160

實訓項目5掃碼我也會——條碼掃描和拍照161

學習路徑161

項目描述161

5.1Cordova簡介162

5.2組件163

5.2.1“二維碼”組件163

5.2.2“掃一掃”組件163

5.2.3“附屬檔案”組件163

5.2.4小程式“滾動列表”組件164

5.2.5“圖示”組件164

5.3App項目開發165

5.3.1App設計思路166

5.3.2App開發過程168

5.3.3App項目預覽178

5.3.4App項目發布178

5.4小程式項目開發179

5.4.1小程式設計思路179

5.4.2小程式開發過程181

5.4.3小程式項目預覽184

5.4.4小程式項目發布185

5.5項目拓展： 媒體信息庫App和小程式設計185

項目小結188

實訓項目6跟我走天下——地理定位189

學習路徑189

項目描述190

6.1組件190

6.1.1“地圖”組件190

6.1.2“地理位置”組件191

6.1.3“天氣預報”組件192

6.1.4“標籤+長文本”組件194

6.2App項目開發195

6.2.1App設計思路195

6.2.2App開發過程197

6.2.3App項目預覽209

6.2.4App項目發布209

6.3小程式項目開發209

6.3.1小程式設計思路209

6.3.2小程式開發過程212

6.3.3小程式項目預覽221

6.3.4小程式項目發布221

6.4項目拓展： 旅遊記錄App和小程式221

項目小結224

實訓項目7管理自己的財務——記賬本225

學習路徑225

項目描述226

7.1創建頁面226

7.1.1新建頁面226

7.1.2複製頁面227

7.2組件227

7.2.1“按鈕組”組件227

7.2.2“下拉列表”組件228

7.2.3“標籤+下拉”組件229

7.2.4App“上下滑動”組件230

7.3App項目開發230

7.3.1App設計思路231

7.3.2App開發過程232

7.3.3App項目預覽278

7.3.4App項目發布280

7.4小程式項目開發281

7.4.1小程式設計思路281

7.4.2小程式開發過程283

7.4.3小程式項目預覽305

7.4.4小程式項目發布305

7.5項目拓展： 可拍照的記賬本App和小程式305

項目小結307

實訓項目8記錄自己的歷程——日記308

學習路徑308

項目描述309

8.1組件309

8.1.1“用戶”組件309

8.1.2“微信登錄小程式版”組件310

8.1.3“彈出層”組件310

8.2服務製作312

8.3小程式提示框313

8.4App項目開發313

8.4.1App設計思路314

8.4.2App開發過程316

8.4.3App項目預覽341

8.4.4App項目發布341

8.5小程式項目開發342

8.5.1小程式設計思路342

8.5.2小程式開發過程346

8.5.3小程式項目預覽360

8.5.4小程式項目發布360

8.6項目拓展： 日記App和小程式361

項目小結364