【总结】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/

（后续再补充）