目录
1 介绍
- 欢迎!
1 更新与勘误
2 本书词法约定
更新日志
新概念
1 ECMAScript 6\(ES6\)
2 TypeScript
3 转译
4 网络组件
2 Ionic 2 基础
- 第一课:生成一个Ionic 2应用
安装Ionic
生成第一个项目
添加平台
运行应用
更新应用
- 第二课:剖析Ionic项目结构
重要的文件和文件夹
其他次要相关
第三课:Ionic CLI命令
第四课:装饰器
Ionic 2 应用里的普通装饰器
总结第五课:类(Class)
什么是类?
Ionic 2 里的类
创建一个页面(page)
创建一个组件(component)
创建一个指令(directive)
创建一个管道(pipe)
创建一个注入体(injectable)
第六课:模板
*语法
循环
条件
Ionic 2模板组件第七课:样式与主题
介绍Ionic 2 的主题
Ionic 2 应用定制主题的方法第八课:导航(navigation)
推入(Push)和弹出(Pop)
Ionic 2基本导航
页面之间传递参数
导航组件
标签第九课:用户输入
双向数据绑定
表单生成器第十课:保存数据
本地存储
SQlite
Ionic存储第十一课:拉取数据,Observables与Promise
数组的映射和过滤
Observables和Promise
利用HTTP协议从服务端获取数据
从自己的服务端获取数据第十二课:本地功能
在Ionic 2中使用Cordova插件
3 快速列表(Quick List)
第一课:介绍
关于快速列表第二课:准备
生成一个新应用
制作需要的组件(Component)
制作需要的服务(Service)
制作模型(Model)
给App模块添加页面与服务
添加平台
添加Cordova插件
设置图片
总结第三课:基本布局
主页
清单页第四课:数据模型与观察者(Observables)
创建一个数据模型
添加一个观察者
总结第五课:制作清单和清单项
清单
清单项
总结第六课:保存和加载数据
保存数据
加载数据
总结第七课:制作介绍滑块并定制主题
滑块组件
主题定制
总结结论
接下来干什么?
4 GIFList(Gif列表)
- 第一课:介绍
关于GIF列表
课程结构 - 第二课:准备
生成一个新应用
创建需要的组件
创建需要的服务
给App模块添加页面与服务
添加平台
添加Cordova插件
设置图片
总结 - 第三课:列表页
Reddit提供商
布局
类定义
利用观察者控制搜索
总结 - 第四课:Reddit API和HTML5 Video
在iOS和Android上HTML5 Video的行为表现
从Reddit获取数据
播放Gif(视频)
在App浏览器中发起评论
加载更多Gif
更改subreddits
总结 - 第五课:设置
创建设置页面
以模态框的形式的打开设置页面
保存数据
总结 - 第六课:自定义样式
总结 - 结论
接下来做什么?
5 Snapaday
- 第一课:介绍
关于Snapaday
课程结构 - 第二课:准备
生成一个新应用
创建需要的组件
创建需要的服务
给App模块添加页面与服务
添加平台
添加Cordova插件
设置图片
总结 - 第三课:页面布局
主页
滑动展示页
总结 - 第四课:使用相机照片
创建一个Photo模型
创建一个简单的警告框服务
使用相机照相
将相片移动到永久存储空间
更新模板
总结 - 第五课:保存和加载图片
实现数据服务
总结 - 第六课:新建一个自定义的管道和所有相片的飞页(Flipbook)
新建一个自定义管道
新建一个图片滑动展示页
总结 - 第七课:整合本地通知与社交分享
本地通知
社交分享
总结 - 第八课:风格化
结论
接下来做啥子?
6 露营伴侣(Camper Mate)
- 第一课:介绍
课程结构 - 第二课:准备工作
生成一个新应用
创建需要用到的组件
创建需要用到的服务
往App Module里面添加页面与服务
添加需要用到的平台
添加需要用到的Cordova插件
设置图片资源
总结 - 第三课:新建一个标签页布局
- 第四课:用户输入和表单
- 第五课:实现Google地图和地理定位
Connectivity服务
Google Maps服务
实现Google Maps - 第六课:保存和取回数据
- 第七课:重用组件
- 第八课:风格化
结论
接下来干啥?
7 露营聊天软件(Camper Chat)
- 第一课:介绍
课程结构 - 第二课:准备工作
生成一个新应用
创建需要用到的组件
创建需要用到的服务
将页面和服务添加到App Module
添加需要用到的平台
安装PouchDB
添加需要用到的Cordova插件
设置图片资源
总结 - 第三课:登录页面和滑动菜单布局
- 第四课:使用Facebook做授权验证
设置一个FacebookApp
安装Facebook Connect插件
设置授权验证 - 第五课:创建信息和导航
添加信息 - 第六课:本地和远程PouchDB和云端后台(Cloudant,云端?)
创建一个云端数据库
整合PouchDB - 第七课:风格化与动画
基本风格化
创建动画
结论
接下来干啥?
8 测试 & 调试
- 测试 & 调试
浏览器调试
iOS调试
Android调试
小贴士与常见错误
使用GapDebug安装应用
9 构建与提交
- 准备素材
生成图标与启动屏幕
设置Bundle ID和App 名字
设置Cordova首选项
优化素材尺寸 - 在Mac或者PC上为iOS应用签名
在Mac上为iOS应用签名
在PC上为iOS应用签名 - 在Mac或者PC上位Android应用签名
给Android应用签名 - 使用PhoneGap构建程序构建iOS和Android(除MAC外)
使用PhoneGap构建工具构建应用 - 提交到Apple App Store
创建一个App Store表单
上传应用
提交审核 - 提交到Google Play
创建一个Android构建
提交应用到Google Play
利用Crosswalk上传多个APK - 在App商店上进行更新
谢谢!