培训背景
通过一个完整的沙盘项目及一组实际应用场景设计案例,完全覆盖Android及iOS原生移动应用交互设计与开发;图形化及绘图开发;布局设计;大表单设计;界面优化;屏幕适配等开发技巧。HTML5移动端开发的实践应用,包括HTML5新特性、Html5表单、拖拽、移动端响应式布局、Web存储、离线应用、地理位置定位、移动端开发框架、混合应用开发、Html5+规范,前端自动化,工程化构建,前端MVVM框架简介等。
培训收益
1.使参训人员了解HTML5特性及趋势,对原生开发有进一步的认识;
2.了解移动端开发注意事项;
3.了解主流的前端开发框架;
4.通过案例开展移动端开发实战。
培训特色
1.培训过程强调互动式教学、强化团队讨论,将专门安排时间用于讨论、练习(具体比例可视学员的情况进行调整);
2.授课讲师会积极活跃课堂气氛,激发学员热情将实际项目中地各种问题拿出来讨论,达到实战练习目的。
课程大纲
日程 | 培训模块 | 内容 |
---|---|---|
第一天 上午 |
第一部分 Android图形化与绘图开发 |
●使用内置的Camera应用程序捕获图像 ●图像存储和元数据 ●使用Camera类 ●实现Camera对象 ●构建基于定时器的Camera应用程序 ●使用内置Gallery应用程序选择图像,在位图上绘制位图 ●Matrix类的方法 ●画布绘图 ●手指绘图 ●触摸事件 |
第一天 下午 |
第二部分 界面优化;屏幕适配 |
●Android-屏幕尺寸像素密度 ●Android中的px和dp ●Android中的sp ●Android中的mdpi ●支持各种屏幕尺寸的解决方案 ●支持各种屏幕密度的解决方案 ●实施自适应用户界面流程 ●listview万能适配 |
第二天 |
第三部分 ios图形化与绘图开发 |
●UIKit与Quartz 2D绘图技术 ●绘制视图,视图绘制周期,填充与描边,绘制图像和文本 ●Quartz图形上下文,Quartz路径,Quartz坐标变换,2D图形的基本变换,变换矩阵 ●图像处理 ●Core Image框架 ●人脸识别 ●人脸识别开发 |
第四部分 ios界面布局和多屏幕适配 |
●界面布局与屏幕适配 ●界面布局概述 ●iOS界面布局设计模式 ●表单布局模式 ●列表布局模式 ●网格布局模式 ●传统布局技 ●Auto Layout布局技 ●Interface Builder中管理Auto Layout ●iOS 9堆视图StackView ●堆视图与布局 ●iOS屏幕介绍 ●Size Class与iOS多屏幕适配 | |
第三天 |
第五部分 HTML5前端进阶开发 |
●集成IDE Hbuilder和webstorm ●前端常用框架和插件开发 ●swiper.js,zepto.js ●MUI,H5plus ●微信js SDK,微信小程序 ●前端MVVM框架简介 ●前端自动化构建 |
总结与答疑 | 总结所学内容,解答学员问题 |