AngularJS 实战讲义笔记
2015-07-09 14:43
603 查看
第一部分 快速上手
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;
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;
相关文章推荐
- angular 富文本编辑器
- angular学习笔记一
- angularjs学习之八(angularjs中isolate scope的使用)
- 基于Angular+WebAPI+OData的增删改查
- AngularJS时间轴指令
- angularJS的核心特性
- AngularJS 课程
- angularjs开发常见问题-1(持续更新中...)
- AngularJS--directive
- 细说Angular ng-class
- angularjs学习之七(angularjs中指令的四种基本形式)
- angularjs学习之六(angularjs中directive指令的一般编程事件绑定 模板使用等)
- angular之scope.$watch
- Angularjs promise对象解析
- Tips on Rails 4: Assets Compression with Angular.j
- (十六)JQuery Ready和angularJS controller的执行顺序问题
- angular笔记
- 【转】AngularJS 取消对 HTML 片段的转义
- AngularJS取消对HTML转义
- angularJS基于WEB的静态页面模板