2013年度最强AngularJS资源合集

小鱼儿 2022-08-10 17:49 132阅读 0赞

AngularJS是Google开源的一款JavaScript MVC框架，弥补了HTML在构建应用方面的不足，其通过使用指令（directives）结构来扩展HTML词汇，使开发者可以使用HTML来声明动态内容，从而使得Web开发和测试工作变得更加容易。

![6413fe30-ca51-37fb-a869-d32bfa41fd81.jpg][]   
**AngularJS诞生以来，吸引了大量的目光，也迅速成为了Web开发领域的新宠。本文整理了2013年度一些非常有价值的AngularJS相关教程和资源，**如果你想了解AngularJS或正在使用AngularJS，那么这些资源肯定会为你的学习和进阶过程带来帮助。   
  
**一、了解AngularJS **

*  [AngularJS维基百科][AngularJS]
 *  [专访AngularJS框架创始人Misko Hevery][AngularJS_Misko Hevery]
 *  [Angular.js VS. Ember.js：谁将成为Web开发的新宠？][Angular.js VS. Ember.js_Web]

**二、中文资源   
  
1.  中文系列资源 **

*  [AngularJS系列教程文章][AngularJS 1] – 大漠穷秋
 *  [AngularJS入门系列教程][AngularJS 2] – AngularJS中文社区
 *  [AngularJS学习笔记][AngularJS 3] – 邹业盛
 *  [AngularJS精彩问答][AngularJS 4] - 知乎

**2.  其他单篇文章 **

*  [AngularJS 最佳实践][AngularJS 5]
 *  [有jQuery背景的开发者如何建立起AngularJS的思维模式？][jQuery_AngularJS]
 *  [现在就开始使用AngularJS的三个重要原因][AngularJS 6]
 *  [使用AngularJS构建大型Web应用][AngularJS_Web]
 *  [Angularjs开发一些经验总结][Angularjs]
 *  [5个示例带你学习AngularJS][5_AngularJS]

**3.  中文书籍 **

*  [《使用AngularJS开发下一代WEB应用》][AngularJS_WEB]

**三、英文资源 **  
  
**1.  AngularJS入门教程 **

*  [AngularJS傻瓜教程系列][AngularJS 7]
 *  [AngularJS移动开发权威指南][AngularJS 8]
 *  [AngularJS 30分钟入门][AngularJS 30]
 *  [60分钟掌握AngularJS][60_AngularJS]
 *  [在你的AngularJS应用中建模数据][AngularJS 9]
 *  [使用$https创建服务][https]
 *  [了解AngularJS的5个步骤][AngularJS_5]
 *  [AngularJS和RequireJS的动态加载控制器和视图][AngularJS_RequireJS]
 *  [先进的设计模式和最佳实践][Link 1]
 *  [AngularJS动画][AngularJS 10]
 *  [AngularJS Factory与RESTful服务的交互][AngularJS Factory_RESTful]
 *  [使用Angular.js Factory获取远程数据][Angular.js Factory]
 *  [使用AngularJS的10个理由][AngularJS_10]
 *  [AngularJS中Providers之间的差异][AngularJS_Providers]
 *  [AngularJS过滤][AngularJS 11]
 *  [针对jQuery开发者的AngularJ教程][jQuery_AngularJ]
 *  [Web开发者应该了解AngularJS的10个理由][Web_AngularJS_10]
 *  [Angular Js：何时应该使用Directive、Controller和Service？][Angular Js_Directive_Controller_Service]
 *  [30秒从jQuery转到AngularJS][30_jQuery_AngularJS]

**2.  AngularJS指令学习 **

*  [为jQuery插件构建AngularJS指令][jQuery_AngularJS 1]
 *  [为D3.js条形图构建AngularJS指令][D3.js_AngularJS]
 *  [www.directiv.es：AngularJS指令库][www.directiv.es_AngularJS]
 *  [Angular-localStorage][]
 *  [Videogular：一个基于AngularJS的HTML5视频播放器][Videogular_AngularJS_HTML5]
 *  [Angular-cache][]
 *  [可用于Twitter Bootstrap的Angular指令][Twitter Bootstrap_Angular]
 *  [Angular的图表指令和服务][Angular]
 *  [表排序][Link 2]

**3.  AngularJS应用开发实战 **

