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

（后续再补充）