《HTML5 APP開發從入門到精通(微課精編版)》是清華大學出版社2019年出版的圖書,作者是前端科技。
基本介紹
- 中文名:HTML5 APP開發從入門到精通(微課精編版)
- 作者:前端科技
- 出版社:清華大學出版社
- 出版時間:2019年7月1日
- 定價:89.8 元
- ISBN:9787302520474
圖書簡介,內容簡介,圖書目錄,
圖書簡介
《HTML5APP開發從入門到精通(微課精編版)》從初學者角度出發,通過通俗易懂的語言、豐富多彩的實例,系統講解了利用HTML5的相關技術開發移動Web網站和WebApp。全書共24章,包括移動APP開發概述、HTML5基礎、JavaScript基礎、使用HTML5訪問位置、使用HTML5訪問多媒體設備、使用HTML5訪問感測器、使用HTML5繪圖、使用HTML5多媒體、使用HTML5表單、使用HTML5離線和快取、使用HTML5推送訊息、使用HTML5設計單頁無刷新套用、安裝jQueryMobile、視圖、移動布局、列表視圖、欄目構件、按鈕組件、表單組件、主題樣式、腳本開發、發布移動APP、實戰開發項目等內容。本書各章節注重實例間的聯繫和各功能間的難易層次,內容講解以文字描述和圖例並重,力求生動易懂,並對軟體套用過程中的難點、重點和可能出現的問題給予詳細講解和提示。
內容簡介
本書以HTML5為主體,配合jQueryMobile框架製作移動APP,由基礎到高級循序漸進,通過範例幫助讀者進行實戰練習。
1.移動APP設計基礎:移動APP開發概述、HTML5基礎、JavaScript基礎。
2.HTML5移動技術:訪問位置、訪問多媒體設備、訪問感測器、使用HTML5繪圖、使用HTML5多媒體、使用HTML5表單、使用離線和快取、使用HTML5推送訊息、設計無刷新單頁套用。
3.jQueryMobile設計基礎:安裝jQueryMobile、設計視圖、設計移動版式、設計列表視圖、設計欄目結構、設計按鈕組件、設計表單組件、設計主題樣式、腳本開發。
4.移動APP設計實戰:設計移動版記事本、設計移動版部落格、發布移動APP。
圖書目錄
第1 章 移動APP 開發概述 1
1.1 從移動開發說起 2
1.1.1 關於移動開發 2
1.1.2 移動Web開發歷史 2
1.1.3 移動Web開發的問題 3
1.1.4 移動Web開發的前景 3
1.1.5 比較桌面和移動端Web開發 3
1.2 HTML5與移動Web開發 4
1.3 移動Web與原生套用比較 5
1.3.1 移動Web 5
1.3.2 原生套用 5
1.3.3 如何選擇套用方案 6
1.4 移動Web開發知識結構 6
1.5 初識移動Web開發技術 8
1.5.1 移動Web設計 8
1.5.2 關於WebKit 10
第2 章 HTML5 基礎 12
視頻講解:1 小時3 分鐘
2.1 HTML5概述 13
2.1.1 HTML歷史 13
2.1.2 瀏覽器檢測 13
2.1.3 HTML5語法特性 14
2.2 HTML5文檔 16
2.2.1 編寫第一個HTML5文檔 16
2.2.2 比較HTML4與HTML5文檔結構 17
2.3 頭部信息 18
2.3.1 定義網頁標題 18
2.3.2 定義網頁元信息 19
2.3.3 定義文檔視口 20
2.3.4 移動Web頭信息 21
2.4 構建基本結構 22
2.4.1 定義文檔結構 22
2.4.2 定義內容標題 23
2.4.3 使用div元素 25
2.4.4 使用id和class.. 26
2.4.5 使用title 27
2.4.6 HTML注釋 27
2.5 構建語義結構 28
2.5.1 定...
2.5.1定義頁眉28
2.5.2定義導航29
2.5.3定義主要區域31
2.5.4定義文章塊31
2.5.5定義區塊33
2.5.6定義附欄34
2.5.7定義頁腳34
2.5.8使用role35
2.6案例實戰37
2.7線上練習39
第3章JavaScript基礎40
視頻講解:2小時12分鐘
3.1在網頁中使用JavaScript41
3.1.1編寫腳本41
3.1.2腳本在網頁中的位置43
3.2JavaScript基本規範44
3.3變數和類型44
3.3.1變數44
3.3.2數據類型45
3.4表達式和運算符46
3.4.1表達式46
3.4.2運算符47
3.5語句48
3.5.1表達式語句和語句塊48
3.5.2條件語句49
3.5.3循環語句51
3.5.4跳轉語句52
3.6函式53
3.6.1定義函式54
3.6.2調用函式55
3.6.3函式參數55
3.7對象57
3.7.1創建對象57
3.7.2訪問對象57
3.8數組58
3.8.1定義數組58
3.8.2存取元素59
3.9線上練習60
第4章使用HTML5訪問位置61
4.1GeolocationAPI基礎62
4.1.1GeolocationAPI套用場景62
4.1.2位置信息來源62
4.1.3位置信息表示方式62
4.1.4獲取位置信息63
4.1.5瀏覽器兼容性65
4.1.6監測位置信息65
4.1.7停止獲取位置信息66
4.1.8保護隱私66
4.1.9處理位置信息66
4.1.10使用position..67
4.2案例實戰68
4.2.1定位手機位置68
4.2.2獲取經緯度及其詳細地址69
4.2.3輸入提示查詢位置70
4.2.4從當前位置查詢指定位置路線72
4.2.5記錄行蹤路線73
4.3線上練習76
第5章使用HTML5訪問多媒體設備77
5.1WebRTC基礎78
5.1.1認識WebRTC78
5.1.2訪問本地設備78
5.2案例實戰80
5.2.1拍照和攝像80
5.2.2錄音並壓縮82
5.3線上練習85
第6章使用HTML5訪問感測器86
6.1感測器API基礎87
6.1.1認識感測器API87
6.1.2方向事件和移動事件87
6.1.3瀏覽器支持89
6.1.4套用場景89
6.2案例實戰89
6.2.1記錄搖手機的次數90
6.2.2重力測試小遊戲91
6.3線上練習93
第7章使用HTML5繪圖94
視頻講解:56分鐘
7.1使用canvas..95
7.2繪製圖形97
7.2.1矩形97
7.2.2路徑98
7.2.3直線99
7.2.4定義顏色100
7.2.5定義透明度101
7.2.6定義線性漸變103
7.2.7定義徑向漸變104
7.2.8定義陰影105
7.3繪製文字和圖像105
7.3.1繪製文字106
7.3.2導入圖像106
7.3.3將圖像寫入畫布108
7.3.4保存圖片108
7.4案例實戰110
7.4.1設計基本動畫110
7.4.2設計運動動畫112
7.4.3設計地球和月球公轉動畫114
7.4.4在畫布上裁剪圖像115
7.5線上練習117
第8章使用HTML5多媒體118
視頻講解:42分鐘
8.1使用HTML5音頻和視頻119
8.1.1使用<audio>119
8.1.2使用<video>120
8.1.3設定屬性122
8.1.4設定方法122
8.1.5設定事件123
8.2案例實戰125
8.2.1獲取播放進度125
8.2.2設計視頻播放器126
8.2.3視頻自動截圖129
8.2.4視頻同步字幕133
8.3線上練習137
第9章使用HTML5表單138
視頻講解:52分鐘
9.1HTML5表單特性139
9.2新的Input類型140
9.2.1email-Email地址框140
9.2.2url-URL地址框141
9.2.3number數字框142
9.2.4range範圍框..143
9.2.5datepickers日期選擇器144
9.2.6search搜尋框149
9.2.7tel電話號碼框150
9.2.8color拾色器151
9.3新的input屬性151
9.3.1autocomplete自動完成152
9.3.2autofocus自動獲取焦點153
9.3.3form歸屬表單154
9.3.4表單重寫154
9.3.5height(高)和width(寬)155
9.3.6list列表選項..155
9.3.7min(最小值)、max(最大值)和
step(步長)155
9.3.8multiple多選156
9.3.9pattern匹配模式156
9.3.10placeholder替換文本157
9.3.11required必填158
9.4新的表單元素158
9.4.1datalist數據列表158
9.4.2keygen密鑰對生成器159
9.4.3output輸出結果159
9.5新的form屬性160
9.5.1autocomplete自動完成160
9.5.2novalidate禁止驗證161
9.6案例實戰162
9.6.1設計HTML5註冊表單162
9.6.2設計HTML5表單驗證164
9.7線上練習165
第10章使用HTML5離線和快取166
視頻講解:31分鐘
10.1WebStorage167
10.1.1認識WebStorage167
10.1.2使用WebStorage167
10.1.3案例:設計登錄頁169
10.1.4案例:流量統計170
10.2ApplicationCacheAPI基礎171
10.2.1認識ApplicationCacheAPI172
10.2.2配置伺服器173
10.2.3認識manifest174
10.2.4使用ApplicationCache..176
10.2.5事件監聽180
10.3案例實戰181
10.3.1設計首頁快取181
10.3.2設計離線編輯184
10.3.3設計移動便簽188
10.3.4設計離線留言190
10.4線上練習193
第11章使用HTML5推送訊息194
視頻講解:12分鐘
11.1WebSocket基礎195
11.1.1認識WebSocket195
11.1.2使用WebSocketAPI195
11.1.3在PHP中建立socket198
11.2案例實戰200
11.2.1設計呼叫和應答200
11.2.2傳送訊息205
11.2.3使用Workerman框架通信206
11.2.4群發信息207
11.3線上練習209
第12章使用HTML5設計單頁無刷新套用210
視頻講解:20分鐘
12.1HistoryAPI基礎211
12.1.1了解HistoryAPI211
12.1.2使用HistoryAPI212
12.2案例實戰214
12.2.1設計導航頁面214
12.2.2設計無刷新網站216
12.2.3設計可後退畫板220
12.3線上練習222
第13章安裝jQueryMobile223
視頻講解:4分鐘
13.1認識jQueryMobile224
13.1.1為什麼要學習jQueryMobile224
13.1.2jQueryMobile特性224
13.1.3jQueryMobile兼容性226
13.2jQueryMobile與HTML5226
13.3安裝jQueryMobile226
13.3.1下載jQueryMobile226
13.3.2配置jQueryMobile228
13.4案例:設計第一個移動頁面228
第14章視圖230
視頻講解:42分鐘
14.1設計頁面231
14.1.1定義單頁視圖231
14.1.2定義多頁視圖232
14.2設計對話框234
14.2.1定義對話框234
14.2.2關閉對話框235
14.3設計彈出頁236
14.4套用彈出頁237
14.4.1彈出選單237
14.4.2彈出表單239
14.4.3彈出對話框240
14.4.4彈出圖片241
14.4.5彈出視頻243
14.5設定彈出頁246
14.5.1顯示位置246
14.5.2切換動畫248
14.5.3主題樣式248
14.5.4關閉按鈕249
14.6案例實戰251
14.6.1設計電子閱讀器251
14.6.2設計論壇界面254
14.6.3設計記事本255
14.6.4設計彈出框257
14.6.5設計視圖樣式258
14.6.6設計視圖切換方式260
14.6.7設計相冊視圖262
第15章移動布局264
視頻講解:30分鐘
15.1格線化265
15.2摺疊塊268
15.2.1定義摺疊塊268
15.2.2定義嵌套摺疊塊269
15.2.3設定屬性270
15.2.4設定選項271
15.2.5設定事件275
15.3摺疊組276
15.4移動表格277
15.4.1定義回流表格277
15.4.2定義欄位切換表格278
15.5滑動面板279
15.6案例實戰281
15.6.1設計課程表281
15.6.2設計九宮格283
15.6.3設計通訊錄284
15.6.4設計好友列表286
第16章列表視圖289
視頻講解:32分鐘
16.1定義列表視圖290
16.2定義嵌套列表290
16.3定義數字列表291
16.4定義分類列表292
16.5擴展功能294
16.5.1添加拆分按鈕294
16.5.2添加縮微圖和圖示295
16.5.3添加氣泡提示295
16.5.4添加過濾文本框296
16.6最佳化列表299
16.6.1插頁列表299
16.6.2摺疊列表300
16.6.3自動分類列表302
16.7案例實戰304
16.7.1設計登錄表單304
16.7.2設計產品列表頁305
16.7.3設計新聞列表頁307
16.7.4設計播放列表309
16.7.5設計通訊錄311
第17章欄目構件313
視頻講解:30分鐘
17.1標題欄314
17.1.1定義標題欄314
17.1.2定義按鈕位置314
17.2頁腳欄316
17.2.1定義頁腳欄316
17.2.2包含表單317
17.3導航欄318
17.3.1定義導航欄318
17.3.2定義導航圖示320
17.3.3定義圖示位置321
17.3.4自定義導航圖示322
17.4設定欄目構件324
17.4.1設定屬性324
17.4.2定義顯示模式325
17.4.3設定選項326
17.4.4設定方法和事件326
17.5案例實戰328
17.5.1設計播放器328
17.5.2設計按鈕組329
第18章按鈕組件332
視頻講解:15分鐘
18.1定義按鈕333
18.2定義內聯按鈕333
18.3定義按鈕圖示334
18.3.1圖示樣式334
18.3.2圖示位置335
18.4定義迷你按鈕336
18.5定義按鈕組337
18.6設定按鈕338
18.6.1定義屬性338
18.6.2定義選項338
18.6.3定義方法339
18.7自定義按鈕340
18.7.1自定義按鈕圖示340
18.7.2文本換行顯示341
18.8案例實戰341
第19章表單組件343
視頻講解:34分鐘
19.1使用表單344
19.2使用文本框345
19.3使用單選按鈕346
19.4使用複選框348
19.5使用滑塊350
19.6使用開關353
19.7使用選單354
19.7.1定義下拉選單354
19.7.2定義列表框357
19.7.3設定選項分組359
19.7.4設定禁用選項360
19.8設定表單屬性360
19.8.1禁用表單361
19.8.2隱藏標籤361
19.8.3定義迷你表單362
19.9案例實戰363
19.9.1設計驗證表單363
19.9.2設計上傳表單364
19.9.3設計登錄表單365
19.9.4設計調查表單367
19.9.5設計設定表單368
19.9.6設計彈出表單369
第20章主題樣式371
視頻講解:18分鐘
20.1jQueryMobile主題372
20.2使用主題372
20.3自定義主題375
20.4使用ThemeRoller377
20.4.1認識ThemeRoller377
20.4.2設定ThemeRoller378
20.4.3套用自定義色版379
20.5案例實戰381
20.5.1定義多視圖主題381
20.5.2設計計算器382
20.5.3設計鍵盤384
第21章腳本開發387
視頻講解:39分鐘
21.1自定義事件388
21.1.1觸摸事件388
21.1.2翻轉事件390
21.1.3滾屏事件392
21.1.4頁面事件393
21.2調用方法395
21.2.1轉換路徑395
21.2.2比較域名396
21.2.3縱向滾動397
21.3HTML5套用399
21.3.1離線訪問399
21.3.2使用WebStorage傳遞參數400
21.3.3HTML5畫板401
21.4配置jQueryMobile402
21.5案例實戰404
21.5.1偵測用戶動作404
21.5.2划動面板405
21.5.3頁面初始化406
21.5.4以GET方式傳遞參數408
21.5.5自定義載入訊息409
21.5.6管理載入訊息411
第22章發布移動APP..413
22.1Web套用發布基礎414
22.2下載、安裝Cordova414
22.2.1安裝JAVAJDK415
22.2.2安裝AndroidSDK416
22.2.3安裝ApacheAnt417
22.2.4設定用戶變數417
22.2.5測試工具419
22.2.6通過npm安裝Cordova..420
22.2.7設定Android模擬器421
22.3將網頁轉換成AndroidAPP422
第23章實戰開發:移動版記事本項目424
視頻講解:32分鐘
23.1項目分析425
23.2框架設計425
23.3製作主頁面426
23.4製作列表頁430
23.5製作詳細頁433
23.6製作修改頁435
23.7製作添加頁439
23.8小結443
第24章實戰開發:移動部落格項目444
視頻講解:22分鐘
24.1項目分析445
24.2主頁設計445
24.3列表頁設計447
24.4內容頁設計449
24.5後台開發451
24.5.1設計資料庫451
24.5.2連線資料庫453
24.5.3首頁功能實現455
24.5.4列表頁功能實現456
24.5.5內容頁功能實現459
24.6小結463