Skip to content

Latest commit

 

History

History
293 lines (250 loc) · 6.55 KB

chapter1.md

File metadata and controls

293 lines (250 loc) · 6.55 KB

目录

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