AngularJs学习总结

2015-09-02 17:45

五大特性:

1.  双向数据绑定;

2.  模板;

3.  MVC,准确说是MVVM;

4.  依赖注入;

5.  指令(这个灰常强大,有了它我们就可以做组件了);

学习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构建AngularJs项目

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/