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 路由