jQuery Mobile即學(xué)即用

內(nèi)容概要

《圖靈程序設(shè)計(jì)叢書:jQuery Mobile即學(xué)即用》著眼于移動(dòng)Web應(yīng)用開發(fā)實(shí)戰(zhàn)，從應(yīng)用結(jié)構(gòu)和導(dǎo)航開始，分門別類地介紹了jQueryMobile為開發(fā)人員準(zhǔn)備好的各種界面部件，包括列表視圖、工具條、按鈕、表單、網(wǎng)格布局等，還介紹了界面主題和配色，以及為jQueryMobile編程準(zhǔn)備的事件、配置及響應(yīng)式布局API?！秷D靈程序設(shè)計(jì)叢書:jQuery Mobile即學(xué)即用》最后向讀者展示了一個(gè)完整的Web應(yīng)用開發(fā)示例。

作者簡(jiǎn)介

Maximiliano Firtman是移動(dòng)技術(shù)和HTML5技術(shù)專家。他還是Web和移動(dòng)技術(shù)方面的培訓(xùn)師、講師和Adobe社區(qū)專家，Programming the Mobile Web一書的作者，以及ITMaster Professional Training的創(chuàng)始人。

書籍目錄

前言 第1章移動(dòng)平臺(tái) 1.1為什么需要jQueryMobile 1.1.1移動(dòng)互聯(lián)網(wǎng)的傳說 1.1.2移動(dòng)Web應(yīng)用 1.1.3再問一次，為什么需要jQueryMobile 1.2jQueryMobile是什么 1.2.1jQueryMobile不是什么 1.2.2框架 1.3移動(dòng)及平板的世界 1.3.1設(shè)備分類 1.3.2操作系統(tǒng)和瀏覽器 1.3.3jQueryMobile兼容性 1.4HTML5和CSS3 1.5主要特性 1.5.1使用非侵入性語義的HTML5 1.5.2漸進(jìn)增強(qiáng) 1.5.3可訪問性支持 1.6測(cè)試Web應(yīng)用 1.6.1仿真器與模擬器 1.6.2遠(yuǎn)程實(shí)驗(yàn)室 第2章框架起步 2.1準(zhǔn)備文檔 2.1.1需求 2.1.2托管文件 2.1.3使用CDN 2.1.4主HTML5模板 2.2AdobeDreamweaver的支持 2.3架構(gòu) 2.3.1角色 2.3.2主題 2.3.3頁面 2.4導(dǎo)航 2.4.1后退按鈕 2.4.2內(nèi)部頁面鏈接 2.4.3外部頁面鏈接 2.4.4絕對(duì)外部鏈接 2.4.5移動(dòng)互聯(lián)網(wǎng)特有鏈接 2.4.6頁面間的過渡效果 2.4.7反轉(zhuǎn)過渡效果 2.5對(duì)話框 2.5.1關(guān)閉，還是后退 2.5.2從對(duì)話框打開頁面 2.6與電話整合 2.6.1撥打電話 2.6.2視頻及VoIP呼叫 2.6.3發(fā)送電子郵件 2.6.4發(fā)短消息 2.6.5其他URI方案 2.6.6綜合起來 第3章UI組件 3.1工具欄 3.1.1定位 3.1.2真實(shí)固定工具欄 3.1.3在頁頭中添加內(nèi)容 3.1.4在頁腳中添加內(nèi)容 3.1.5導(dǎo)航欄 3.1.6固定頁腳 3.2格式化內(nèi)容 3.2.1可折疊內(nèi)容 3.2.2手風(fēng)琴部件 3.3列 3.4按鈕 3.4.1內(nèi)聯(lián)按鈕 3.4.2分組按鈕 3.4.3效果 3.4.4圖標(biāo) 3.4.5創(chuàng)建自定義圖標(biāo) 3.4.6圖標(biāo)位置 3.4.7純圖標(biāo)按鈕 3.4.8圖標(biāo)陰影 第4章列表 4.1整頁列表與插入列表 4.2視覺分隔符 4.3交互行 4.3.1內(nèi)嵌列表 4.3.2分割按鈕列表 4.3.3有序交互列表 4.4使用圖片 4.4.1行圖標(biāo) 4.4.2縮略圖 4.5附加內(nèi)容 4.6標(biāo)題與描述 4.7使用計(jì)數(shù)氣泡 4.8使用搜索過濾數(shù)據(jù) 4.9列表視圖速查表 第5章表單組件 5.1表單動(dòng)作 5.2表單元素 5.2.1文本標(biāo)簽 5.2.2域容器 5.2.3文本輸入框 5.2.4自增長(zhǎng)文本區(qū) 5.2.5新HTML5屬性 5.2.6日期輸入框 5.2.7滑塊 5.2.8平移切換開關(guān) 5.2.9選擇菜單 5.2.10單選按鈕 5.2.11復(fù)選框 5.2.12上傳文件 第6章jQueryMobileAPI 6.1文檔事件 6.2配置 6.2.1全局配置 6.2.2頁面配置 6.2.3部件配置 6.3實(shí)用工具 6.3.1Data—*工具 6.3.2頁面工具 6.3.3平臺(tái)工具 6.3.4路徑工具 6.3.5UI工具 6.4自定義過渡 6.5動(dòng)態(tài)內(nèi)容 6.5.1創(chuàng)建頁面 6.5.2創(chuàng)建部件 6.5.3更新部件 6.6創(chuàng)建網(wǎng)格 6.7改變頁面內(nèi)容 6.8處理事件 6.8.1頁面事件 6.8.2部件事件 6.8.3方向事件 6.8.4手勢(shì)事件 6.8.5虛擬點(diǎn)擊事件 第7章創(chuàng)建主題 7.1ThemeRoller 7.1.1全局設(shè)置 7.1.2色樣設(shè)置 7.1.3審查器 7.1.4AdobeKuler 7.1.5輸出主題 7.2Fireworks主題編輯器 7.3編輯主題 7.4定制頁面過渡 第8章安裝以及離線訪問 8.1軟件包定義 8.1.1HTML清單 8.1.2下載應(yīng)用 8.1.3訪問在線資源 8.1.4更新資源 8.1.5JavaScript對(duì)象 8.1.6事件 8.2安裝應(yīng)用圖標(biāo) 8.2.1引導(dǎo) 8.2.2圖標(biāo)快捷方式名 8.2.3圖標(biāo)定義 8.3全屏 8.3.1全屏檢測(cè) 8.3.2修飾Web應(yīng)用 8.4完整的例子 8.5存儲(chǔ)離線數(shù)據(jù) 第9章Web應(yīng)用實(shí)例 9.1Web應(yīng)用的結(jié)構(gòu) 9.1.1離線清單 9.1.2頁面 9.1.3樣式 9.1.4數(shù)據(jù) 9.1.5腳本 第10章擴(kuò)展框架 10.1創(chuàng)建插件 10.1.1基礎(chǔ)模板 10.1.2創(chuàng)建插件 10.2插件精萃 10.2.1分頁插件 10.2.2Bartender插件 10.2.3DateBox插件 10.2.4SimpleDialog插件 10.2.5ActionSheet插件 10.3供平板使用的插件 10.3.1SplitView插件 10.3.2MultiView插件 10.4兼容的jQueryUI插件 第11章為應(yīng)用商店打包 11.1到應(yīng)用商店去發(fā)布 11.2自定義的發(fā)布 11.3準(zhǔn)備打包 11.4使用PhoneGap打包 關(guān)于封面

