| 移动应用开发概览 |
移动应用开发现状
移动应用开发的三种模式：
· 原生应用
· 网页应用
· 混合应用
iOS移动应用开发参考：
· 应用参考架构
· 开发语言
· 开发工具
· 应用发布与更新流程
Android移动应用开发参考：
· 应用参考架构
· 开发语言
· 开发工具
· 应用发布与更新流程 |
| Android原生与web应用开发 |
| Android应用程序的设计框架原理 |
1.了解Android的程序构建与接口、组件的关系
2.使用Intent
3.掌握资源文件的使用
4.了解Android的UI集成化的思想
5.了解安全性和权限
6.了解数据存储
7.了解Android的设计理 |
| Android web |
· 网络应用程序对比原生应用程序
· 网络编程入门指南 |
| 基本样式 |
· 添加Android CSS
· 添加Android 感观效果
· 使用jQuery 添加基本行为 |
| 高级样式 |
· 简单的点缀
· 在主屏幕上添加图标 |
| 动画 |
· 让主页滑动起来
· 添加Dates 面板
· 添加Date 面板
· 添加New Entry 面板
· 添加Settings 面板
· 将所有代码放在一起
· 自定义jQTouch |
客户端数据存储
|
· Web Storage
· Web SQL Database
· Web Database 错误编码 |
走向离线
|
· 离线应用程序缓存
· 在线Whitelist（白名单）和Fallback（备选）选项
· 创建动态Manifest 文件
· 调试 |
走向原生
|
· PhoneGap
· 使用Eclipse 和Android SDK 在本地构建应用程序
· 使用JavaScript 来控制手机 |
| iOS原生与web应用开发 |
典型iOS应用参考架构
|
界面层框架
中间层服务
驱动层接口
iOS 应用的运行过程解析 |
iOS移动触摸设备的新思路
|
· 为什么要选择移动互联网
· Apple的移动设备硬件 |
为iOS设备打造的项目
|
· 实现移动信息架构
· 移动设计的系统方法 |
针对iOS设备的Web开发
|
· Web开发工具
· 移动应用
· Web开发模型
· SDK开发模型 |
针对iOS设备的用户界面设计
|
· 用户界面设计
· 兼容iPhone和iPad的用户界面设计
· iPad类原生用户界面设计
· iPhone类原生用户界面设计 |
iPhone用户界面设计：简化思维
|
· 草绘用户界面
· 简化思维
· 草绘剖析
· 使用工具来设计
· 使用Adobe Fireworks来设计 |
iPad用户界面设计：逆向思维
|
· 草绘用户界面
· 逆向思维
· 使用工具进行设计
· 使用Adobe Fireworks来设计 |
| WebKit所支持的Web标准：充分发挥Mobile
Safari的能力 |
· iPhone和iPad的Web表现对比
· HTML5
· CSS3
· JavaScript |
原生iOS环境开发
|
· 配置环境
· 视口的定义
· 全屏模式应用
· 添加主屏幕图标
· 应用启动图片
· 应用重定向
· 配置Head标签部分
· 原生链接模拟
· 原生文本模拟
· 原生元素模拟
· 原生滚动模拟
· 原生iOS服务交互
· 触摸事件和手势交互
· 扩展iOS开发框架
· 用于编写代码的资源 |
原生iOS设计实现
|
· Phone页面模型的实现
· 实现类原生的页面结构
· iPhone原生界面模拟 |
优化iOS Web应用
|
· iPad和iPhone兼容性
· 性能优化
· 离线可用的Web应用
· 移动SEO |
| Hybrid
App（混合模式移动应用）框架与应用 |
| Hybrid App（混合模式移动应用） |
Hybrid App当前流行趋势特点
Hybrid App三种类型：
· 多View混合型，
· 单View混合型，
· Web主体型
PhoneGap、Cordova和AppCan的混合模式差异分析
|
Phonegap原理与应用
|
· PhoneGap框架的技术基石是什么？
· 基于PhoneGap开发HyBird App
· PhoneGap程序的运行的生命周期内的事件
· PhoneGap中的JavaScript
· 在PhoneGap中使用HTML5的表单
· PhoneGap通过HTML5技术操作本地系统的联系人
· 使用PhoneGap操作本地数据库
· PhoneGap 操作本地系统的Notification
· PhoneGap 获得Device的信息 |
Cordova原理与应用
|
· Cordova简介
· Cordova的多平台优势
· Cordova与Web技术的关系
· Cordova与混合移动应用开发
· Cordova所需要的技术准备 |
AppCan
|
AppCan体系结构解析
如何创建移动 APP
UI 基础框架
应用引擎
JS SDK
web/微信 APP
插件 API
平台概述
开发工具 IDE
开发指导 |
| Web前端框架与HTML5应用开发 |
HTML5的引入和概览
|
HTML5的功能和技术定位
HTML5和HTML相比的新增特性
为 HTML5 建立的一些规则：
HTML5的浏览器支持 |
HTML5 应用开发细节
|
· HTML5 标签语言
· HTML5表单
· HTML5 音频和视频播放
· 采用HTML5 Canvas绘制图形
· 使用HTML5 通讯APIs
· HTML5 Web Sockets
· HTML5 Web Workers
· 地理定位
· HTML5存储
· HTML5 服务器发送事件 |
Web前端框架概览
|
Web前端技术架构：
· 展示层：html，css
· 控制层：JavaScript
· 后端服务接口：ajax，restful，node.js
Web前端运行原理解析
Web前端当前开发趋势
典型的web前端开发框架：
· jQuery、
· AngularJS
· ReactJS
· Node.JS
· Prototype、
· Dojo
· YUI
· ZK、 |
Web前端框架实现原理
|
主流JS框架实现剖析：jQuery、AngularJS，ReactJS，Node.JS
浏览器工作原理
· Html加载
· Css渲染
· Js 处理
· 事件与响应的过程模型
· JavaScript对象生命周期管理
· JavaScript对象关系绑定：继承、多态
JS框架实现原理剖析
· 类库的组织
· JS事件响应模型
· Html对象注入方式
· 应用JS的绑定与注入 |
前端应用发展趋势和框架选择方法
|
前端应用发展的多平台化：PC、移动终端、HTML5
浏览器相关技术规范的发展趋势：
· 支持HTML5
· 静态转动态
· 支持更多媒体格式与操作
· 离线存储
· 后台服务
· …
前端框架选择建议
如何根据自己的应用需要组合框架，
联通大型web应用：前端框架组合范例参考 |
