從jQuery Mobile開始練習做App與HTML行動網頁吧

找個模仿的對象吧，我們做個類似GOMAJI的行動網頁，如何？

• 先從jQuery Mobile Quick Start Guide認識最基本的語法框架(Mobile page structure)，把"Create a basic page template"與"Make a listview"兩個範本的HTML碼複製起來，用個自己習慣的編輯器來寫第一個jQuery Mobile頁面吧(來看看用線上JSFIDDLE編輯內容與結果)。

• 要變成有縮圖的ViewList，簡單的很，就是像這樣的例子，然後把原始碼裡面的相關的部分改變一下如這個編輯內容與結果。

• 想要加上NavBar，試試看這個編輯內容與結果。

• 來做第二、三...頁的內容吧，然後讓ViewList與NavBar超連結到這些內容頁面。

• 更進一步，試著將ViewList以陣列方式產生，呈現出一樣的內容頁面，但這下一步要利用資料庫產生內容的概念喔。

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

• jQuery Mobile邊做邊學系列影片 (另一網址)
  初探jQueryMobile
  jQueryMobile開發須知
  認識jQueryMobile網頁
  jQueryMobile網頁導向
  設計jQueryMobile視覺化元件
  設計jQueryMobile List View
  設計jQueryMobile表單成員
  設計jQueryMobile事件
  使用jQueryMobile呼叫Web Service並動態產生List View
  使用ASP.NET Web Form與jQueryMobile設計驗證網頁
  使用ASP.NET MVC 4開發jQueryMobile行動式裝置網頁

• jQuery Mobile videos at Pinehead.tv
  jQuery Mobile Theme Roller
  changePage, pageInit, and Swipe API
  jQuery Mobile Forms Part 1 The Basics
  jQuery Mobile Forms Part 2

• jQuery邊做邊學系列影片