[jQuery Mobile][筆記]jQuery Mobile學習筆記--總章

在行動裝置越來越普及,甚至行動裝置的網路瀏覽量逼近PC/NB的現在,是時候學習行動裝置的開發。而行動裝置的開發主要有兩個方向,一個是依據不同的OS撰寫不同裝置平台的App,另一個方向則是開發透過Web讓所有行動裝置可以使用。App與Web這兩者各有各的優缺點,而這裡小喵要記錄的是Web部分的開發,透過jQuery Mobile的幫助,讓我們可以輕鬆地開發出,在不同行動裝置,可以有相近、近乎一致的使用者體驗。開發者也不必為了不同的系統、不同的螢幕大小來傷腦筋,可以開發一套,讓各式各樣不同的行動裝置都可以使用。小喵以這篇總章作個開始,後續的文章也會整理超連結,放在這篇總章中,方便未來要查詢相關的寫法可以快速方便的找到,或者可以較有系統的由淺入深的進行學習。

緣起

在行動裝置越來越普及,甚至行動裝置的網路瀏覽量逼近PC/NB的現在,是時候學習行動裝置的開發。而行動裝置的開發主要有兩個方向,一個是依據不同的OS撰寫不同裝置平台的App,另一個方向則是開發透過Web讓所有行動裝置可以使用。App與Web這兩者各有各的優缺點,而這裡小喵要記錄的是Web部分的開發,透過jQuery Mobile的幫助,讓我們可以輕鬆地開發出,在不同行動裝置,可以有相近、近乎一致的使用者體驗。開發者也不必為了不同的系統、不同的螢幕大小來傷腦筋,可以開發一套,讓各式各樣不同的行動裝置都可以使用。小喵以這篇總章作個開始,後續的文章也會整理超連結,放在這篇總章中,方便未來要查詢相關的寫法可以快速方便的找到,或者可以較有系統的由淺入深的進行學習。

 

App VS Web

在開始之前,先來做個簡單的比較,對於App與Web這兩個方向的優缺點做個小小的整理。Web雖然可以開發一套讓各種不同的裝置進行使用,可是如果需要與硬體做結合的功能(例如最簡單的拍照上傳,還是有它的限制性)

 

jQuery Mobile

iPad / iPhone

Windows 8 / WP8

Andriod Pad / Phone

開發機器

無特定

需Mac

Windows 8

無特定

開發語言

jQuery Mobile

Object C

C# / VB.NET / HTML5

Java

Market

-

Y

Y

Y

上架費用

0

99USD / Year

99USD / Year

一次付款終生用

各解析支援

OK(自動)

OK

OK

須測試(很可怕,不要問~)

結合硬體

N

Y

Y

Y

所以如果是有與硬體結合需求的,或許可以考慮用jQuery Mobile 加上 PhoneGap 將設計好的Web包裝成為一個App的方式,做個App與Web之間的平衡。這樣雖然可以少掉必須依據不同的系統,用不同的開發語言開發,可以降低學習曲線,不過該付的費用(例如上架年費)、該購買的周邊(例如Mac電腦)還是無法避免的。

 

心得與筆記

接下來,後面這邊,小喵會把後續的文章連結整理到下面這裡,方便未來要找相關資料的時候可以方便尋找,在此就先留下這一塊區域。

 

參考資訊:

官方網站:http://jquerymobile.com/

 

書籍推薦:這邊小喵要推薦【jQuery Mobile與ASP.NET實戰開發】這本書,如果想做有系統的學習,買本工具書放身邊是有必要的,這本書講的還蠻詳細的,後面也針對ASP.NET Web From, ASP.NET MVC 這兩種方式分別說明用這兩種工具開發上要注意的一些事項。這邊小喵推薦給大家。

 

官方邊做邊學系列:http://msdn.microsoft.com/zh-tw/hh875190.aspx

 

研討會錄影:曹祖聖老師在研討會中的教學錄影

 

 

MSDN開發教學影片系列:http://www.youtube.com/playlist?list=PL6E59B4F30BC7988F

線上Designer:http://jqmdesigner.appspot.com

 

 

開發環境與工具篇:

 

架構概念篇:

 

工具列:

 

API:

 

表單相關 Widget:

 

ListView:

 

 

 

 

(未完,待續~)


以下是簽名:


Microsoft MVP
Visual Studio and Development Technologies
(2005~2019/6) 
topcat
Blog:http://www.dotblogs.com.tw/topcat