PCCU_JQuery_Mobile_2_HW (開發分支)
jQuery Mobile Chinese Culture University 作業
使用的 libary 該作業使用舊的
-
jQuery 1.7.2 (最新的為:3.3.1)
官網各版本載點:http://code.jquery.com/jquery/
-
jQuery Mobile 1.1.2 (最新的為:1.4.5,需依賴 jQuery 使用時請注意版本)
官網各版本載點:http://code.jquery.com/mobile/
須具備基本技能,如:HTML、CSS
基本技能學習資料:
- https://www.w3schools.com/ (英)HTML、CSS
- http://www.w3school.com.cn/ (簡)HTML、CSS,含 jQuery Mobile 範例請注意版本
本次作業主頁參考資料:http://demos.jquerymobile.com/1.1.0/
(可配合 Google Chrome 的快速鍵查看程式碼加速製作,如:F12
、Ctrl + u
、Ctrl + f
,建議使用 Ctrl + u
)
簡報裡的英文關鍵字要記一下
- Simple Navbar - 簡易導覽列(網站、手機 最上面那條)
- icon - 圖標
- Buttons - 按鈕
- control - 控制
- group - 群組
- framework - 骨架、框架
- List - 清單、列表
- views - 視圖、檢視、表示、意見
- content - 內容
- Formatted - 格式、格式化、制式、標準
- Split - 切圖、分割、切
- Thumbnails - 縮略圖、略圖
- filter - 過濾、篩選
- dialog - 對話、對話視窗、彈跳視窗
其他資料
新的 jQuery Mobile 官方範例參考網站:http://demos.jquerymobile.com/1.4.5/
自訂 jQuery Mobile 的配色,請注意版本: http://themeroller.jquerymobile.com/
簡易 jQuery Mobile 開發工具,請注意版本:https://ezoui.com/app/zh-tw/started.html