课程目标学习HTML5移动端混合应用开发,并完成微信项目实战,本课程介绍了MUI框架的使用,以及Hbublder工具的基本操作。适用人群本课程适合具有HTML与CSS基础,了解HTML5及CSS3,并想跨入HTML5移动端混合应用开发领域的同仁。 S |7 |6 S" z4 h2 E" v0 n, j$ ^
课程简介结合MUI框架完成HTML5移动端混合应用开发(微信实战) 本课程将介绍如何使用HTML5完成移动端混合应用开发,课程以移动端框架MUI为基础,以微信项目为目标,介绍MUI框架的使用,包含移动端排版布局,HTML5借助框架完成手机摄像头调用、手机相册调用、手机重力感应调用等特效,并最终完成微信案例项目
1【MUI框架】HTML5混合应用开发与MUI框架 12:285 W/ B$ v. Q: P2 x
2 MUI移动端框架初体验 05:42
3【微信主页】顶部标题栏 08:030 Y8 ]& V8 T; H x. d- M! b, j
4【微信主页】底部Tab导航 10:23* C3 Z' }: ], u1 e, I: l9 z
5【微信主页】底部Tab导航样式调整 04:55! u1 _8 d8 |! u, B
6【微信主页】图文列表 04:34
7【微信项目】整体效果展示 06:09+ ^" {' V; m, y9 O! T, A* w( r
8【微信子页面】DIV方式创建子页面 10:17. }* l3 Q+ ]) T: |/ }% j6 a {
9【真机调试】HTML5程序真机调试 06:42/ g6 F8 S" J9 k% F
10【微信子页面】WebView方式创建子页面 13:18
11【微信子页面】WebView方式创建子页面 208:03
12【微信子页面】webView子页面效果演示 06:58
13【微信子页面】底栏Tab页面切换 08:52, G' Q% ?+ M) f1 B1 X. S" C' n
14【微信子页面】打开微信聊天子页面 15:082 ]2 i, n0 `! E( F9 D6 g
15【微信子页面】聊天页面效果展示 04:25' ?: ^& g* y0 M& J% x, e
16【微信子页面】页面间传值 12:19
17【相册】Html5访问手机相册,发送单张图片 14:55
18【相册】Html5访问手机相册,发送多张图片 08:44# f+ f, M0 ]2 i1 ]( U: B$ p
19【摄像头】Html5访问手机摄像头,发送拍摄照片 16:40" ^" d1 d+ z6 b/ f, V
20【摇一摇】获取重力感应 08:36
21【摇一摇】监控重力感应及摇一摇实现逻辑 04:287 @: m; W3 C* w( r: u: s
22【微信子页面】发现页面 14:10/ v+ y6 w- c% K" h! f
23【朋友圈】朋友圈页面布局 19:23
24【朋友圈】下拉刷新 17:410 h" A" [8 i/ n9 k: ?
25【朋友圈】上拉加载 04:13
26【事件】移动端事件 13:47
27【其他】MUI其他相关 10:52
28【案例包】项目案例包效果展示 05:42
29【案例包】项目案例包源码获取 06:0
30【应用退出】应用程序退出实现 10:20
31【打包部署】应用程序云端打包与发布 05:090 i% k' S, J/ P
0 n# P. p u9 H
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 [/hide] |