AngularJS 2014-10-22

前台代码起来越多，需要用一种更高效方式整合

MVC只是手段，终极目标是模块化和复用

第一部分：快速上手

1.1 感受AngularJS的4大核心特性

1.2 搭建开发、调试、测试环境

第二部分：基本概念和用法

2.1 MVC

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与Pracotor

tool:

http://www.oschina.net/p/angularjs-eclipse

module:

Jasmine

resource:

官方教程

http://woxx.sinaapp.com/

种子项目

https://github.com/angular/angular-seed

开源中国的 AngularJS 优秀文章汇总

http://www.oschina.net/news/54687/oschina-angular-articles-summary

http://jingyan.baidu.com/article/90895e0fb3495f64ed6b0b50.html

开发、调试、测试工具

代码编辑工具 - sublime 轻量级，建议使用

http://my.oschina.net/jayronwang/blog/287242  安装插件

代码编辑工具 - webstrom 重量级，功能强大

安装插件

断点调试工具 - chrome插件Batarang  针对angularjs进行调试

版本管理工具 - git + torgoisegit

http://msysgit.github.io/ git

http://download.tortoisegit.org/tgit/1.8.11.0/ torgoisegit

开发和调试工具 NodeJS

nodejs.org下载->安装->bin配置到环境变量

dos>npm install grunt

http://blog.csdn.net/zljjava/article/details/38824581 Error: ENOENT,

备：http://ibruce.info/2013/12/05/green-node-and-npm/ nodejs绿色版

代码合并和混淆工具 - Grunt

dos>grunt watch 每次修改文件就不用执行命令，grunt会自动监控

依赖管理工具 bower(相当于Java的maven) 如果开发时第三方插件不多，可以不使用，因为可以带来配置上的麻烦

dos>npm install jquery

dos>npm install bootstrap

dos>nmp uninstall jquery

轻量级server - http server 基于nodejs的简单服务器，可以将任一目录变成服务。用于后台未开发完，如进行简单的json模拟  

或者直接用apache

dos>http-server

单元测试runner - karma

karma-coverage运行覆盖率工

单元测试工具 － jasmine (相当于java的junit)

dos>karma start

专门为AngularJS定制的测试工具 - Protractor

dos>npm run protractor

第二部分：基本概念和用法

2.1 MVC

Angularjs的MVC是借助于$scope实现

$rootScope根作用域

firefox插件，查看scope,Inspect Angular Scope

2.2 路由，模块，依赖注入

ngRoute 路由

来源：oschina

链接：https://my.oschina.net/u/937675/blog/336250