2014年度最强AngularJS资源合集

2014年度最强AngularJS资源合集

奇鸟软件

发表于 2014-06-30 10:54:08

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

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

一、了解AngularJS 

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

二、中文资源 

1.  中文系列资源 

• AngularJS系列教程文章 – 大漠穷秋
• AngularJS入门系列教程 – AngularJS中文社区
• AngularJS学习笔记 – 邹业盛
• AngularJS精彩问答 - 知乎

2.  其他单篇文章 

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

3.  中文书籍 

• 《使用AngularJS开发下一代WEB应用》

三、英文资源 

1.  AngularJS入门教程 

• AngularJS傻瓜教程系列
• AngularJS移动开发权威指南
• AngularJS 30分钟入门
• 60分钟掌握AngularJS
• 使用AngularJS的10个理由
• AngularJS中Providers之间的差异
• AngularJS过滤
• 针对jQuery开发者的AngularJ教程
• Web开发者应该了解AngularJS的10个理由
• Angular Js：何时应该使用Directive、Controller和Service？
• 30秒从jQuery转到AngularJS

2.  AngularJS指令学习 

• 为jQuery插件构建AngularJS指令
• 为D3.js条形图构建AngularJS指令
• www.directiv.es：AngularJS指令库
• Angular-localStorage
• Videogular：一个基于AngularJS的HTML5视频播放器
• Angular-cache
• 可用于Twitter Bootstrap的Angular指令
• Angular的图表指令和服务
• 表排序

3.  AngularJS应用开发实战 

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

4.  AngularJS游戏开发 

• <a href="http://www.sitepoint.com/angularjs-tutorial-build-an-app-using-directives-and-%3E%E5%9F%BA%E4%BA%8ECoffeeScript%E5%92%8CAngularJS%E7%9A%84%E7%94%BB%E5%9C%88%E6%89%93%E5%8F%89%E6%B8%B8%E6%88%8F%3C/a%3E%3C/li%3E%3Cli%20style=" margin-bottom:="" 0.25em;="" margin-left:="" 30px;"="" style="box-sizing: border-box; color: rgb(51, 122, 183); text-decoration: none; background-color: transparent;">超级马里奥卡片翻转游戏

5.  AngularJS工作流程和测试 

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

6.  AngularJS书籍 

• 《AngularJS in Action》
• 《The Beginner’s guide to AngularJS》
• 《Mastering Web Application Development with AngularJS》 

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