在行動裝置越來越普及,甚至行動裝置的網路瀏覽量逼近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電腦)還是無法避免的。
心得與筆記
接下來,後面這邊,小喵會把後續的文章連結整理到下面這裡,方便未來要找相關資料的時候可以方便尋找,在此就先留下這一塊區域。
參考資訊:
書籍推薦:這邊小喵要推薦【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:
(未完,待續~)
以下是簽名:
- 歡迎轉貼本站的文章,不過請在貼文主旨上加上【轉貼】,並在文章中附上本篇的超連結與站名【topcat姍舞之間的極度凝聚】,感恩大家的配合。
- 小喵大部分的文章會以小喵熟悉的語言VB.NET撰寫,如果您需要C#的Code,也許您可以試著用線上的工具進行轉換,這裡提供幾個參考
Microsoft MVP Visual Studio and Development Technologies (2005~2019/6) | topcat Blog:http://www.dotblogs.com.tw/topcat |