第1章 混合App开发简介

【教学导航】

1.1 什么是混合App开发

1.1.1 移动App开发的三种模式

1.1.2 混合App开发应用场景

1.2 混合App开发应用技术

1.2.1 MVC与MVVM架构模式

1.2.2 AngularJS简介

1.2.3 Cordova简介

1.2.4 ionic简介

1.3 本章小结

第2章 初识AngularJS

【教学导航】

2.1 快速体验AngularJS

2.1.1 AngularJS1与AngularJS2的区别

2.1.2 AngularJS的环境配置

2.1.3 第一个AngularJS程序

2.2 AngularJS的基本概念

2.2.1 AngularJS的模块与控制器

2.2.2 AngularJS作用域

2.2.3 AngularJS表达式

2.2.4 AngularJS的指令

2.2.5 自动化双向绑定

2.3 本章小结

第3章 AngularJS的指令

【教学导航】

3.1 指令的分类

3.2 AngularJS常用的内置指令

3.2.1 程序控制和数据绑定类指令

3.2.2 状态设置类指令

3.2.3 事件绑定类指令

3.2.4 访问流程类指令

3.2.5 加载处理类指令

3.3 AngularJS的自定义指令

3.3.1 directive()函数

3.3.2 自定义指令的约束

3.3.3 指令的作用域

3.4 本章小结

第4章 AngularJS相关原理

【教学导航】

4.1 AngularJS与MVVM

4.2 AngularJS的启动流程

4.3 脏检查机制

4.3.1 脏检查机制的实现原理

4.3.2 $watch函数

4.3.3 $apply函数

4.4 AngularJS与依赖注入

4.4.1 什么是依赖注入

4.4.2 JavaScript如何实现依赖注入

4.4.3 AngularJS中的依赖注入

4.5 本章小结

第5章 AngularJS的服务

【教学导航】

5.1 AngularJS创建服务

5.1.1 使用provider()函数创建服务

5.1.2 使用factory()函数创建服务

5.1.3 使用service()函数创建服务

5.1.4 使用value()和constant()函数创建服务

5.2 AngularJS内置服务

5.2.1 访问JavaScript全局对象

5.2.2 AngularJS路由

5.2.3 AngularJS中的Ajax访问

5.3 本章小结

第6章 AngularJS框架项目实战

6.1 项目实战——邀请名单

6.1.1 项目展示

6.1.2 项目分析

6.1.3 项目目录和文件结构

6.1.4 封装对象模型

6.1.5 编写业务逻辑

6.1.6 编写静态页面

6.1.7 添加数据绑定

6.2 项目实战——电影列表

6.2.1 项目展示

6.2.2 项目分析

6.2.3 项目目录和文件结构

6.2.4 接口API测试

6.2.5 搭建项目并封装自定义的JSONP服务

6.2.6 封装和测试数据对象模型

6.2.7 编写电影列表页面的控制器和模板

6.2.8 编写电影详情页面的控制器和模板

6.2.9 完成路由功能并整合项目

6.3 本章小结

第7章 ionic开发环境的安装与配置

【教学导航】

7.1 安装Android SDK

7.1.1 JDK的下载和安装

7.1.2 Android SDK的下载和安装

7.2 安装Node.js

7.2.1 Node.js和NPM简介

7.2.2 Node.js的下载和安装

7.3 安装Git

7.4 安装ionic和Cordova

7.4.1 ionic1与ionic2的区别

7.4.2 ionic和Cordova的安装

7.5 本章小结

第8章 快速体验ionic项目

【教学导航】

8.1 快速创建ionic项目

8.1.1 ionic的3种项目模板

8.1.2 下载项目模板

8.1.3 为项目添加Android平台支持

8.1.4 打包Android APK

8.2 ionic项目目录和文件结构

8.2.1 常用工作目录和重要文件

8.2.2 其他工作目录和文件

8.3 定制项目图标和启动页

8.4 本章小结

第9章 ionic CSS

【教学导航】

9.1 基本布局类样式

9.1.1 手机App常用布局方式

9.1.2 定高条块

9.1.3 内容区域

9.2 颜色和图标类样式

9.2.1 颜色

9.2.2 图标

9.3 界面组件类样式

9.3.1 按钮

9.3.2 列表

9.3.3 卡片

9.3.4 表单输入

9.3.5 选项卡

9.4 栅格系统类样式

9.4.1 基本行与列

9.4.2 指定列宽

9.4.3 指定列偏移

9.4.4 列表纵向对齐

9.4.5 响应式栅格

9.5 本章小结

第10章 ionicJavaScript（上）

【教学导航】

10.1 ionic JavaScript概述

10.1.1 ionic指令式组件

10.1.2 ionic服务式组件

10.2 基本布局组件

10.2.1 固定标题栏

10.2.2 内容区域

10.2.3 滚动条

10.2.4 滚动刷新

10.2.5 下拉刷新

10.2.6 手动控制滚动视图

10.3 ionic路由

10.3.1 路由状态机

10.3.2 模板视图与视图容器

10.3.3 路由的实现

10.4 界面组件

10.4.1 顶部导航栏

10.4.2 列表

10.4.3 表单输入

10.4.4 幻灯片

10.4.5 侧边栏菜单

10.4.6 选项卡

10.5 本章小结

第11章 ionic JavaScript（下）

【教学导航】

11.1 动态组件

11.1.1 模态对话框

11.1.2 上拉菜单

11.1.3 弹出框

11.1.4 浮动框

11.1.5 背景幕

11.1.6 载入指示器

11.2 手势事件

11.2.1 常用的手势事件

11.2.2 手动注册与解除手势事件

11.3 IndexedDB

11.3.1 IndexedDB简介

11.3.2 Object Store

11.3.3 请求的生命周期

11.3.4 IndexedDB的基本使用

11.4 本章小结

第12章 项目实战——Mall App

12.1 项目简介

12.1.1 项目展示

12.1.2 项目目录和文件结构

12.2 任务1——项目结构搭建

12.2.1 任务描述

12.2.2 任务分析

12.2.3 代码实现

12.3 任务2——引导页

12.3.1 任务描述

12.3.2 任务分析

12.3.3 代码实现

12.4 任务3——导航标签

12.4.1 任务描述

12.4.2 任务分析

12.4.3 代码实现

12.5 任务4——商城首页

12.5.1 任务描述

12.5.2 任务分析

12.5.3 代码实现

12.6 任务5——商品分类

12.6.1 任务描述

12.6.2 任务分析

12.6.3 代码实现

12.7 任务6——商品列表

12.7.1 任务描述

12.7.2 任务分析

12.7.3 代码实现

12.8 任务7——商品详情

12.8.1 任务描述

12.8.2 任务分析

12.8.3 代码实现

12.9 任务8——购物车

12.9.1 任务描述

12.9.2 任务分析

12.9.3 代码实现

12.10 任务9——个人中心

12.10.1 任务描述

12.10.2 任务分析

12.10.3 代码实现

12.11 本章小结