章節(jié)摘錄

版權(quán)頁：   插圖：   我知道大多數(shù)Web設(shè)計(jì)及開發(fā)人員都對(duì)HTML5和CSS3感到恐慌。我首先想說：不要擔(dān)心，jQuery Mobile將為你處理一切。因此，即使不懂HTML5或CSS3也可以使用jQuery Mobile。盡管如此，我仍然鼓勵(lì)你學(xué)習(xí)一下HTML5和CSS3，這樣，在將來的討論中，你將對(duì)這些新標(biāo)準(zhǔn)有一個(gè)更深的認(rèn)識(shí)。 本書不會(huì)教讀者HTML5或CSS3，不過，了解一些相關(guān)知識(shí)很重要。很多智能手機(jī)、平板電腦內(nèi)置的移動(dòng)瀏覽器都支持HTML5、CSS3以及其他API。 關(guān)于HTML5有很多可談?wù)摰臇|西，包括它的歷史以及它為移動(dòng)世界帶來了什么。嚴(yán)格來說，HTML5是一個(gè)發(fā)展中的標(biāo)準(zhǔn)，它包含了若干對(duì)HTML標(biāo)記語言的改變以及大量JavaScript中的新API（是的，HTML5的大部分內(nèi)容是關(guān)于JavaScriptAPl的）。在非正式的場(chǎng)合中，HTML5是許多瀏覽器中的現(xiàn)代特性的匯總，包括W3C的正式的HTML5標(biāo)準(zhǔn)、其他W3C API、CSS3以及非標(biāo)準(zhǔn)擴(kuò)展。可以在http：／／mobilehtml5.or9看到HTML5在各移動(dòng)瀏覽器中的兼容信息。 jQuery Mobile使用了大量的HTML5特性以便在移動(dòng)瀏覽器上提供更好及更快的體驗(yàn)。不過這并不意味著瀏覽器必須完整地支持HTML5。事實(shí)上，許多早于HTML5出現(xiàn)的老瀏覽器也支持一些HTML5標(biāo)記。在處理動(dòng)畫、漸變、特效以及UI渲染時(shí)，jQuery Mobile將盡可能地使用CSS3。 為了進(jìn)一步引起你的興趣，必須得告訴你：使用HTML5、CSS3以及一些其他現(xiàn)代技術(shù)，可以獲得下列特性（無論是否帶有jQuery Mobile體驗(yàn)）： 離線訪問； 離線存儲(chǔ)； 1.5 主要特性 作為一個(gè)現(xiàn)代框架，jQuery Mobile項(xiàng)目始于2010年8月，它包含很多適用于多平臺(tái)開發(fā)的模式及最佳實(shí)踐。這個(gè)框架的主要特性有： 跨平臺(tái)、跨設(shè)備、跨瀏覽器； 為觸屏設(shè)備優(yōu)化過的UI； 設(shè)計(jì)為可修改主題及自定義； 只使用無侵入性的HTML5代碼，無需了解任何JavaScript、CSS或API知識(shí)； 自動(dòng)調(diào)用AJAX來加載動(dòng)態(tài)內(nèi)容； 構(gòu)建于知名及有良好支持的jQuery核心之上； 輕量級(jí)尺寸，壓縮后為12KB； 漸進(jìn)增強(qiáng)； 可訪問性支持。 我們已經(jīng)討論過其中一些特性，現(xiàn)在讓我們深入分析一下其他方面。

