KSDG #2 jQuery Mobile + PhoneGap
KSDG 第二次聚會於 2013/10/11 在高雄軟體科學園區舉辦,活動資訊。
當天有兩個主題:jQuery Mobile 與 PhoneGap。
Query Mobile 是一個專為 Mobile 所設計的 Web 前端 Framework,套用其框架可以設計出在個種手機上均看到相同的 Web畫面。
PhoneGap 是將 Web 程式轉為各種各種手機的 App, 包括: iOS, Android, WP, FireFox ... 等六種平台,功能與效能上不比原生語言所開發的 App。其最大優勢是撰寫一次 JavaScript 的 Web 程式,就可以轉生成六種平台的 App。
未來有 Mobile App 需求例如:網站活動、企業內資料查詢...等應用,可以嘗試選擇合併搭配這兩種技術或單以 jQuery Mobile。
JQM Workshop
講師: Marty / marty.shu@gmail.com
簡報: http://jqmdesigner.appspot.com/jqm/jqmShare.html
第一步
載入一個CSS, 兩個 javascript
jQuery Mobile CSS (桌布、結構)
jQuery javascript
jQuery Mobile javascript
release : jQuery 1.3.2, 1.4 即將發行
工具
EZoApp
http://jqmdesigner.appspot.com/designer.html#id=6257589109129216
語意增強
<div id="home" data-role="page" is="page" data-gk-id="home">
<div data-role="content" is="content" data-gk-id="gk-141cf4faebd-1"></div>
</div>
塞資料後,需要在 reflash,才會有 jQuery 的外觀
Plurk Poster
http://jqmdesigner.appspot.com/designer.html#id=4865671812874240
其他工具
jsbin.com
PhoneGap
- 原始版本 Cordova
80~90% 程式可以轉為多平台的手機上
Sample code
https://github.com/KSDG/PhoneGap-Sample
Windows Phone, Windows Phone Store, 程式競賽, 比賽, 競賽, Nokia, Nokia Lumia 925, Lumia 1020, Lumia, App
http://mopcon.org/2013/events/nokia-microsoft-wp-contest.html
相關工具
phonejs