【總結】AngularJs學習總結

應項目的須要，一個月以前開始作WebComponents、Javascript MVC框架的技術調研，因爲重點是想作組件化，因此就沒有考慮Backbone（去年就小試牛刀，太難用了)及其餘的mvc框架，因此重點看了Ploymer，ploymer也是google的庫，這個實在是將來的將來，不少東西都沒有成爲標準，如shadow dom也就chrome能夠很好的支持，因此最終放棄，再後看了facebook的react和twitter的flight，這倆個因爲版本太低，尚未正式發佈，也只好做罷，偶然的機會，結識了AngularJs,一會兒被他的特性吸引：

五大特性：

1.　　雙向數據綁定；

2.　　模板；

3.　　MVC，準確說是MVVM；

4.　　依賴注入；

5.　　指令（這個灰常強大，有了它咱們就能夠作組件了）；

關於着五大特性的介紹能夠參考Gbin1的這篇文章：

http://www.gbin1.com/technology/javascript/20120717-AugularJS-features/

看完這篇文章，也可讓本身對AngularJs有一個大致的瞭解！

 

若是想要經過AngularJs的官方文檔來學習Angular仍是有必定困難的，並且官方的示例也不是不少，他的Tutorial卻是還不錯，是以一個實際的項目作引導，一步步的瞭解AngularJs的種種特性，英文不錯的話卻是能夠看看，或者直接那Demo項目的源碼來看也是不錯地選擇；

 

學習AngularJs

1.　　開始學習以前應該先了解下AngularJs的原理及基本概念，達到知其然知其因此然；

　　　　基本概念及原理：

　　　　　　英文：http://docs.angularjs.org/guide/concepts

　　　　　　中文：http://www.angularjs.cn/#/A00q

2.　　學習完成AngularJs的原理及基本概念，就能夠跟着官方出品的Tutorial小試牛刀了，Tutorial的Demo項目是一個相似與中關村等的電子類產品報價介紹網站，只包含基本的手機列表和手機詳情！

　　　　　　英文：http://docs.angularjs.org/tutorial

　　　　　　中文：http://www.ituring.com.cn/minibook/303（中文的這份翻譯的文檔，在作單元測試的時候會有一點錯誤的說明，能夠轉回英文看一眼就好）

3.　　學習完成以上的AngularJs的知識，就能夠clone一份angular-seed大展拳腳了！不過下山大展拳腳以前，總要聽聽師傅（過來人）的忠告，推薦如下這倆篇博文：

　　　　　　塵埃落定的最佳實踐：http://www.lovelucy.info/angularjs-best-practices.html

　　　　　　破狼的經驗總結：http://www.cnblogs.com/whitewolf/archive/2013/03/24/2979344.html

4.　　好了！能夠下山了！

　　　　　　下載seed，開始闖蕩江湖吧！https://github.com/angular/angular-seed

 

如今的前端開發，有很是好的構建工具選擇，我首推grunt，grunt就像一個手動的IDE，闖蕩江湖，擁有這樣的上乘武功絕學，很是有必要；

 

使用Grunt構建AngularJs項目

使用grunt構建，讓你擁有飛通常的感受；

1.　　學習Grunt

　　　　若是你還不會使用Grunt，那這倆篇文章是很不錯的入門選擇：

　　　　http://docs.spmjs.org/contrib/simple-grunt

　　　　http://www.jankerli.com/?p=1628

 

2.　　使用ng-Boilerplate，一個開源的基於AngularJs的Grunt構建

　　　　https://github.com/joshdmiller/ng-boilerplate（強烈推薦）

 

其餘資料補充

AngularJs中文社區：http://www.angularjs.cn

Angular-UI：http://angular-ui.github.io/

（後續再補充）