第一篇移動開發入門
第1章初探移動開發 3
1.1如今的移動行業 3
1.1.1手機和平板的世界 3
1.1.2移動互聯網的神話 5
1.2跨平臺移動開發框架 7
1.2.1什么是跨平臺移動開發框架 7
1.2.2為什么選擇跨平臺移動開發框架 8
1.2.3常見的跨平臺移動開發框架 8
1.3真正認識HTML5 13
1.3.1初識HTML5 14
1.3.2只要在網站上加一句<!HTML5Doctype>就是HTML5網站了嗎 14
1.3.3HTML5變遷 15
1.3.4HTML5浪潮 15
1.4認識jQueryMobile 17
1.4.1為什么選擇jQueryMobile 17
1.4.2漸進式增強的主題界面 18
1.4.3簡單但是有條理的標記化語言規范 19
1.4.4響應式布局 20
1.4.5jQueryMobile的缺點 21
1.4.6jQueryMobile案例 22
1.5小結 25
第2章啟程跨平臺開發之旅 26
2.1為什么選擇跨平臺 26
2.2創建一個應用 26
2.2.1創建跨平臺應用 27
2.2.2同步本地應用到云端資源庫 28
2.2.3真機同步調試 29
2.2.4云端編譯打包 30
2.3小結 31
第3章使用jQueryMobile快速開發App 32
3.1開發環境的選擇 32
3.1.1SublimeText編輯器 32
3.1.2Notepad++編輯器 33
3.1.3WebStorm編輯器 35
3.1.4在設備上測試應用 36
3.1.5打包應用的方法 39
3.2原理解析 40
3.2.1選擇元素 41
3.2.2設置屬性 42
3.3鏈接和按鈕 42
3.4工具欄 43
3.5列表 43
3.6表單控件 44
3.7小結 44
第二篇jQueryMobile基礎
第4章頁面與對話框 47
4.1依然從helloworld開始 47
4.2利用jQuery腳本DIY閃光燈效果 49
4.3不斷切換的場景 52
4.4整人游戲：我不是弱智！ 55
4.5警告！你的手機遭到入侵 58
4.6實現漸變的背景 60
4.7另一種對話框 61
4.8對話框的高級屬性 62
4.9基于jQueryMobile的簡單相冊 66
4.10總結 68
第5章工具欄的使用 69
5.1稍微復雜的頁面 69
5.1.1嘗試使用工具欄 69
5.1.2讓工具欄固定 72
5.1.3一次無聊的實驗 74
5.2方便的快捷鍵 75
5.3失效的按鈕 77
5.4導航欄的應用 78
5.5導航欄的全屏屬性 81
5.6內容欄的使用 83
5.7會彈出的面板 85
5.8小結 88
第6章按鈕的使用 89
6.1簡單按鈕的使用 89
6.2為按鈕加入圖標 90
6.3更加個性化的顯示圖標 93
6.4自定義按鈕的圖標 96
6.5播放器的面板設計 99
6.6頭部欄中的按鈕圖標 101
6.7一個按鈕也可以玩得很開心 104
6.8簡單的QWER鍵盤 106
6.9方形的按鈕 108
6.10對話框中的按鈕 110
6.11小結 112
第7章表單元素的使用 113
7.1簡單的QQ登錄界面 113
7.2手機調查問卷 117
7.3精準的進度控制 119
7.4多彩的調色板 121
7.5熄燈，請閉眼 123
7.6做一道選擇題 125
7.7多項選擇題 127
7.8請問先生需要什么服務 128
7.9對話框中的表單 131
7.10小結 133
第8章列表控件的使用 134
8.1簡單的新聞列表 134
8.2音樂專輯列表的顯示 137
8.3更完善的音樂專輯列表 139
8.4顯示銷量的商品列表 142
8.5圖書銷售排名 144
8.6簡單的電話通訊錄 145
8.7讓查找更加便捷 147
8.8比較高級的新聞列表 149
8.9小結 152
第9章jQueryMobile的布局 153
9.1改良后的QQ登錄界面 153
9.2一種簡潔的通訊錄設計 156
9.3完美實現九宮格 159
9.4可以折疊的QQ好友列表 162
9.5展開圖標的設置 166
9.6兩種不同的Metro效果實現思路 168
9.6.1完全利用分欄布局的方法 168
9.6.2利用純CSS調整色塊尺寸的方法 170
9.7簡潔的課程表 172
9.8小結 174
第10章jQueryMobile的高級特性 175
10.1jQueryMobile的多頁面模板 175
10.2jQueryMobile中的事件 180
10.3jQueryMobile中的觸發事件 182
10.4觸發事件的簡單應用 182
10.5jQueryMobile的屬性 186
10.6小結 188
第11章在jQueryMobile中使用插件 189
11.1jQueryMobile插件概述 189
11.2相冊類插件 190
11.2.1PhotoSwipe的使用 190
11.2.2Camera的使用 195
11.3菜單類插件 197
11.4選擇器插件及其他插件 198
11.5如何獲取jQueryMobile插件 199
11.6小結 200
第12章jQueryMobile界面綜合實戰 201
12.1清爽的電子書閱讀器 201
12.2簡單的計算器 204
12.3移動BBS模板 207
12.4基于jQueryMobile的簡單記事本 210
12.5基于jQueryMobile的全鍵盤界面 212
12.6小結 215
第三篇跨平臺App實戰
第13章大學移動校園實戰項目 219
13.1項目背景 219
13.2界面設計 220
13.3框架設計 221
13.4主界面的制作 222
13.5二級欄目的制作 228
13.6內容頁的制作 231
13.7校園風光模塊 233
13.8小結 233
第14章個人博客項目實戰 234
14.1項目規劃 234
14.2主界面設計 235
14.3文章列表的設計 238
14.4文章內容頁的實現 242
14.5文章類的設計 245
14.6測試環境的搭建 247
14.7數據庫的設計 250
14.8內容頁功能的實現 257
14.9文章列表的實現 261
14.10首頁的實現 266
14.11小結 268
第15章在線音樂播放器 269
15.1項目介紹 269
15.2界面布局設計 272
15.2.1首頁界面設計 272
15.2.2推薦專題頁面的設計 273
15.2.3歌手列表界面設計 274
15.2.4專輯列表界面設計 274
15.3控制面板功能的實現 275
15.3.1audio控件簡介 275
15.3.2需求分析 279
15.3.3功能實現 281
15.4界面的實現 285
15.4.1首頁界面的實現 286
15.4.2推薦專題界面的實現 287
15.4.3歌手列表界面的實現 289
15.4.4專輯列表界面的實現 291
15.5數據庫的設計 292
15.6后臺的實現 297
15.6.1數據庫連接類的實現 297
15.6.2主頁功能的實現 298
15.6.3推薦專題頁面功能實現 301
15.6.4歌手列表功能的實現 307
15.6.5專輯列表功能的實現 309
15.7小結 311
第16章在線視頻播放器 312
16.1項目需求 312
16.2界面設計 313
16.3界面的實現 314
16.3.1主題文件的獲取 314
16.3.2主頁界面的實現 316
16.3.3二級頁面的實現 318
16.3.4視頻播放界面的實現 320
16.4數據庫設計 322
16.5功能的實現 324
16.5.1首頁功能的實現 325
16.5.2專輯列表功能的實現 328
16.5.3播放頁面的實現 331
16.6小結 334
第17章大學校園表白墻 335
17.1項目介紹 335
17.2頁面設計 336
17.2.1主頁兼登錄頁面的設計 336
17.2.2注冊頁面的設計 337
17.2.3信息發布頁面的設計 337
17.3界面的實現 338
17.3.1首頁界面的實現 338
17.3.2登錄界面的實現 340
17.3.3注冊界面的實現 344
17.3.4表白模塊的實現 345
17.4數據庫的設計 347
17.5功能的實現 349
17.5.1注冊功能的實現 350
17.5.2主頁功能的實現 354
17.5.3發表留言功能的實現 359
17.5.4首頁的完善 361
17.6小結 366
第18章天天背單詞項目實戰 367
18.1項目說明 367
18.2第一版的實現 368
18.2.1第一版界面的實現 368
18.2.2數據庫的建立 370
18.2.3功能的實現 371
18.2.4階段性總結 373
18.3改進和完善 373
18.3.1方案描述 373
18.3.2列表頁面的實現 374
18.3.3列表頁面功能的實現 375
18.3.4背單詞頁面的改進 377
18.4小結 380
第四篇發布和推廣應用
第19章應用的發布和推廣 383
19.1如何生成跨平臺的應用 383
19.2怎樣發布應用 385
19.3怎樣推廣應用 386
19.4小結 387