前台代码起来越多,需要用一种更高效方式整合
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:
官方教程
种子项目
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://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 路由