基于HTML5的前端开发应用最佳实践-易程培训-软件研发管理培训、咨询服务
首页 | 快捷通道:我是

关注的讲师:

分享到:
公开课
基于HTML5的前端开发应用最佳实践

开课地点:成都
开课时间:2017-10-23至2017-10-26
课程费用:5800 元/人
课程简介:

一、  培训特色

1.  讲授HTML5的基本概念、核心技术、主要特性与产品应用,以及在HTML5投入实际产品运用时需注意的问题;

2.  本课程结合实践讲述主流移动端开发框架,HTML5混合应用开发等;

3.  本课程将指导学员动手完成移动端HTML5混合应用开发案例,操作摇一摇、语音、相册等实际开发内容;

二、  培训目标

通过一个完整的沙盘项目及一组实际应用场景设计案例,完全覆盖HTML5移动端开发的实践应用,包括HTML5新特性、Html5表单、拖拽、移动端响应式布局、Web存储、离线应用、地理位置定位、移动端开发框架、混合应用开发、Html5+规范等。

培训过程强调互动式教学、强化团队讨论,将专门安排时间用于讨论、练习(具体比例可视学员的情况进行调整)。但这一做法需要学员的积极参与,尽可能地将实际项目中地各种问题拿出来讨论,这要求学员前期做一定地准备工作。本课程通过培训使学习者达到如下目标:

1.  使参训人员了解HTML5特性及趋势

2.  了解移动端开发注意事项

3.  了解主流的开发框架

4.  通过案例开展移动端开发实战

三、  课程大纲

时间

知识模块

授课纲要

第一天

HTML5基础

移动互联网时代下的HTML5

l  HTML5与传统的Native App

l  HTML5与hybrid APP

l  HTML5与Web APP

聒噪的移动端框架

l  “大名鼎鼎”的JQM

l  当成的Phonegap如何的Cordova

l  风生水起的react native

l  API Cloud与DCloud之争

HTML5移动端加强

l  手机浏览器的特点;

l  移动端事件;

l  viewpoint 视口;

TML5的困惑

l  移动端手势响应

l  如何调用硬件系统(重力感应等)

l  如何进行应用打包并发布

HTML5 APP对比与发展

HTML5应用开发DCloud框架MUI

l  HTML5应用开发工具篇

l  HTML5 APP Android真机联调

l  HTML5 APP IOS真机联调

l  HTML5 APP Android应用打包

l  HTML5 APP IOS应用打包

第二天

HTML5如何快速实现移动端UI及交互设计

HTML5移动端UI框架组件

l  轮播图片

l  文字图标

l  九宫格、分页九宫格

l  Action Sheet

l  图文列表(箭头、数字角标)

l  侧滑导航

l  可拖动选项卡

l  底栏选项卡

实战:HTML5移动端手势——微信

l  朋友圈页面上拉加载

l  朋友圈页面下拉刷新

l  朋友圈页面双击状态栏页面滚动到顶部

l  朋友圈页面Ajax与Json/JsonP调取后台数据

HTML5微信案例项目实战

实战:HTML5移动端UI组件——微信

l  微信首页面Div模式

l  微信首页面WebView模式

l  页面初始化

l  创建子页面

l  打开新页面

l  关闭页面

l  页面间传值

HTML5如何完成手机端硬件传感器调用

HTML5移动端APP访问硬件系统

l  什么是HTML5+

l  重力感应

l  相册

l  摄像头

l  二维码

l  调用原生Action Sheet

实战:HTML5移动端APP手机硬件——微信聊天页面

HTML5移动端手势

l  HTML5手势缺陷

l  HTML5移动端手势支持

l  移动端Tap事件

l  移动端滑动事件

l  移动端拖放事件

l  自定义事件

l  事件触发

第三天

集成IDE出现,weX5框架的前世今生

WeX5简介

l  安装及启动

l  开发工具介绍

l  实战案例:欢乐捕鱼App

l  准备游戏

l  生成App

l  运行App

H5 App简介

l  开发原理、开发过程

l  实战案例: Hello World App

l  开发App、生成App

实战案例:记账本App

l  开发账目列表页

l  开发记一笔页

l  开发账目分类设置页

l  开发首页

l  生成App

实战案例:扫一扫App

l  使用扫描二维码插

l  同步训练

实战案例:仿淘宝App

l  首页

l  商品列表页

l  同步训练

前端模块化之路

前端三大工具:

l  Grunt介绍和应用

l  Gulp介绍和应用

l  Bower介绍和应用

Js模块化开发三大规范:

l  AMD  requirejs

l  CMD  seajs

l  CommonJS   nodejs

 

第四天

学习考核与业内经验交流

四、授课师资

老师  北航硕士,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、设计模式、架构思想,多年项目管理经验,千人教育培训经验。

五、培训费用

培训费5800元/人(含资料费、场地费、考试证书费、学习期间的午餐),食宿可统一安排,费用自理。请学员提交二寸彩照1张(背面注明姓名),身份证复印件一张。

本课程学习考核通过后颁发《高级HTML5架构师》证书。

 

讲师资料:


陈老师

陈老师  高级咨询师

16年软件研发、管理及咨询经验,擅长在实际环境中应用敏捷开发实践。

具有丰富的工程技术与项目管理实践经验,从其程序员、项目经理、CMMI/FPA功能点估算/敏捷咨询师、事业部总监、副总经理等各种技术与管理岗位获得的一手经验,令其可以站在企业管理者的角度,以更广的视角来理解敏捷开发,并能配合和推动非研发部门协作推广敏捷。

曾以技术骨干和项目经理等身份,组织和承担开发了国庆50周年直升机编队指挥系统、空军一基地GPS数据源系统、清华同方CCTV数字电视条件接收系统、航空材料研究院无损检测系统等项目,并在其中某些项目中实践敏捷。

曾在清华同方、普天集团、亚信科技等企业担任EPG骨干、组长;曾在斯福泰克、DNV ITGS等机构担任CMMI/敏捷咨询师。

曾在中国系统与软件改进年会 、中国软件技术大会、敏捷中国大会、MPD等国际国内会议从事敏捷演讲、翻译或主持工作。

在任泰克赛尔软件公司中国部门的咨询总监、ALM事业部总监、副总经理期间,主管敏捷研发管理工具的市场、销售、支持与咨询活动,在盛大、金山、腾讯、汉王科技等知名企业深入推动其工具应用与实施活动。

敏捷方向内训客户包括广州从兴(电信),金山软件(互联网),盛大在线(互联网),金蝶软件(ERP),腾讯科技(互联网),博彦科技(外包)、A8音乐网(互联网)、西门子数控(电子)等。



易程培训长期致力于面向软件研发团队的培训与咨询专业机构,专注于软件研发中心快速成长,提升软件研发团队技能、改善研发流程及研发产品创新能力。分享行业软件研发团队最佳管理实践,致力成为中国最专业权威的IT高端技术专业培训机构!

销售服务热线 010-56106823- CopyRight © 2009-2018 易程培训

京ICP备12043667号-1