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