基于HTML5的前端开发应用最佳实践

发布日期：2017-10-12 10:52     浏览次数： 次

基于HTML5的前端开发应用最佳实践

【招生对象】
各有关单位：
为响应工业和信息化部信息化高端人才培养的号召,中国电子标准协会培训中心特推出了HTML5移动端高级技术课程培训班，希望通过专业的HTML5技术与业界真实案例来全面提高移动端APP开发人员的建设水平，旨在培养专业移动端开发专家，更好地服务于企业信息化建设。现将相关事宜通知如下：
一、 培训特色
1. 讲授HTML5的基本概念、核心技术、主要特性与产品应用，以及在HTML5投入实际产品运用时需注意的问题；
2. 本课程结合实践讲述主流移动端开发框架，HTML5混合应用开发等；
3. 本课程将指导学员动手完成移动端HTML5混合应用开发案例，操作摇一摇、语音、相册等实际开发内容；
二、 培训目标
通过一个完整的沙盘项目及一组实际应用场景设计案例，完全覆盖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
第四天 学习考核与业内经验交流

培训费5800元/人（含资料费、场地费、考试证书费、学习期间的午餐），食宿可统一安排，费用自理。请学员提交二寸彩照1张（背面注明姓名），身份证复印件一张。
老师介绍
此课程由以下其中一位老师授课：
  张老师  北航硕士，HTML5专家。专注于项目管理、软件开发方法调优、软件建模与系统设计/架构等领域，熟悉主流的移动端开发平台，12年IT行业从业经验，6年教育及教育管理经验，对移动端HTML5产品设计与开发\对HTML5 Web App、HTML5混合应用开发关键技术有深刻了解和实践经验。
赵老师 软件工程硕士，北京财经学院项目部负责人，主要专业特长包括HTML5、移动前端、CSS3、AngularJS、React native、VueJS、BootStrap、JQuery、ZeptoJS、Ajax、JSON、JSONP、Mui框架等相关技术，对Html5应用开发及开发模式有深入研究，熟悉模块化开发，熟悉IT项目管理，熟悉ICONIX、Scrum等软件研发过程改进、详细设计、IT规划。擅长UML建模、MVC、设计模式、架构思想，多年项目管理经验，千人教育培训经验。