聯絡表單

 

jQuery Mobile學習資源











雖然已經在另一個單元教大家如何以 jQuery Mobile 模仿 GOMAJI 行動版網頁的設計,但沒有用到的 jQuery Mobile 語法,還是建議大家按部就班照著下列的內容學習囉。

  • 10 Easy Steps to Getting Started
    這篇教的十個概念是最基本也是重要的:1. Get started with jQuery Mobile basic template ; 2. Internal linked pages ; 3. External linked pages ; 4. Modal Dialog(jsfiddle)(jsbin) ; 5. Mobile Page Transitions(jsfiddle)(jsbin) ; 6. Mobile Navigation Bar ; 7. Add HTML Content ; 8. jQuery Mobile Widget ; 9. jQuery Mobile Theme Swatches ; 10. Mobile Form Elements(jsfiddle)(jsbin)




  • jQuery Mobile Tutorial (w3school.com)整個介紹分成這樣的方式還蠻清楚的:Install ; Pages ; Transitions ; Buttons ; Icons ; Popups ; Toolbars ; Navbars ; Panels ; Collapsibles ; Tables ; Grids ; Lists ; Forms ; Themes ; Events ,不然它的 Examples 分類介紹也是蠻好的。



對初學者來說,還是再給大家一個模仿的機會吧,本實驗室團隊在2012年參加財政部臺灣省中區國稅局「舞動奇機 觸控靈機 – APP創意設計大賽」榮獲社會組第三名節稅經濟學這個作品的部分功能設計也在此公開給大家參考,你從這樣的作品能激發什麼想法也就動手做一個自己想做的作品呢。



接下來就靠你們自己去學囉,提供下列教學網頁與影片,大概只要認真投入學習一個月吧,相信大家就能做個有規模的行動網頁或App了。



p.s. 如果你已經迫不及待想把自己的網頁打包成APP,倒是有個捷徑,用EZoApp平台試試看吧(詳見這份簡報)。

Total comment

Author

ChenYuYi

0   意見

Cancel Reply