《HTML 5移動Web開發實戰詳解》是2015年3月11日清華大學出版社出版的圖書，作者是林瓏。
基本介紹
- 書名：《HTML 5移動Web開發實戰詳解》
- 作者：林瓏
- ISBN：9787302367598
- 定價：69元
- 出版社：清華大學出版社
- 出版時間：2015年3月11日
- 裝幀：平裝
- 印次：1-2
內容簡介,圖書目錄,
內容簡介
本書由淺入深，全面、系統、詳盡地介紹了HTML 5相關技術和其在移動開發領域的套用。書中提供了大量的代碼示例，讀者可以通過這些例子理解知識點，也可以直接在開發實戰中稍加修改套用這些代碼。本書涉及面廣，從基本原理到實戰，再到項目工作流，幾乎涉及一個合格的前端開發工程師需要具備的所有重要知識。另外，作者專門為書中的重點內容錄製了高清配套教學視頻，並提供了本書涉及的源程式，以便於讀者高效、直觀地學習。 本書共17章，分為兩篇。第1篇為HTML 5移動Web開發基礎，涵蓋的內容有移動網際網路的發展概述、HTML 5基礎、CSS 3開發技術、從網頁到套用（Application）、指尖下的瀏覽器、地理定位（Geolocation）、Web Worker、通信基礎、實時Web技術、感官世界、history與導航等。第2篇為HTML 5移動Web開發實戰，涵蓋的內容有jQuery Mobile、Sencha Touch、Bootstrap、PhoneGap、Foundation及Node.js等其他移動Web開發技術。
本書適合所有想全面和深入學習HTML 5開發技術的人員閱讀，尤其適合使用HTML 5做移動套用開發的人員閱讀。對於大中專院校相關專業的學生和培訓機構的學員，本書也是一本不可多得的參考書。
圖書目錄
第1篇 HTML 5移動Web開發基礎
第1章 移動網際網路的浪潮之巔（教學視頻：17分鐘） 2
1.1 浪潮之巔，順勢而為 2
1.1.1 正確的時間做正確的事 2
1.1.2 網際網路的第二次崛起 3
1.1.3 移動網際網路正處於浪潮之巔 3
1.2 移動網際網路時代，Web必將璀璨 4
1.2.1 你應該學習Web開發 4
1.2.2 你應該為未來學習——移動Web開發 5
1.3 WWW的精髓 5
1.3.1 全球資訊網發明者的初衷 6
1.3.2 HTML是什麼 7
1.3.3 再談Web標準 9
1.3.4 如何理解Web語義化 12
1.3.5 HTML 5和語義網 14
1.4 主角登場——HTML 5的前世今生 14
1.4.1 聊聊HTML 5那些舊事 14
1.4.2 為移動而生 16
1.4.3 你應該知道的HTML 5 17
第2章 HTML 5基礎（教學視頻：38分鐘） 19
2.1 重溫HTML 19
2.1.1 HTML能幹什麼 19
2.1.2 HTML的核心要素 20
2.2 HTML的語義來源 22
2.3 HTML 5的元素和屬性 24
2.3.1 全局屬性 24
2.3.2 HTML 5與它的全局屬性 26
2.3.3 內容模型（content models） 34
2.3.4 文檔元數據（Document metadata） 36
2.3.5 區塊（sections） 40
2.3.6 分組內容（grouping content） 49
2.3.7 文本級語義（text-level semantics） 52
2.3.8 修改記錄（edits） 58
2.3.9 嵌入內容（embedded content） 59
2.3.10 表格數據（tabular data） 68
2.3.11 HTML 5表單 71
2.3.12 input元素和其屬性 74
2.3.13 表單操作 82
2.3.14 HTML 5表單兼容性 84
2.3.15 互動式元素（Interactive elements） 86
第3章 初探CSS 3（教學視頻：20分鐘） 88
3.1 關於CSS的那件小事 88
3.2 CSS的核心概念 89
3.2.1 語法、層疊和特殊性（specificity） 90
3.2.2 框模型（Box Model） 92
3.2.3 可視化格式模型（visual formatting model） 96
3.2.4 表格 104
3.3 CSS 3選擇器增強 106
3.3.1 屬性選擇器的妙用 107
3.3.2 強大的結構性偽類（Structural pseudo-classes） 107
3.3.3 其他選擇器 108
3.3.4 CSS 4中的選擇器 109
3.4 和圖片說再見 109
3.4.1 背景和框線 110
3.4.2 漸變和陰影 114
3.4.3 自定義字型 121
3.5 CSS 3布局之道 123
3.5.1 炒冷飯——負邊距與浮動 123
3.5.2 柵格系統與多列布局 124
3.5.3 彈性盒布局（Flexible Box） 126
3.6 動起來 131
3.6.1 CSS變形（CSS transform） 131
3.6.2 CSS過渡（CSS Transitions） 135
3.6.3 CSS動畫（CSS Animations） 138
3.7 回響式設計基礎 141
3.7.1 從兩欄布局開始說起 142
3.7.2 從media到media queries 147
3.7.3 回響式柵格系統 149
3.7.4 移動優先（mobile first）理念 151
3.7.5 另一種思路：後端模板輸出的最佳化 152
3.7.6 其他細節 153
第4章 從網頁（Web page）到套用（Application）（教學視頻：19分鐘） 155
4.1 Web不能承受之重 155
4.2 本地存儲升級 156
4.2.1 cookie和cookie的局限 156
4.2.2 來自HTML 5的Web Storage 160
4.2.3 IE的userData 163
4.3 離線套用 163
4.3.1 快取和套用快取 164
4.3.2 套用快取的基本使用 164
4.4 拖放 170
4.4.1 模擬拖放 170
4.4.2 原生拖放 174
4.5 檔案操作 181
4.5.1 選擇檔案 182
4.5.2 操作檔案 184
第5章 指尖下的瀏覽器（教學視頻：20分鐘） 188
5.1 基本touch事件 188
5.2 模擬手勢事件 192
5.3 hammer.js 194
5.4 實例：精仿iOS的相冊 201
5.5 工具 204
第6章 地理定位（Geolocation API）（教學視頻：7分鐘） 207
6.1 獲取當前位置 207
6.2 監視位置變化 209
6.3 來半斤Google maps嘗嘗 209
6.4 開發者工具 217
第7章 Web Worker（教學視頻：13分鐘） 218
7.1 單執行緒語言之殤 218
7.2 為JavaScript引入執行緒技術 219
7.3 嵌入式Worker代碼 222
7.4 共享Worker 223
第8章 通信基礎（教學視頻：16分鐘） 226
8.1 XHR 2 226
8.2 跨文檔通信（Cross-document messaging） 232
8.3 通道通信（channel messaging） 234
第9章 實時Web技術（教學視頻：7分鐘） 237
9.1 輪詢和長輪詢（comet） 237
9.2 伺服器事件（server-sent events） 239
9.3 Web Sockets 241
9.4 利器：Socket.IO 243
9.5 基於Socket.IO的聊天室 247
第10章 感官世界（教學視頻：9分鐘） 257
10.1 感知方向（orientation）和動作（motion） 257
10.2 音視頻捕獲 262
第11章 history與導航（教學視頻：12分鐘） 264
11.1 基於hashchange事件管理導航 264
11.2 HTML 5 history API 265
11.3 history.js 268
第2篇 HTML 5移動Web開發實戰
第12章 站在巨人們的肩上——jQuery Mobile（教學視頻：21分鐘） 272
12.1 移動Web框架概覽 272
12.1.1 HTML 5移動套用技術大觀 272
12.1.2 因地制宜、量體裁衣 274
12.2 jQuery Mobile 276
12.2.1 綜述 276
12.2.2 Hello，jQuery Mobile！ 279
12.2.3 頁面（Pages） 281
12.2.4 Ajax導航模型和轉場動畫（transitions） 286
12.2.5 UI組件——一切皆回響 289
12.2.6 UI組件——表單元素 289
12.2.7 UI組件——Header & Footer 309
12.2.8 UI組件——ListView 315
12.2.9 UI組件——Collapsibles和Accordions 319
12.2.10 UI組件——popup 325
12.2.11 UI組件——dialog 328
12.2.12 回響式組件——responsive grids 329
12.2.13 回響式組件——reflow tables 333
12.2.14 回響式組件——Column Toggle tables 335
12.2.15 回響式組件——sliding panels 337
12.2.16 主題化和themeroller 340
12.2.17 進階 342
第13章 Sencha Touch（教學視頻：8分鐘） 344
13.1 綜述 344
13.2 bonjour，Sencha Touch！ 345
13.3 第一個Sencha Touch程式 349
13.4 進階 361
第14章 Bootstrap（教學視頻：15分鐘） 363
14.1 Bootstrap 3綜述 363
14.2 Grid系統 366
14.3 回響式實用類 372
14.4 組件更新——Navbar 372
14.5 組件更新——List group 376
14.6 組件更新——Panels 378
14.7 從Bootstrap 2遷移到Bootstrap 3 382
第15章 PhoneGap（教學視頻：8分鐘） 385
15.1 PhoneGap 101 385
15.2 開發基於PhoneGap的程式 389
第16章 其他移動Web技術（教學視頻：9分鐘） 391
16.1 Foundation 391
16.2 Semantic-UI 395
16.3 Pure 396
16.4 Titanium 399
第17章 如何成為優秀的前端工程師（教學視頻：29分鐘） 401
17.1 Node.js 401
17.1.1 什麼是Node.js 401
17.1.2 Node.js基礎 402
17.1.3 Node.js模組系統 403
17.1.4 Node.js包管理系統NPM 405
17.1.5 事件驅動和異步I/O 406
17.1.6 前端工程師需要了解Node.js的什麼 407
17.2 工具鏈 407
17.2.1 CoffeeScript 407
17.2.2 CSS預處理器（CSS preprocessor） 411
17.2.3 Grunt 414
17.2.4 Bower 417
17.2.5 Yeoman 419
17.3 關於調試的那些事兒 425
17.3.1 Chrome開發者工具 425
17.3.2 多設備調試：Adobe Edge Inspect 427
17.4 從職業到專業、從前端到全端 429
17.4.1 Mac與Windows 429
17.4.2 Sublime Text 430
17.4.3 MV*框架 431
17.4.4 如何保持你的知識處在最前沿 432
17.4.5 跳出前端，更大的世界 433
