本書介紹如何使用jQuery Mobile搭配HTML5標準,並使用jQuery與jQuery Mobile來開發用戶端功能(如AJAX、特效、動態生成畫面)與事件(如滑動、碰觸)。進階搭配ASP.NET 4.5 Web Forms、MVC 4,透過jQuery叫用服務導向類型的程式碼,以開發符合跨行動裝置的網站介面應用程式。
※隨書附有jQuery Mobile教學影片(Visual Studio 2010)、全書範例檔
●【最強跨平台行動裝置應用程式開發!】
使用jQuery Mobile,搭配WebMatrix 2、Visual Studio 2012、ASP.NET 4.5 Web Forms、MVC 4開發跨平台的網站介面應用程式。
●【更美好的使用體驗!】
自訂jQuery Mobile網頁的執行方式,如:螢幕方向變更、長按按鈕、觸碰、滑動,應用HTML5新增的email、url、tel、search、number、color、range欄位,設計出更適用於行動裝置瀏覽器顯示的網頁。
●【撰寫符合MVC模式的資料庫存取程式!】
介紹Visual Studio 2012 MVC4專案中的目錄結構,以MVC架構來設計網站購物車範例,進行資料的新增、刪除、修改、查詢作業。並探討如何設計兼具行動版、桌面版顯示的網頁,讓使用者能自行切換欲使用的版本。
●【公開Visual Studio 2012新功能(for jQuery Mobile)!】
包括HTML5智慧感知功能、程式碼片段、縮排等功能。內容摺疊功能、色彩選擇器、CSS語法片段功能;JavaScript增強的排版能力、XML註解、移至定義功能;以及網頁開發與除錯的新功能、Page Inspector。
●【特別收錄開發密技與範例集!】
Mobile網頁範例、動態套用CSS範例、整合HTML5播放影片、整合Google地圖的jQuery Mobile網頁、拼圖程式範例、偵測用戶端瀏覽器。
現今行動裝置非常的普及,你可能正拿著智慧型手機講著電話、玩線上遊戲;也可能帶著平板電腦,正在跟客戶談生意,邊展示最新的產品。手機的品牌與種類非常多,可能是Google Android手機、Apple的iPhone或Microsoft Windows Phone。同樣地,平板的種類也不少,無論是哪一種行動裝置,解析度、尺寸都各不相同。同時此外,這些不同行動裝置在功能上也有差異,例如,iPhone目前支援HTML 5;但有一些手機,如Windows Phone 7.5卻並未完整支援。若您是一個開發網頁的設計師,要開發一個出適用於各家行動裝置的網站程式,實在是非常大的挑戰。為了解決這個問題,jQuery Mobile因應而生。
jQuery Mobile是一個輕量級的JavaScript函式庫,能夠統一市面上常見行動裝置的使用者介面,讓各種不同行動裝置的使用者在瀏覽網站時,能夠以適合該裝置的畫面排版來檢視,並能夠使用接近一般原生應用程式的經驗來操作(例如:觸碰或滑動)。甚至還能夠搭配PhoneGap來升級成各行動裝置(例如:Windows Phone、iPhone與Android)的原生應用程式(Native App)。
本書紮實內容如下:
●學會下載、安裝jQuery Mobile,並使用WebMatrix 2與Visual Studio 2012開發工具來設計jQuery Mobile網頁,讓使用者有更好的使用體驗。
●利用事件機制來自訂jQuery Mobile網頁的執行方式,攔截使用者操作行動裝置而觸發的事件,像是螢幕方向變更、長按按鈕、觸碰、滑動等等事件。
●應用HTML5新增的email、url、tel、search、number、color、range欄位,設計出更適用於行動裝置瀏覽器顯示的網頁。
●說明如何客製化ListView,除建立Split Button List、巢狀式ListView、摺疊式列表、搜尋功能外。更能應用ListView搜尋的篩選功能,自訂資料篩選的邏輯。
●探討如何在ASP.NET 4.5 Web Forms網站挑選適當的控制項來開發jQuery Mobile網頁,並整合主版頁面技術、佈景主題、探討多國語言網頁的設計,使用Session傳遞資料,以及ASP.NET 4.5新功能—JavaScript打包與壓縮功能。
●透過ASP.NET及.NET Framework函式庫取得伺服端資料庫的資料。
●介紹Visual Studio 2012 MVC4專案中的目錄結構,以MVC架構來設計網站購物車範例,探討如何設計兼具行動版、桌面版顯示的網頁,並讓使用者能自行切換要使用的版本。
●撰寫符合MVC模式的資料庫存取程式,進行資料的新增、刪除、修改、查詢作業。
●特別收錄與PhoneGap的搭配運用。
※隨書附有jQuery Mobile教學影片(Visual Studio 2010)、全書範例檔
●【最強跨平台行動裝置應用程式開發!】
使用jQuery Mobile,搭配WebMatrix 2、Visual Studio 2012、ASP.NET 4.5 Web Forms、MVC 4開發跨平台的網站介面應用程式。
●【更美好的使用體驗!】
自訂jQuery Mobile網頁的執行方式,如:螢幕方向變更、長按按鈕、觸碰、滑動,應用HTML5新增的email、url、tel、search、number、color、range欄位,設計出更適用於行動裝置瀏覽器顯示的網頁。
●【撰寫符合MVC模式的資料庫存取程式!】
介紹Visual Studio 2012 MVC4專案中的目錄結構,以MVC架構來設計網站購物車範例,進行資料的新增、刪除、修改、查詢作業。並探討如何設計兼具行動版、桌面版顯示的網頁,讓使用者能自行切換欲使用的版本。
●【公開Visual Studio 2012新功能(for jQuery Mobile)!】
包括HTML5智慧感知功能、程式碼片段、縮排等功能。內容摺疊功能、色彩選擇器、CSS語法片段功能;JavaScript增強的排版能力、XML註解、移至定義功能;以及網頁開發與除錯的新功能、Page Inspector。
●【特別收錄開發密技與範例集!】
Mobile網頁範例、動態套用CSS範例、整合HTML5播放影片、整合Google地圖的jQuery Mobile網頁、拼圖程式範例、偵測用戶端瀏覽器。
現今行動裝置非常的普及,你可能正拿著智慧型手機講著電話、玩線上遊戲;也可能帶著平板電腦,正在跟客戶談生意,邊展示最新的產品。手機的品牌與種類非常多,可能是Google Android手機、Apple的iPhone或Microsoft Windows Phone。同樣地,平板的種類也不少,無論是哪一種行動裝置,解析度、尺寸都各不相同。同時此外,這些不同行動裝置在功能上也有差異,例如,iPhone目前支援HTML 5;但有一些手機,如Windows Phone 7.5卻並未完整支援。若您是一個開發網頁的設計師,要開發一個出適用於各家行動裝置的網站程式,實在是非常大的挑戰。為了解決這個問題,jQuery Mobile因應而生。
jQuery Mobile是一個輕量級的JavaScript函式庫,能夠統一市面上常見行動裝置的使用者介面,讓各種不同行動裝置的使用者在瀏覽網站時,能夠以適合該裝置的畫面排版來檢視,並能夠使用接近一般原生應用程式的經驗來操作(例如:觸碰或滑動)。甚至還能夠搭配PhoneGap來升級成各行動裝置(例如:Windows Phone、iPhone與Android)的原生應用程式(Native App)。
本書紮實內容如下:
●學會下載、安裝jQuery Mobile,並使用WebMatrix 2與Visual Studio 2012開發工具來設計jQuery Mobile網頁,讓使用者有更好的使用體驗。
●利用事件機制來自訂jQuery Mobile網頁的執行方式,攔截使用者操作行動裝置而觸發的事件,像是螢幕方向變更、長按按鈕、觸碰、滑動等等事件。
●應用HTML5新增的email、url、tel、search、number、color、range欄位,設計出更適用於行動裝置瀏覽器顯示的網頁。
●說明如何客製化ListView,除建立Split Button List、巢狀式ListView、摺疊式列表、搜尋功能外。更能應用ListView搜尋的篩選功能,自訂資料篩選的邏輯。
●探討如何在ASP.NET 4.5 Web Forms網站挑選適當的控制項來開發jQuery Mobile網頁,並整合主版頁面技術、佈景主題、探討多國語言網頁的設計,使用Session傳遞資料,以及ASP.NET 4.5新功能—JavaScript打包與壓縮功能。
●透過ASP.NET及.NET Framework函式庫取得伺服端資料庫的資料。
●介紹Visual Studio 2012 MVC4專案中的目錄結構,以MVC架構來設計網站購物車範例,探討如何設計兼具行動版、桌面版顯示的網頁,並讓使用者能自行切換要使用的版本。
●撰寫符合MVC模式的資料庫存取程式,進行資料的新增、刪除、修改、查詢作業。
●特別收錄與PhoneGap的搭配運用。