【课程价值点】

1.讲授HTML5的基本概念、核心技术、主要特性与产品应用，以及在HTML5投入实际产品运用时需注意的问题；
2.本课程结合实践讲述主流移动端开发框架，HTML5混合应用开发等；
3.本课程将指导学员动手完成移动端HTML5混合应用开发案例，操作摇一摇、语音、相册等实际开发内容；

【课程背景】

为响应工业和信息化部信息化高端人才培养的号召,中国信息化培训中心特推出了HTML5移动端高级技术课程培训班，希望通过专业的HTML5技术与业界真实案例来全面提高移动端APP开发人员的建设水平，旨在培养专业移动端开发专家，更好地服务于企业信息化建设。

【企业收获】

通过一个完整的沙盘项目及一组实际应用场景设计案例，完全覆盖HTML5移动端开发的实践应用,包括HTML5新特性、Html5表单、拖拽、移动端响应式布局、Web存储、离线应用、地理位置定位、移动端开发框架、混合应用开发、Html5+规范等。
培训过程强调互动式教学、强化团队讨论，将专门安排时间用于讨论、练习（具体比例可视学员的情况进行调整）。但这一做法需要学员的积极参与，尽可能地将实际项目中地各种问题拿出来讨论，这要求学员前期做一定地准备工作。本课程通过培训使学习者达到如下目标：
1.使参训人员了解HTML5特性及趋势
2.了解移动端开发注意事项
3.了解主流的开发框架
4.通过案例开展移动端开发实战

【课程大纲】

时间 知识模块 授课纲要
第一天 HTML5基础 移动互联网时代下的HTML5
HTML5与传统的Native App
HTML5与hybrid APP
HTML5与Web APP
聒噪的移动端框架
“大名鼎鼎”的JQM
当成的Phonegap如何的Cordova
风生水起的react native
API Cloud与DCloud之争
HTML5移动端加强
手机浏览器的特点；
移动端事件；
viewpoint 视口；
TML5的困惑
移动端手势响应
如何调用硬件系统（重力感应等）
如何进行应用打包并发布
HTML5 APP对比与发展 HTML5应用开发DCloud框架MUI
HTML5应用开发工具篇
HTML5 APP Android真机联调
HTML5 APP IOS真机联调
HTML5 APP Android应用打包
HTML5 APP IOS应用打包
第二天 HTML5如何快速实现移动端UI及交互设计 HTML5移动端UI框架组件
轮播图片
文字图标
九宫格、分页九宫格
Action Sheet
图文列表（箭头、数字角标）
侧滑导航
可拖动选项卡
底栏选项卡
实战：HTML5移动端手势——微信
朋友圈页面上拉加载
朋友圈页面下拉刷新
朋友圈页面双击状态栏页面滚动到顶部
朋友圈页面Ajax与Json/JsonP调取后台数据
HTML5微信案例项目实战 实战：HTML5移动端UI组件——微信
微信首页面Div模式
微信首页面WebView模式
页面初始化
创建子页面
打开新页面
关闭页面
页面间传值
HTML5如何完成手机端硬件传感器调用 HTML5移动端APP访问硬件系统
什么是HTML5+
重力感应
相册
摄像头
二维码
调用原生Action Sheet
实战：HTML5移动端APP手机硬件——微信聊天页面
HTML5移动端手势
HTML5手势缺陷
HTML5移动端手势支持
移动端Tap事件
移动端滑动事件
移动端拖放事件
自定义事件
事件触发
第三天 集成IDE出现，weX5框架的前世今生 WeX5简介
安装及启动
开发工具介绍
实战案例：欢乐捕鱼App
准备游戏
生成App
运行App
H5 App简介
开发原理、开发过程
实战案例： Hello World App
开发App、生成App
实战案例：记账本App
开发账目列表页
开发记一笔页
开发账目分类设置页
开发首页
生成App
实战案例：扫一扫App
使用扫描二维码插
同步训练
实战案例：仿淘宝App
首页
商品列表页
同步训练
前端模块化之路 前端三大工具：
Grunt介绍和应用
Gulp介绍和应用
Bower介绍和应用
Js模块化开发三大规范：
AMD requirejs
CMD seajs
CommonJS nodejs

第四天 学习考核与业内经验交流