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

2013-07-15

7153
0
(.NET)Mobile
2013-11-26

在行動裝置越來越普及，甚至行動裝置的網路瀏覽量逼近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

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