*  [通过示例学习AngularJS——客户管理应用程序][AngularJS 12]
 *  [AngularJS和IndexedDB结合使用][AngularJS_IndexedDB]
 *  [AngularJS：构建一个可重用的点击编辑指令][AngularJS 13]
 *  [Play、Akka、AngularJS和Elasticsearch打造的实时日志搜索功能][Play_Akka_AngularJS_Elasticsearch]
 *  [使用Firebase和AngularJS打造自己的Google Reader][Firebase_AngularJS_Google Reader]
 *  [使用Phonegap、AngularJS和ExpressJS开发一个移动App][Phonegap_AngularJS_ExpressJS_App]
 *  [BirdWatch v0.2：基于AngularJS、ElasticSearch和Play Framework的Tweet流分析工具][BirdWatch v0.2_AngularJS_ElasticSearch_Play Framework_Tweet]
 *  [基于Solr和AngularJS的即时搜索工具][Solr_AngularJS]
 *  [Sortis：高级用户的Twitter客户端，初学者的跳板][Sortis_Twitter]
 *  [可定制的Twitter AngularJS时间轴][Twitter AngularJS]
 *  [AngularJS指令设计更轻松][AngularJS 14]

**4.  AngularJS游戏开发**

*  [基于CoffeeScript和AngularJS的画圈打叉游戏][CoffeeScript_AngularJS]
 *  [超级马里奥卡片翻转游戏][Link 3]

**5.  AngularJS工作流程和测试 **

*  [AngularJS的测试策略][AngularJS 15] \[视频\]
 *  [使用Combining Yeoman、AngularJS和Cordova开发移动App][Combining Yeoman_AngularJS_Cordova_App]
 *  [介绍Angular、Yeoman和Chrome应用程序][Angular_Yeoman_Chrome] \[视频\]
 *  [使用Jasmine测试Angular.js应用][Jasmine_Angular.js]
 *  [使用AngularJS和Karma进行全谱系测试][AngularJS_Karma]
 *  [使用Grunt插件创建AngularJS文档][Grunt_AngularJS]
 *  [ng-boilerplate：新的AngularJS项目的样板][ng-boilerplate_AngularJS]
 *  [基于AngularJS的Chrome Web检查器扩展][AngularJS_Chrome Web]
 *  [在Sublime Text中使用AngularJS包][Sublime Text_AngularJS]

**6.  AngularJS书籍 **

*  《[AngularJS in Action][]》
 *  《[The Beginner’s guide to AngularJS][The Beginner_s guide to AngularJS]》
 *  《[Mastering Web Application Development with AngularJS][]》

英文资源出处：[Syntaxspectrum][]。**希望上述资源可以为你在2014年深入学习AngularJS带来帮助。**