媒體關(guān)注與評(píng)論

著眼于移動(dòng)Web應(yīng)用開發(fā)實(shí)戰(zhàn)分門別類介紹jQuery Mobile的各種界面部件

編輯推薦

你想寫一個(gè)Web應(yīng)用，讓它既能在iPad和Kindle Fire上，也能在iPhone和Android手機(jī)上運(yùn)行嗎？這本介紹jQuery Mobile的書會(huì)告訴你怎么做。通過一系列手把手的練習(xí)，你能夠?qū)W會(huì)以最有效的方式使用這個(gè)框架的各種界面組件，構(gòu)建定制的、跨平臺(tái)的應(yīng)用。即使沒有太多編程經(jīng)驗(yàn)，不熟悉jQuery也不要緊，本書很容易看懂。看完這本書之后，你就會(huì)知道怎么使用jQuery Mobile和語義化HTML5代碼，創(chuàng)建出能在各種智能手機(jī)和平板電腦上運(yùn)行的響應(yīng)式、基于AJAX的界面。1. 理解jQuery Mobile與HTML5、CSS3以及JavaScript的關(guān)系2.利用UI組件創(chuàng)建表單、列表、導(dǎo)航條和按鈕3.使用JavaScript、AJAX和jQuery核心框架創(chuàng)建動(dòng)態(tài)內(nèi)容4.通過主題和CSS3完全定制用戶界面5.讓用戶能夠從瀏覽器中安裝應(yīng)用并離線使用6.打包成原生應(yīng)用并通過應(yīng)用商店發(fā)售。本書教給你如何使用最近開發(fā)的jQuery Mobile庫為觸摸設(shè)備（如iPhone、iPad、Android和BlackBerry）構(gòu)建網(wǎng)站和應(yīng)用程序。

圖書封面

圖書標(biāo)簽Tags

無

評(píng)論、評(píng)分、閱讀與下載

---

    jQuery Mobile即學(xué)即用 PDF格式下載

---