通吃iOS及Android：用HTML5+Script就能開發APP-第二版

　　本書主要圍繞HTML5技術，講述如何利用HTML5相關技術開發行動Web網站和Web App應用程式。全書共分為四大部分。

　　第一部分概述了行動網際網路時代的Web技術發展情況，介紹了在行動裝置上的Web技術發展現狀，同時還列舉出有哪些HTML5新技術能夠應用於行動Web應用。

　　第二部分主要介紹HTML5標準的新功能和新特性，其中包括新元素、本機存放區、離線功能、表單、CSS3、Geolocation地理定位。在介紹基礎的同時，結合HTML5技術如何應用於行動裝置Web瀏覽器，進行簡單的入門講解及相關展望。

　　第三部分主要介紹目前比較流行的HTML5行動開發Framework：jQuery Mobile、Sencha Touch，以及PhoneGap，並透過豐富的實例介紹Framework中各個元件的基本用法。

　　第四部分是一個綜合實例，主要結合SenchaTouch類別函數庫和HTML5技術建構生活軌跡Web App應用程式，旨在幫助讀者加深對HTML5技術的了解並能應用於實作之中。

　　不足之處在於，本書並沒有全面地介紹HTML5技術，但這並不代表HTML5的其他基礎知識不能適用於行動Web開發。畢竟HTML5是一個新生事物，它的標準規範仍然在制定之中，而它的不斷發展對於未來的行動Web技術的發展，必將有很大的推動作用。

　　本書適合讀者
　　具有一定基礎或Web前端開發工程師、具有一定HTML基礎的UI設計師、Web專案中的專案經理及策畫人員、對手機Web開發技術感興趣者。

前言

01Chapter  行動網際網路時代的Web技術
1.1 行動網際網路的發展
1.2 智慧型手機發展迅速
1.3 智慧型手機的Web瀏覽器
1.4 行動Web應用的發展
1.5 基於HTML5的行動Web應用

02Chapter  行動裝置HTML5頁面設定
2.1 頁面語義化簡介
2.1.1 HTML5新語義元素概述
2.1.2 更多HTML5新元素
2.2 頁面結構與行動裝置的版面配置
2.2.1 常見的行動應用版面配置
2.2.2 使用HTML5建立標準的行動Web頁面
2.3 本章小結

03Chapter HTML5標準的本機存放區
3.1 行動裝置的支援
3.2 localStorage
3.3 sessionStorage
3.4 Storage事件監聽
3.5 本章小結

04Chapter 行動Web的離線應用
4.1 離線Web概述
4.1.1 離線與快取
4.1.2 離線的意義
4.2 行動裝置的支援
4.3 applicationCache和manifest
4.3.1 manifest檔案
4.3.2 applicationCache物件和事件
4.4 本章小結

05Chapter行動裝置的常見HTML5表單元素
5.1 豐富的表單屬性
5.2 行動Web表單的input型態
5.2.1 search型態文字
5.2.2 email型態文字
5.2.3 number型態文字
5.2.4 range型態文字
5.2.5 tel型態文字
5.2.6 url型態文字
5.2.7 更多的型態
5.3 表單屬性應用範圍
5.4 本章小結 .

06Chapter行動Web介面樣式
6.1 CSS3
6.2 選擇器
6.2.1 屬性選擇器
6.2.2 虛擬類別選取器
6.3 陰影
6.3.1 box-shadow
6.3.2 text-shadow
6.4 背景
6.4.1 background-size
6.4.2 background-clip
6.4.3 background-origin
6.4.4 background
6.5 圓角邊框
6.6 Media Queries行動裝置樣式
6.6.1 傳統網站在iPhone上的顯示問題
6.6.2 viewport設定適應行動裝置螢幕大小
6.6.3 Media Queries如何工作
6.6.4 Media Queries語法複習
6.6.5 如何將官方網站移植成行動Web網站
6.7 本章小結

07ChapterGeolocation地理定位
7.1 功能介紹
7.2 瀏覽器支援情況
7.3 如何使用Geolocation API
7.3.1 第一次取得目前位置
7.3.2 監視行動裝置的位置變化
7.4 本章小結

08Chapter 輕量級框架jQuery Mobile初探
8.1 jQuery Mobile概述
8.2 入門範例Hello World
8.2.1 佈署檔案
8.2.2 編碼
8.3 基於HTML5的自訂屬性驅動元件
8.3.1 dataset自訂屬性
8.3.2 使用dataset屬性驅動jQuery Mobile元件
8.4 頁面與視圖
8.4.1 標準的行動Web頁面
8.4.2 行動裝置的視圖
8.4.3 多視圖Web頁面
8.4.4 改變頁面標題的視圖
8.4.5 視圖切換動畫
8.4.6 dialog交談視窗
8.4.7 頁面主題
8.5 button按鈕
8.5.1 button元件
8.5.2 具有icon圖示的button元件
8.5.3 具有內聯樣式的button
8.5.4 具有分組功能的button按鈕
8.6 Bar工具列
8.6.1 如何使用工具列
8.6.2 含有後退按鈕的Header工具列
8.6.3 多按鈕的Footer工具列
8.6.4 導覽條工具列
8.6.5 定義fixed工具列
8.6.6 全螢幕模式工具列
8.7 內容區域格式版面配置
8.7.1 網格版面配置
8.7.2 仿9宮格排列的按鈕組實例
8.7.3 折疊顯示功能
8.7.4 建立具有手風琴效果的實例
8.8 Form表單
8.8.1 如何使用表單傳送功能
8.8.2 HTML5文字方塊型態
8.8.3 HTML5搜索型態輸入框
8.8.4 Slider型態
8.8.5 Toggle型態
8.8.6 選項按鈕型態
8.8.7 核取方塊型態
8.8.8 下拉選擇選單
8.9 List列表
8.9.1 基本列表型態
8.9.2 普通連結清單
8.9.3 多階層嵌套清單
8.9.4 有序編號列表
8.9.5 唯讀列表
8.9.6 可分割按鈕清單
8.9.7 列表的分隔符號
8.9.8 列表搜索篩檢程式
8.9.9 含有氣泡式計數的列表
8.9.10 顯示清單項右側文字格式的列表
8.9.11 清單項含有圖示的清單
8.9.12 資料項目含有圖片的清單
8.9.13 內嵌列表
8.9.14 列表的效能問題
8.10 設定選項
8.11 Event事件
8.11.1 頁面載入事件
8.11.2 其他事件型態
8.12 實用方法和工具
8.12.1 資料頁檢視輔助工具
8.12.2 資料儲存
8.12.3 位址路徑輔助工具
8.12.4 loading顯示/隱藏
8.13 主題系統
8.14 本章小結

