第一部分 快速上手
1.1 感受AngularJs四大核心特性(MVC, 模块化,指令系统,双向数据绑定)
1.2 搭建自动化的前端开发,调试,测试环境
- 代码编辑工具 (sublime)
- 断点调试工具 (AngularJS Batarang、chrome)
- 版本管理工具 (git、tortoisegit)
- 代码合并和混淆工具 (grunt)
- 依赖管理工具 (bower 适用于大型项目、轻量级Server---http-server)
- 单元测试工具 (karma 、jasmine)
- 集成测试工具 (Protractor)
第二部分 基本概念和用法
2.1 MVC
$scope
- $scope 是一个POJO(Plain Old JavaScript Object)
- $scope 提供了一些工具方法$watch()/$apply()
- $scope 是表达式的执行环境(或者说作用域)
- $scope 是一个树形结构,与DOM标签平行
- 子$scope对象会继承父$scope上的属性和方法
- 每一个Angular应用只有一个根$scope对象(一般位于ng-app上)
- $scope可以传播时间,类似DOM时间,可以向上也可以向下
- $scope 不仅是MVC的基础,也是实现双向数据绑定的基础
- 可以用angular.element($0).scope()进行调试
2.2 模块化与依赖注入;
2.3 双向数据绑定;
2.4 指令;
2.5 Service;
2.6 Provider;
2.7 表单;
2.8 综合实例 BookStore;
第三部分 核心原理解析
3.1 Parser;
3.2 双向数据绑定;
3.3 依赖注入;
第四部分 ng控件开发
4.1 用AngularJs 改写JQuery控件;
4.2 angularjs-ui;
4.3 移动控件库 ionic;
第五部分:TDD 和前端自动化测试
5.1 TDD;(测试驱动开发
5.2 详解Jasmine与Protractor;