《jQuery Mobile從入門到精通》一書以實例驅動的方式,用近百個實戰(zhàn)案例講述了jQuery
Mobile及APP移動開發(fā)的相關知識,并通過5個項目案例展現(xiàn)開發(fā)流程。全書分為4部分,共19章:第1部分為移動開發(fā)入門,主要對jQuery
Mobile進行了概述,對HTML5基礎進行了介紹;第2部分是jQuery Mobile的基礎部分,主要內容包括頁面設計和對話框、頁面高級設計、設計彈出頁面、設計工具欄、設計列表視圖、設計主題和樣式、移動頁面布局、使用按鈕和表單、高級開發(fā)、響應式設計等;第3部分是實戰(zhàn)部分,介紹了5個利用jQuery
Mobile實現(xiàn)的項目,分別為企業(yè)移動宣傳、移動版記事本、移動博客、MP3播放器和閨蜜說社區(qū)項目;第4部分為擴展部分,介紹了如何將jQuery Mobile開發(fā)的應用通過PhoneGap打包,生成各個平臺的可執(zhí)行文件。
《jQuery Mobile從入門到精通》配備了極為豐富的學習資源,其中配套資源有:226節(jié)教學視頻(可二維碼掃描)、素材源程序;附贈的拓展學習資源有:習題及面試題庫、案例庫、工具庫、網(wǎng)頁模板庫、網(wǎng)頁配色庫、網(wǎng)頁素材庫、網(wǎng)頁案例欣賞庫等。
《jQuery Mobile從入門到精通》可作為jQuery Mobile開發(fā)、HTML5 APP移動開發(fā)人員的入門自學用書,也可作為高等院校網(wǎng)頁設計、網(wǎng)頁制作、網(wǎng)站建設、Web前端開發(fā)相關專業(yè)的教學參考書或相關培訓機構的培訓教材。
第1章 初識jQuery Mobile
視頻演示:3個 示例:1個
1.1 移動開發(fā)概述
1.1.1 認識Web移動應用
1.1.2 移動Web設計概述
1.1.3 了解WebKit
1.2 jQuery Mobile概述
1.2.1 為什么要選擇jQuery Mobile
1.2.2 jQuery Mobile移動平臺兼容性
1.2.3 jQuery Mobile功能
1.2.4 jQuery Mobile特性
1.2.5 jQuery Mobile優(yōu)勢
1.2.6 jQuery Mobile缺陷
1.2.7 其他流行的Web移動開發(fā)框架
1.3 安裝jQuery Mobile
1.3.1 下載插件文件
1.3.2 初始化配置
1.4 案例:設計第一個移動頁面
第2章 HTML5基礎
視頻演示:11個 示例:23個
2.1 創(chuàng)建HTML5文檔
2.2 HTML5標簽
2.3 詳解HTML5結構
2.3.1 標識文章
2.3.2 分段內容
2.3.3 定義導航
2.3.4 定義輔助信息
2.3.5 定義微格式
2.3.6 定義發(fā)布日期
2.4 定義語義塊
2.4.1 添加標題塊
2.4.2 標題分組
2.4.3 添加腳注塊
2.4.4 添加聯(lián)系信息
2.5 HTML5新功能
2.6 jQuery
Mobile中應用HTML5新功能
第3章 設計頁面和對話框
視頻演示:8個 示例:4個
3.1 設計頁面
3.1.1 定義單頁
3.1.2 定義多頁
3.1.3 定義外部頁
3.2 設計對話框
3.2.1 定義對話框
3.2.2 定義關閉對話框
3.3 實戰(zhàn)案例
3.3.1 設計彈出框
3.3.2 設計視圖漸變背景
3.3.3 設計頁面切換方式
第4章 頁面高級設計
視頻演示:12個 示例:13個
4.1 頁面初始化
4.2 預加載和緩存
4.2.1 頁面預加載
4.2.2 頁面緩存
4.3 使用錨記
4.3.1 在單頁視圖中定義錨記
4.3.2 在多頁視圖中定義錨記
4.4 傳遞參數(shù)
4.4.1 以GET方式傳遞參數(shù)
4.4.2 通過HTML5 Web
Storage傳遞
參數(shù)
4.5 加載消息
4.5.1 自定義加載消息
4.5.2 管理加載消息
4.6 實戰(zhàn)案例
4.6.1 設計電子書閱讀器
4.6.2 設計BBS界面
4.6.3 設計記事本
第5章 設計彈出頁面
視頻演示:12個 示例:14個
5.1 定義彈出頁面
5.2 使用彈出頁面
5.2.1 菜單和嵌套菜單
5.2.2 表單
5.2.3 對話框
5.2.4 圖片
5.2.5 視頻
5.3 定制彈出頁面
5.3.1 定義顯示位置
5.3.2 定義切換動畫
5.3.3 定義主題樣式
5.3.4 定義關閉按鈕
5.4 設置屬性、選項、方法和事件
5.4.1 屬性
5.4.2 選項
5.4.3 方法
5.4.4 事件
5.5 實戰(zhàn)案例
5.5.1 設計覆蓋面板
5.5.2 設計單頁相冊
第6章 移動頁面布局
視頻演示:13個 示例:13個
6.1 網(wǎng)格化布局
6.1.1 定義網(wǎng)格
6.1.2 案例:設計兩欄頁面
6.2 設計折疊塊
6.2.1 定義折疊塊
6.2.2 定義嵌套折疊塊
6.2.3 設置屬性
6.2.4 設置選項
6.2.5 設置事件
6.3 設計折疊組
6.4 實戰(zhàn)案例
6.4.1 設計課程表
6.4.2 設計九宮格
6.4.3 設計通訊錄
6.4.4 設計QQ好友列表
6.4.5 設計Metro版式
第7章 使用按鈕
視頻演示:11個 示例:9個
7.1 定義按鈕
7.2 定義內聯(lián)按鈕
7.3 定義按鈕圖標
7.3.1 圖標樣式
7.3.2 圖標位置
7.4 定義迷你按鈕
7.5 定義按鈕組
7.6 設置按鈕
7.6.1 定義屬性
7.6.2 定義選項
7.6.3 定義方法和事件
7.7 自定義按鈕
7.7.1 自定義按鈕圖標
7.7.2 文本換行顯示
7.8 實戰(zhàn)案例
7.8.1 設計按鈕
7.8.2 設計按鈕組
第8章 設計工具欄
視頻演示:14個 示例:19個
8.1 使用工具欄
8.1.1 定義工具欄
8.1.2 定義顯示模式
8.2 設計頁眉欄
8.2.1 定義頁眉欄
8.2.2 定義導航按鈕
8.2.3 定義按鈕位置
8.3 設計導航欄
8.3.1 定義導航欄
8.3.2 定義導航圖標
8.3.3 定義圖標位置
8.3.4 自定義導航圖標
8.4 設計頁腳欄
8.4.1 定義頁腳欄
8.4.2 嵌入表單
8.5 設置工具欄
8.5.1 設置屬性
8.5.2 設置選項
8.5.3 設置方法和事件
8.6 實戰(zhàn)案例
8.6.1 設計播放器界面
8.6.2 設計QWER鍵盤界面
第9章 使用表單
視頻演示:27個 示例:37個
9.1 表單樣式
9.2 輸入框
9.2.1 設計輸入框
9.2.2 設置屬性和選項
9.2.3 設置方法和事件
9.3 單選按鈕
9.3.1 設計單選按鈕
9.3.2 設置屬性和選項
9.3.3 設置方法和事件
9.4 復選框
9.5 滑塊
9.5.1 設計滑塊
9.5.2 設置屬性和選項
9.5.3 設置方法和事件
9.6 開關按鈕
9.7 選擇菜單
9.7.1 設計下拉菜單
9.7.2 設計列表框
9.7.3 選擇項目分組
9.7.4 禁用選擇項目
9.7.5 設置屬性和選項
9.7.6 設置方法和事件
9.8 使用表單
9.8.1 禁用表單對象
9.8.2 隱藏標簽
9.8.3 設計迷你表單
9.9 實戰(zhàn)案例
9.9.1 表單驗證
9.9.2 文件上傳
9.9.3 設計QQ登錄界面
9.9.4 設計調查問卷
9.9.5 設計調色板
9.9.6 設計登錄對話框
第10章 設計列表視圖
視頻演示:18個 示例:25個
10.1 簡單列表
10.1.1 認識列表視圖
10.1.2 定義列表視圖
10.1.3 設計簡單列表視圖
10.2 嵌套列表
10.2.1 定義嵌套列表
10.2.2 設計嵌套列表視圖
10.3 數(shù)字列表
10.4 分類列表
10.5 擴展列表視圖功能
10.5.1 拆分按鈕列表
10.5.2 縮微圖和圖標列表
10.5.3 氣泡提示
10.5.4 列表過濾
10.6 優(yōu)化列表視圖外觀
10.6.1 插頁列表
10.6.2 折疊列表
10.6.3 自動分類列表
10.7 設置列表視圖
10.7.1 屬性
10.7.2 選項
10.7.3 方法和事件
10.8 實戰(zhàn)案例
10.8.1 設計表單登錄頁
10.8.2 設計電商產品頁面
10.8.3 設計新聞列表頁
10.8.4 設計播放列表
10.8.5 設計通訊錄
第11章 高級開發(fā)
視頻演示:20個 示例:17個
11.1 配置jQuery Mobile
11.1.1 修改gradeA配置值
11.1.2 jQuery Mobile配置項
11.2 事件
11.2.1 觸摸事件
11.2.2 翻轉事件
11.2.3 滾屏事件
11.2.4 頁面顯示/隱藏事件
11.3 方法
11.3.1 轉換路徑
11.3.2 比較域名
11.3.3 縱向滾動
11.4 設計UI樣式
11.4.1 關閉列表項箭頭
11.4.2 固定標題欄和頁腳欄
11.4.3 設計隨機頁面背景
11.5 定制組件
11.5.1 設置標題/按鈕組件顯示字數(shù)
11.5.2 設置按鈕狀態(tài)
11.5.3 禁用異步打開鏈接
11.6 HTML5應用
11.6.1 動態(tài)傳遞參數(shù)
11.6.2 離線訪問
11.6.3 HTML5繪畫
11.7 實戰(zhàn)案例:使用事件
11.7.1 偵測用戶動作
11.7.2 劃開面板
第12章 響應式設計
視頻演示:9個 示例:8個
12.1 響應式設計概述
12.1.1 響應式Web實現(xiàn)方法
12.1.2 響應式Web設計流程
12.1.3 基于jQuery
Mobile實現(xiàn)響應式
設計
12.2 設計響應式圖片
12.3 設計響應式結構
12.4 定義自適應內容
12.5 案例:設計響應式Web
12.6 媒體查詢
12.6.1 使用viewport
12.6.2 使用Media Queries
12.7 實戰(zhàn)案例
12.7.1 分欄設計
12.7.2 設計回流表格
12.7.3 設計字段切換表格
12.7.4 設計滑動面板
第13章 設計主題和樣式
視頻演示:17個 示例:4個
13.1 定義主題
13.1.1 認識jQuery Mobile主題
13.1.2 默認主題
13.1.3 使用主題
13.1.4 編輯主題
13.1.5 自定義主題
13.2 定義列表主題
13.3 定義表單主題
13.4 定義按鈕主題
13.5 激活主題
13.6 定義工具欄主題
13.7 定義頁面主題
13.8 定義內容主題
13.9 實戰(zhàn)案例
13.9.1 定義多頁面主題
13.9.2 設計計算器界面
13.9.3 設計鍵盤界面
13.10 使用ThemeRoller
13.10.1 認識ThemeRoller
13.10.2 編輯全局設置與色版
13.10.3 導入、下載和分享自定義
色版
第14章 實戰(zhàn)開發(fā):企業(yè)移動宣傳項目
視頻演示:6個
14.1 案例分析
14.2 界面設計
14.3 框架設計
14.4 制作主頁面
14.5 制作二級欄目
14.6 制作詳細頁
14.7 小結
第15章 實戰(zhàn)開發(fā):移動版記事本項目
視頻演示:11個 示例:1個
15.1 項目分析
15.2 框架設計
15.3 技術準備
15.3.1 兼容性檢查
15.3.2 讀寫數(shù)據(jù)
15.3.3 使用Web Storage
15.3.4 Web
Storage事件監(jiān)測
15.4 制作主頁面
15.5 制作列表頁
15.6 制作詳細頁
15.7 制作修改頁
15.8 制作添加頁
15.9 小結
第16章 實戰(zhàn)開發(fā):移動博客項目
視頻演示:9個
16.1 項目分析
16.2 主頁設計
16.3 列表頁設計
16.4 內容頁設計
16.5 后臺開發(fā)
16.5.1 設計數(shù)據(jù)庫
16.5.2 連接數(shù)據(jù)庫
16.5.3 首頁功能實現(xiàn)
16.5.4 列表頁功能實現(xiàn)
16.5.5 內容頁功能實現(xiàn)
16.6 小結
第17章 實戰(zhàn)開發(fā):MP3播放器
視頻演示:14個 示例:1個
17.1 項目分析
17.2 主頁設計41117.3 主題頁設計
17.4 歌手頁設計
17.5 專輯頁設計
17.6 后臺開發(fā)
17.6.1 設計數(shù)據(jù)庫
17.6.2 連接數(shù)據(jù)庫
17.6.3 首頁功能實現(xiàn)
17.6.4 主題頁功能實現(xiàn)
17.6.5 歌手頁功能實現(xiàn)
17.6.6 專輯頁功能實現(xiàn)
17.7 多媒體整合
17.7.1 使用
17.7.2 在jQuery Mobile中綁定
17.7.3 MP3功能設計
17.8 小結
第18章 實戰(zhàn)開發(fā):閨蜜說社區(qū)項目
視頻演示:11個
18.1 項目分析
18.2 主頁設計
18.3 登錄頁設計
18.4 注冊頁設計
18.5 發(fā)布頁設計
18.6 后臺開發(fā)
18.6.1 設計數(shù)據(jù)庫
18.6.2 連接數(shù)據(jù)庫
18.6.3 首頁功能實現(xiàn)
18.6.4 注冊頁功能實現(xiàn)
18.6.5 發(fā)布頁功能實現(xiàn)
18.6.6 回復功能實現(xiàn)
18.7 小結
第19章 發(fā)布應用項目
19.1 Web應用發(fā)布基礎
19.2 自定義發(fā)布
19.3 準備打包
19.4 使用PhoneGap打包