[6413fe30-ca51-37fb-a869-d32bfa41fd81.jpg]: /images/20220810/bcfc48e7876b4ab1a9ec1eb494f111c6.png
[AngularJS]: http://zh.wikipedia.org/wiki/AngularJS
[AngularJS_Misko Hevery]: http://www.iteye.com/magazines/121
[Angular.js VS. Ember.js_Web]: http://www.iteye.com/news/28275
[AngularJS 1]: http://damoqiongqiu.iteye.com/category/282002
[AngularJS 2]: http://angularjs.cn/T006
[AngularJS 3]: http://zouyesheng.com/angular.html
[AngularJS 4]: http://www.zhihu.com/topic/19837063
[AngularJS 5]: http://www.lovelucy.info/angularjs-best-practices.html
[jQuery_AngularJS]: http://www.infoq.com/cn/news/2013/11/how-to-think-angularjs
[AngularJS 6]: http://www.gbin1.com/technology/javascript/20130121-three-reasons-for-using-angularjs/
[AngularJS_Web]: http://www.infoq.com/cn/news/2013/02/angular-web-app
[Angularjs]: http://www.cnblogs.com/whitewolf/archive/2013/03/24/2979344.html
[5_AngularJS]: http://blog.jobbole.com/48979/
[AngularJS_WEB]: http://item.jd.com/11342818.html
[AngularJS 7]: http://code-like-a-poem.blogspot.com.au/2013/03/behold-angularjs-is-here-about.html
[AngularJS 8]: http://net.tutsplus.com/tutorials/javascript-ajax/5-awesome-angularjs-features/
[AngularJS 30]: http://www.revillwebdesign.com/angularjs-tutorial/
[60_AngularJS]: http://fastandfluid.com/publicdownloads/AngularJSIn60MinutesIsh_DanWahlin_May2013.pdf?utm_source=javascriptweekly&utm_medium=email
[AngularJS 9]: http://joelhooks.com/blog/2013/04/24/modeling-data-and-state-in-your-angularjs-application/
[https]: http://www.benlesh.com/2013/02/angularjs-creating-service-with-http.html
[AngularJS_5]: http://blog.revolunet.com/blog/2013/06/01/starting-with-angularjs/
[AngularJS_RequireJS]: http://weblogs.asp.net/dwahlin/archive/2013/05/22/dynamically-loading-controllers-and-views-with-angularjs-and-requirejs.aspx
[Link 1]: http://trochette.github.io/Angular-Design-Patterns-Best-Practices/
[AngularJS 10]: http://flippinawesome.org/2013/08/05/animating-with-angularjs/
[AngularJS Factory_RESTful]: http://weblogs.asp.net/dwahlin/archive/2013/08/16/using-an-angularjs-factory-to-interact-with-a-restful-service.aspx
[Angular.js Factory]: http://www.davidsalter.com/2013/08/16/using-angular-dot-js-factories-to-get-remote-data/
[AngularJS_10]: http://www.sitepoint.com/10-reasons-use-angularjs/
[AngularJS_Providers]: http://blog.xebia.com/2013/09/01/differences-between-providers-in-angularjs/
[AngularJS 11]: http://www.kidsil.net/2013/09/filtering-with-angularjs
[jQuery_AngularJ]: http://blog.artlogic.com/2013/03/06/angularjs-for-jquery-developers/
[Web_AngularJS_10]: http://wintellect.com/blogs/jlikness/10-reasons-web-developers-should-learn-angularjs
[Angular Js_Directive_Controller_Service]: http://kirkbushell.me/when-to-use-directives-controllers-or-services-in-angular/
[30_jQuery_AngularJS]: http://blog.thousandeyes.com/creating-extensible-widgets-part-1-jquery-to-angularjs/
[jQuery_AngularJS 1]: http://www.phloxblog.in/jquery-plugin-angular-js-directive-clean-html-approach/
[D3.js_AngularJS]: http://www.phloxblog.in/d3-js-angular-directive/
[www.directiv.es_AngularJS]: http://www.directiv.es/
[Angular-localStorage]: https://github.com/agrublev/Angular-localStorage
[Videogular_AngularJS_HTML5]: http://goo.gl/k1a49B
[Angular-cache]: http://jmdobry.github.io/angular-cache/
[Twitter Bootstrap_Angular]: http://angular-ui.github.io/bootstrap/
[Angular]: https://github.com/wesleyhales/angular-charts
[Link 2]: http://modernjavascript.blogspot.com.au/2013/10/angularjs-table-sort.html
[AngularJS 12]: http://weblogs.asp.net/dwahlin/archive/2013/10/25/learning-angularjs-by-example-the-customer-manager-application.aspx
[AngularJS_IndexedDB]: http://www.recursiverobot.com/post/53767548784/angularjs-with-indexeddb-using-a-helper-library
[AngularJS 13]: http://icelab.com.au/articles/levelling-up-with-angularjs-building-a-reusable-click-to-edit-directive/
[Play_Akka_AngularJS_Elasticsearch]: http://responsiblysourced.wordpress.com/2013/07/08/reactive-real-time-log-search-with-play-akka-angularjs-and-elasticsearch/
[Firebase_AngularJS_Google Reader]: https://www.firebase.com/blog/2013-07-16-build-your-own-feed-reader.html
[Phonegap_AngularJS_ExpressJS_App]: http://abou-kone.com/2013/07/17/developing-a-mobile-app-with-phonegap-angularjs-and-expressjs-part-i/
[BirdWatch v0.2_AngularJS_ElasticSearch_Play Framework_Tweet]: http://matthiasnehlsen.com/blog/2013/08/13/birdwatch-angularjs-elasticsearch-play/
[Solr_AngularJS]: http://www.opensourceconnections.com/2013/08/25/instant-search-with-solr-and-angular/
[Sortis_Twitter]: https://github.com/amirrajan/sortis
[Twitter AngularJS]: http://timothy.userapp.io/post/64117882900/customizable-twitter-timeline-for-angularjs
[AngularJS 14]: http://seanhess.github.io/2013/10/14/angularjs-directive-design.html
[CoffeeScript_AngularJS]: http://www.sitepoint.com/angularjs-tutorial-build-an-app-using-directives-and-data-binding/
[Link 3]: https://github.com/callmehiphop/mario-cards
[AngularJS 15]: http://www.youtube.com/watch?v=UYVcY9EJcRs
[Combining Yeoman_AngularJS_Cordova_App]: http://www.portlandwebworks.com/blog/combining-yeoman-angularjs-and-cordova-mobile-development
[Angular_Yeoman_Chrome]: http://www.youtube.com/watch?v=eUmDDxrvqSs
[Jasmine_Angular.js]: http://www.phloxblog.in/angular-js-tests-jasmine/
[AngularJS_Karma]: http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-karma.html
[Grunt_AngularJS]: https://github.com/m7r/grunt-ngdocs
[ng-boilerplate_AngularJS]: https://github.com/joshdmiller/ng-boilerplate
[AngularJS_Chrome Web]: https://github.com/angular/angularjs-batarang
[Sublime Text_AngularJS]: http://weblogs.asp.net/dwahlin/archive/2013/08/30/using-the-angularjs-package-for-sublime-text.aspx
[AngularJS in Action]: http://www.manning.com/bford/
[The Beginner_s guide to AngularJS]: https://leanpub.com/ng-book
[Mastering Web Application Development with AngularJS]: https://www.packtpub.com/angularjs-web-application-development/book
[Syntaxspectrum]: http://syntaxspectrum.com/2013/12/angularjs-highlights-best-of-2013/