【总结】AngularJs学习总结 – Harvey-he

应项目的需要,一个月之前开始做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/

(后续再补充)

 

 

 

 

 

本文链接:http://www.cnblogs.com/harvey-he/p/3226789.html,转载请注明。



You must enable javascript to see captcha here!

Copyright © All Rights Reserved · Green Hope Theme by Sivan & schiy · Proudly powered by WordPress

无觅相关文章插件,快速提升流量