jQuery Mobile建置與執行

Book description

「《jQuery Mobile:建置與執行》 以精簡扼要的方式呈現jQuery Mobile框架,幫助讀者快速提升生產力。」
──Mike Hostetler,appendTo CEO

使用HTML5為平板電腦與智慧型手機設計Web Apps

想要建置能夠在iPad與Kindle Fire上運行,同時能在iPhone與Android智慧型手機上運作的行動web應用程式嗎?這本jQuery Mobile入門指南會教你如何辦到。透過一系列實際動手操作的練習,你會學到如何以最佳方式使用這個框架所提供的許多介面元件,製作出可自訂的多平台app。不需要具備任何的程式設計技能,也不必熟悉jQuery就能夠開始使用jQuery Mobile框架。

讀完本書後,你就會知道如何使用jQuery Mobile和語意HTML5建立出反應能力佳、以AJAX為基礎的介面,能在各式各樣的智慧型手機與平板電腦上運行。

■ 了解jQuery Mobile如何與HTML5、CSS3以及JavaScript互動
■ 使用UI元件來格式化內容,並建立表單、串列、導覽列與按鈕
■ 透過JavaScript、AJAX與jQuery核心框架來建立動態內容
■ 使用主題與CSS3自訂整個使用者介面
■ 讓使用者透過瀏覽器安裝你的app,並在離線模式下使用它
■ 將你的作品包裝為原生app套件,並透過App商店發行

