實戰MUI與HTML5移動端混合應用開發微信案例
本帖隱藏的內容
課程目標
學習HTML5移動端混合應用開發,并完成微信項目實戰,本課程介紹了MUI框架的使用,以及Hbublder工具的基本操作。適用人群本課程適合具有HTML與CSS基礎,了解HTML5及CSS3,并想跨入HTML5移動端混合應用開發領域的同仁。
課程簡介
結合MUI框架完成HTML5移動端混合應用開發(微信實戰)
本課程將介紹如何使用HTML5完成移動端混合應用開發,課程以移動端框架MUI為基礎,以微信項目為目標,介紹MUI框架的使用,包含移動端排版布局,HTML5借助框架完成手機攝像頭調用、手機相冊調用、手機重力感應調用等特效,并最終完成微信案例項目
1【MUI框架】HTML5混合應用開發與MUI框架 12:28
2 MUI移動端框架初體驗 05:42
3【微信主頁】頂部標題欄 08:03
4【微信主頁】底部Tab導航 10:23
5【微信主頁】底部Tab導航樣式調整 04:55
6【微信主頁】圖文列表 04:34
7【微信項目】整體效果展示 06:09
8【微信子頁面】DIV方式創建子頁面 10:17
9【真機調試】HTML5程序真機調試 06:42
10【微信子頁面】WebView方式創建子頁面 13:18
11【微信子頁面】WebView方式創建子頁面 208:03
12【微信子頁面】webView子頁面效果演示 06:58
13【微信子頁面】底欄Tab頁面切換 08:52
14【微信子頁面】打開微信聊天子頁面 15:08
15【微信子頁面】聊天頁面效果展示 04:25
16【微信子頁面】頁面間傳值 12:19
17【相冊】Html5訪問手機相冊,發送單張圖片 14:55
18【相冊】Html5訪問手機相冊,發送多張圖片 08:44
19【攝像頭】Html5訪問手機攝像頭,發送拍攝照片 16:40
20【搖一搖】獲取重力感應 08:36
21【搖一搖】監控重力感應及搖一搖實現邏輯 04:28
22【微信子頁面】發現頁面 14:10
23【朋友圈】朋友圈頁面布局 19:23
24【朋友圈】下拉刷新 17:41
25【朋友圈】上拉加載 04:13
26【事件】移動端事件 13:47
27【其他】MUI其他相關 10:52
28【案例包】項目案例包效果展示 05:42
29【案例包】項目案例包源碼獲取 06:02
30【應用退出】應用程序退出實現 10:20
31【打包部署】應用程序云端打包與發布 05:09
Mui視頻教程部分
MUI – dialog對話框、ipnut (表單).mp4
MUI – datepicker(時間選擇器).mp4
MUI 介紹、新項目創建、 基礎布局.mp4
MUI – 窗口管理及窗口之間的數據傳遞.mp4
MUI – 復選框、單選框、使用js獲取選擇值.mp4
MUI – cardview(卡片視圖)、mask(遮罩蒙版).mp4
MUI – accordion(折疊面板)、button(按鈕).mp4
h.js 使用教程.mp4
MUI – actionsheet(操作表)、badge(數字角標).mp4
MUI – slide(輪播組件).mp4
APP與服務器之間的交互原理、MUI Ajax使用.mp4
MUI – progressbar(進度條)、滑塊及switch開關.mp4
MUI – 事件管理及自定義事件詳解.mp4