09Chapter重量級Framework Sencha Touch入門
9.1 Sencha Touch概述
9.1.1 功能特點
9.1.2 官方套件
9.2 入門範例Hello World
9.2.1 佈署檔案
9.2.2 開始寫程式
9.2.3 偵錯環境
9.2.4 頁面調整
9.3 事件管理
9.3.1 自訂事件
9.3.2 初始化事件
9.3.3 Touch觸控事件
9.3.4 事件管理器Ext.EventManager
9.4 核心元件庫
9.4.1 Ext.lib.Component
9.4.2 屬性、方法、事件
9.5 Toolbar工具列
9.5.1 建立一個只有標題的工具列實例
9.5.2 模擬前進返回按鈕的工具列實例
9.5.3 具有圖示效果按鈕的工具列實例
9.5.4 按鈕組的工具列
9.6 Tabs標籤
9.6.1 使用TabPanel元件定義Tab頁面
9.6.2 標籤功能
9.7 Carousel
9.8 Overlays隱藏層
9.8.1 Alert提示訊息型態
9.8.2 Confirm確認提示框型態
9.8.3 Prompt提示輸入型態
9.8.4 ActionSheet選擇器型態
9.8.5 Overlay浮動層顯示框型態
9.9 Picker選擇器
9.9.1 建立單列的選擇器實例
9.9.2 建立允許選擇日期的選擇器實例
9.10 List列表
9.10.1 建立基本的列表實例
9.10.2 改進的分組列表實例
9.10.3 使用Ajax非同步請求的清單
9.10.4 XTemplate模版的應用
9.11 對HTML5的支援和封裝
9.11.1 封裝HTML5新表單元素
9.11.2 HTML5表單應用實例
9.11.3 封裝GeoLocation地理定位功能
9.11.4 本機存放區的支援
9.11.5 多媒體的支援
9.12 MVC開發模式
9.12.1 MVC介紹
9.12.2 建立application應用程式
9.12.3 Model實體物件
9.12.4 View視圖類別
9.12.5 setActiveItem使用方法
9.12.6 Controller業務邏輯類別
9.13 本章小結

10Chapter跨平台的PhoneGap應用介紹
10.1 PhoneGap概述
10.2 架設PhoneGap開發環境
10.2.1 如何在Android平台下架設PhoneGap開發環境
10.2.2 如何在iOS平台下架設PhoneGap
10.3 硬體裝置介面
10.3.1 Accelerometer加速度感測器
10.3.2 Compass物件取得指南針資訊
10.3.3 使用connection物件檢測網路狀態
10.3.4 File物件操作檔案系統
10.3.5 使用Device物件取得行動裝置的資訊
10.4 軟體介面
10.4.1 Camera物件取得照片資源
10.4.2 Capture物件擷取多媒體資源
10.4.3 使用Contacts物件取得通訊錄資源
10.4.4 通知警示資訊
10.4.5 Media物件
10.5 Events事件
10.5.1 公共事件
10.5.2 網路狀態事件
10.5.3 Android專有事件
10.6 HTML5特性
10.6.1 GeoLocation定位位置
10.6.2 Storage特性
10.7 本章小結

11Chapter建構基於HTML5的生活軌跡Web App
11.1 專案背景
11.1.1 功能介紹
11.1.2 功能模組
11.2 建立基本應用程式
11.2.1 建立首頁
11.2.2 建立入口函數
11.3 設定Model資料模型
11.3.1 建立Model實體類別
11.3.2 設定Store物件
11.4 建立View視圖元件
11.4.1 列表視圖
11.4.2 列表元件
11.4.3 表單視圖
11.4.4 瀏覽生活軌跡視圖
11.4.5 Sheet元件選擇更多功能
11.5 業務邏輯
11.5.1 定義controller類別
11.5.2 實現視圖之間的切換
11.5.3 儲存生活軌跡內容
11.5.4 實現Geolocation地理定位
11.5.5 顯示生活軌跡內容
11.5.6 顯示Google地圖
11.5.7 顯示Sheet元件函數
11.5.8 清除所有儲存的清單函數
11.5.9 刪除一條記錄的函數
11.6 快取檔案
11.6.1 設定manifest檔案內容
11.6.2 設定HTML快取檔案
11.7 後端伺服器通訊
11.8 本章小結

12Chapter進階之路
12.1 重新了解HTML5
12.2 瀏覽器的Web開發文件
12.3 網站或社區的推薦
12.4 行動Web應用Framework