Maximiliano Firtman 是行動技術與HTML5相關技術的專家。作為Web與行動技術的教育者,他是一位教練、講師以及Adobe的Community Professional,同時也是Programming the Mobile Web(O'Reilly)的作者,以及ITMaster Professional Training的創立者。

Table of contents

  1. 封面
  2. 書名頁
  3. 英文版權頁
  4. 前言
  5. 目錄 (1/2)
  6. 目錄 (2/2)
  7. 第一章
  8. 行動平台
  9. 為何我們需要jQuery Mobile?
  10. 行動資訊網的迷思
  11. 行動資訊網程式(Mobile Webapps)
  12. 所以,到底為何我們需要jQuery Mobile?
  13. 什麼是jQuery Mobile?
  14. jQuery Mobile不是什麼
  15. jQuery Mobile框架
  16. 行動與平板的世界
  17. 裝置的種類
  18. 作業系統與瀏覽器
  19. jQuery Mobile的相容性
  20. HTML5與CSS3
  21. 主要特色
  22. 非侵入式語意HTML5(Nonintrusive Semantic HTML5)的使用
  23. 逐步增強(Progressive Enhancement)
  24. 可及性的支援(Accessibility Support)
  25. 測試Webapps
  26. 仿真器與模擬器(Emulators and Simulators)
  27. 遠端實驗室
  28. 第二章
  29. 開始使用jQuery Mobile框架
  30. 準備文件
  31. 必備條件
  32. 自行提供檔案
  33. 使用CDN
  34. HTML5主樣板
  35. Adobe Dreamweaver的支援
  36. 預覽檔案
  37. 架構
  38. 角色
  39. 設定主題
  40. 頁面結構
  41. 導覽
  42. Back Button
  43. 內部頁面連結
  44. 外部頁面連結
  45. 絕對外部連結
  46. 行動特殊連結
  47. 在頁面間切換
  48. 逆向切換
  49. 對話方塊
  50. 關閉或返回?
  51. 自對話方塊開啟頁面
  52. 與行動電話整合
  53. 打電話
  54. 視訊與VoIP通話
  55. 發送電子郵件
  56. 發送簡訊
  57. 其他URI Schemes
  58. 全部整合在一起
  59. 第三章
  60. UI元件
  61. 工具列
  62. 定位
  63. 真實固定的工具列
  64. 新增內容至頁首
  65. 新增內容至頁尾
  66. 導覽列
  67. 續存的頁尾
  68. 格式化內容
  69. 可摺疊的內容
  70. 手風琴式摺疊器
  71. 分欄顯示
  72. 按鈕
  73. 行內按鈕
  74. 按鈕分組
  75. 特殊效果
  76. 圖示
  77. 創建自訂的圖示
  78. 定位圖示
  79. 僅有圖示的按鈕
  80. 圖示的陰影
  81. 第四章
  82. 串列
  83. 全頁串列與內嵌式串列
  84. 視覺分隔器
  85. 互動列
  86. 巢狀串列
  87. 剖分鈕串列(Split Button Lists)
  88. 有序的互動串列(Ordered Interactive Lists)
  89. 使用圖像
  90. 列圖示
  91. 縮圖
  92. 側邊內容
  93. 標題與描述(Description)
  94. 使用計數氣泡
  95. 使用搜尋過濾資料
  96. List Views的小抄
  97. 第五章
  98. 表單元件
  99. 表單動作
  100. 強制使用非AJAX表單
  101. 表單元素
  102. 標籤
  103. 欄位容器
  104. 文字欄位
  105. 自動增長的文字區域
  106. 新的HTML5屬性
  107. 日期欄位
  108. 滑桿
  109. 撥動式切換開關
  110. 選單 (1/2)
  111. 選單 (2/2)
  112. Radio Buttons
  113. Checkboxes
  114. 檔案上傳
  115. 第六章
  116. jQuery Mobile與JavaScript
  117. 文件事件
  118. 組態設定
  119. 全域組態
  120. 頁面組態
  121. Widgets的組態
  122. 工具
  123. Data-*工具
  124. 頁面工具
  125. 平台工具
  126. 路徑工具
  127. 使用者介面工具
  128. 自訂的切換動畫
  129. 動態內容
  130. 創建頁面
  131. 創建Widgets
  132. 更新Widgets
  133. 創建格網
  134. 變更頁面內容
  135. 事件處理
  136. 頁面事件
  137. Widget事件
  138. 轉向事件(Orientation Event)
  139. 手勢事件(Gesture Events)
  140. 虛擬點擊事件(Virtual Clicks Events)
  141. 第七章
  142. 創建主題
  143. ThemeRoller
  144. 全域設定
  145. 樣本顏色設定
  146. 檢視器
  147. Adobe Kuler
  148. 匯出你的主題
  149. Fireworks主題編輯器
  150. 編輯主題
  151. 自訂切換動畫
  152. 第八章
  153. 安裝與離線存取
  154. 套件定義(Package Definition)
  155. HTML清單檔
  156. 下載程序
  157. 存取線上資源
  158. 更新資源
  159. JavaScript物件
  160. 事件(Events)
  161. 安裝圖示
  162. 邀請
  163. 圖示名稱
  164. 圖示定義
  165. 全螢幕
  166. 偵測全螢幕
  167. 調整Webapp的樣式
  168. 全部整合在一起
  169. 儲存離線資料
  170. 第九章
  171. 一個完整的Webapp
  172. Webapp的結構
  173. 離線清單
  174. 頁面 (1/2)
  175. 頁面 (2/2)
  176. 樣式表(Stylesheet)
  177. 資料(Data)
  178. 指令稿(Script)
  179. 第十章
  180. 擴充jQuery Mobile
  181. 創建外掛
  182. 基本樣板
  183. 建立我們的外掛 (1/2)
  184. 建立我們的外掛 (2/2)
  185. 值得注意的外掛
  186. Pagination
  187. Bartender
  188. DateBox
  189. Simple Dialog
  190. Action Sheet
  191. 平板電腦專用的外掛
  192. SplitView
  193. MultiView
  194. 相容的外掛
  195. 第十一章
  196. 製作套件準備上架軟體商店
  197. 經由商店發行
  198. 自訂的發行方式
  199. 準備套件
  200. 使用PhoneGap進行套件化
  201. PhoneGap Build
  202. 索引 (1/3)
  203. 索引 (2/3)
  204. 索引 (3/3)
  205. 關於作者
  206. 出版記事

Product information

  • Title: jQuery Mobile建置與執行
  • Author(s): Maximiliano Firtman
  • Release date: August 2012
  • Publisher(s): GoTop Information, Inc.
  • ISBN: 9789862765654

You might also like

book

JQUERY UI使用者介面設計

by Eric Sarrion

有了jQuery UI函式庫,您就能在設計使用者介面的時候發揮jQuery的威力與標準,達成互動元素、動畫以及能夠套用佈景主題的小工具。這本簡潔、充滿程式碼的指南將示範如何發揮HTML5欠缺的互動功能,包含頁籤、手風琴選單、對話盒。您也將學會如何撰寫常見但複雜的功能,像是管理拖放動作、自動完成欄位內容,讓使用者更容易與您的網站互動。 本書可協助您快速導覽jQuery UI能夠如何改進HTML頁面,之後隨著各獨立章節深入解說每個元件。如果您是網頁開發者或設計者,希望以新功能充實您的網站—但目前還無法深入JavaScript的話,jQuery UI就是您必備的工具。 本書涵蓋下列1.8版的延伸功能 •頁籤管理 •手風琴選單 •對話盒 •按鈕 •進度條 •滑桿 •日期選擇器 •自動完成欄位內容 •管理拖放動作 •選取元素、調整元素大小、切換元素 …

book

JavaScript 权威指南(原书第7版)

by David Flanagan

JavaScript是Web编程语言,也是如今软件开发者使用最多的编程语言。近25年来,这本畅销书一直是JavaScript程序员必读的技术著作,本版已经更新到涵盖JavaScript的2020版。新增的关于类、模块、迭代器、生成器、期约和async/await的章节中,令人深思、富有启发性的示例随处可见。 本书适合想学习JavaScript的程序员,以及希望深入理解和掌握这门语言的Web开发者。 本书涵盖以下内容: 类型、变量、操作符、语句、对象和数组。 函数、类、模块、迭代器、生成器、期约和async/await。 JavaScript标准库,包括数据结构、正则表达式、JSON、国际化和URL。 Web平台,包括文档、组件、图形、网络、存储和线程。 Node.js,包括缓冲区、文件、流、线程、子进程、Web客户端和Web服务器。 专业JavaScript开发者必备的工具和语言扩展。

book

重構 JavaScript

by Evan Burchard

改善不良程式碼 「我喜歡這本書的原因是,它系統性地陳述了重構是什麼以及不是什麼。這樣的聚焦觀點,幫助開發者在不改變程式碼行為的前提下提高品質,是每個JS開發者必備的資訊。這本書必讀。」 —Kyle Simpson(“getify”) JavaScript 導師 「重構JavaScipt為改進你的JavaScript程式碼指出了清晰的方向。這本書討論重構的工具和技巧,以及如何在不改變程式碼行為的前提下修改程式碼。全書中皆穿插附導引的範例,帶領讀者悠遊於重構程式碼所會涉入的複雜性之中。」 —Steven Suehring教授 威斯康辛大學史蒂芬斯角分校 如果你的JavaScript程式碼是一團亂,那麼各種框架對你的幫助也實在有限。不管你使用什麼框架、編譯至JavaScript的語言或是函式庫,如果你的JavaScript品質堪憂,那臭蟲跟效能問題依舊無法被緩解。跟隨這本實務性的指南,你將學習到如何透過測試與重構程式碼來減少複雜度及增加可讀性,並且從現有的程式庫(codebase)取得信心。 作者Evan Burchard將為你展示如何識別出不良的程式碼,並帶你見識數種重構的方法來對它們進行改良,這些技巧從最簡單的重命名變數一直到引入函數式與物件導向程式設計。如果你渴望寫出更優秀的JavaScript程式碼(不管是前端還是後端),一定會需要這本書。 ‧在不改變程式碼行為的前提下,利用重構來重新組織程式碼 ‧理解重構與程式碼品質之間的關係 ‧探索現今使用的各種JavaScript版本 …

book

CSS: The Missing Manual國際中文版 第四版

by David Sawyer McFarland

“The Missing Manual系列可說是我讀過最有見地、最實用的系列書籍了…” —Kevin Kelly, Wired 之共同創辦人 書架上不能沒有的一本書 答案就在這裡! CSS讓你創建專業的網站,但即使對於相當有經驗的網頁開發者,要學習它的細微之處可能仍會非常棘手。本書引領您一覽現今CSS所提供最新且有效的技巧、手法和基本教學。學習如何使用新的工具,像是Flexbox和Sass建造網頁頁面,讓它在任何桌電或手機裝置看起來更好並跑得更快。無論初學者或具有經驗的設計者都十分適合本書。 你不可不知的重要訣竅 ‧從基礎開始-撰寫有合宜CSS的HTML,包含可以被現今瀏覽器辨識的HTML5標籤 ‧為手機裝置設計-創建可以讓使用者隨時隨地使用它們時都看起來不錯的網頁頁面 ‧確保頁面運作-使用動畫讓你的想像力得以成真,以及使用表單完成工作 ‧控制頁面版型-使用像是浮動和定位等專業設計技巧 ‧確保版型更有彈性-設計有Flexbox的網站,可以隨著不同的裝置和螢幕尺寸調整 …