通吃iOS及Android: 用HTML5+Script就能開發APP | 誠品線上

通吃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技術的發展，必將有很大的推動作用。

作者介紹

作者介紹 ■作者簡介唐俊開

產品目錄

產品目錄 前言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 localStorage3.3 sessionStorage3.4 Storage事件監聽3.5 本章小結04Chapter 行動Web的離線應用4.1 離線Web概述4.1.1 離線與快取4.1.2 離線的意義4.2 行動裝置的支援4.3 applicationCache和manifest4.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 CSS36.2 選擇器6.2.1 屬性選擇器6.2.2 虛擬類別選取器6.3 陰影6.3.1 box-shadow6.3.2 text-shadow6.4 背景6.4.1 background-size6.4.2 background-clip6.4.3 background-origin6.4.4 background6.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 API7.3.1 第一次取得目前位置7.3.2 監視行動裝置的位置變化7.4 本章小結 08Chapter 輕量級框架jQuery Mobile初探8.1 jQuery Mobile概述8.2 入門範例Hello World8.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 具有內聯樣式的button8.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 World9.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.EventManager9.4 核心元件庫9.4.1 Ext.lib.Component9.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 Carousel9.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平台下架設PhoneGap10.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 App11.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 重新了解HTML512.2 瀏覽器的Web開發文件12.3 網站或社區的推薦12.4 行動Web應用Framework

商品規格