目录

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商店上进行更新
  谢谢！