AngularJS是Google开源的一款JavaScript MVC框架,弥补了HTML在构建应用方面的不足,其通过使用指令(directives)结构来扩展HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。
AngularJS诞生以来,吸引了大量的目光,也迅速成为了Web开发领域的新宠。本文整理了2013年度一些非常有价值的AngularJS相关教程和资源,如果你想了解AngularJS或正在使用AngularJS,那么这些资源肯定会为你的学习和进阶过程带来帮助。
一、了解AngularJS
二、中文资源
1. 中文系列资源
- AngularJS系列教程文章 – 大漠穷秋
- AngularJS入门系列教程 – AngularJS中文社区
- AngularJS学习笔记 – 邹业盛
- AngularJS精彩问答 - 知乎
2. 其他单篇文章
- AngularJS 最佳实践
- 有jQuery背景的开发者如何建立起AngularJS的思维模式?
- 现在就开始使用AngularJS的三个重要原因
- 使用AngularJS构建大型Web应用
- Angularjs开发一些经验总结
- 5个示例带你学习AngularJS
3. 中文书籍
三、英文资源
1. AngularJS入门教程
- AngularJS傻瓜教程系列
- AngularJS移动开发权威指南
- AngularJS 30分钟入门
- 60分钟掌握AngularJS
- 在你的AngularJS应用中建模数据
- 使用$https创建服务
- 了解AngularJS的5个步骤
- AngularJS和RequireJS的动态加载控制器和视图
- 先进的设计模式和最佳实践
- AngularJS动画
- AngularJS Factory与RESTful服务的交互
- 使用Angular.js Factory获取远程数据
- 使用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游戏开发
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带来帮助。
20 楼 mangguo 2015-09-17 10:45
http://www.hubwiz.com/course/5599d367a164dd0d75929c76/
19 楼 Virtoway 2015-08-12 14:01
说到Angular JS
刚读到一片美国构架师的文章
关于使用Angular JS在Microsoft平台上进行编程,达到高效web管理
这个平台免费使用的
下载地址:http://www.asp.net/
请表叫我雷锋!
我手痒,顺带把那文章译啦 !博客里有http://www.iteye.com/topic/1141273
18 楼 mangguo 2015-02-28 10:27
后续的还会有angularJS的课程上线。
17 楼 mangguo 2014-11-12 18:00
16 楼 black.angel 2014-08-20 20:41
光就是小编整理的这些链接资料就值得点赞!!!!
小编辛苦了。
15 楼 damoqiongqiu 2014-08-11 12:12
14 楼 MatthewMay 2014-04-28 23:10
13 楼 前端谢亮 2014-01-09 18:23
https://github.com/RubyLouvre/avalon
http://www.cnblogs.com/rubylouvre/p/3181291.html
必须赞个
12 楼 scgy5555 2014-01-09 17:39
新手推荐两个都看看
11 楼 司徒正美 2014-01-08 23:22
https://github.com/RubyLouvre/avalon
http://www.cnblogs.com/rubylouvre/p/3181291.html
10 楼 司徒正美 2014-01-08 23:21
分别研究了一段时间Ember和Angular,最后我们采用了Angular
Angular代码看起来更清晰简洁,使用也更方便
Ember的Handlebars模板语言不是很习惯。
最大的硬伤是判断逻辑居然不支持js表达式,除了提供的几种判断函数以外如果需要扩展只能自己往Handlebars加插件。
还一个硬伤是不支持动画渐变的切换,虽然我找到了一个ember-animate的插件,但是最终也没弄明白应该怎么用
而且Ember的MVC+Router的模式限制比较死,对开发者要求高,学习成本也比Angular高不少。
就拿我自己来说,Ember.js我花了3天时间才大致写出来一个Demo
而Angular我只用了一下午
avalon只用一小时
https://github.com/RubyLouvre/avalon
比angular更易学更易入门,
性能更好(使用Object.defineProperty与VBScript实现更即时的双向绑定),
兼容性更好,IE6+(可以到我的五群,问一下 79641290)
例子更多更全面
也有一个小小的生态圈,有验证框架,UI框架,动画库,路由,AJAX
也有一些成功案例 http://www.cnblogs.com/rubylouvre/p/3468139.html
有专门的入门教程指导 http://www.cnblogs.com/rubylouvre/p/3181291.html
9 楼 key232323 2014-01-08 16:03
这篇文章最详细啊,高山仰止!
8 楼 ziguopu 2014-01-07 01:50
以及兼容性
7 楼 hantsy 2014-01-05 23:59
目前 AngluarJS 的生态圈比较完整, Github.com 上的流行的 AngluarJS 项目不少,比较出名的 AngularUI, 等等。
但 AngularJS 真的不简单,如果自己写 Directive, Filter, Factory/Service/Provider 的时候,就必须去了解它的生命周期。
我的 Github 账号上已经有好几个 AngluarJS 例子(包含 Authentication, CRUD ),针对不同技术输出后端 REST API,如 CakePHP,Zend2,Grails等。
https://github.com/hantsy
6 楼 aixinnature 2014-01-05 21:19
分别研究了一段时间Ember和Angular,最后我们采用了Angular
Angular代码看起来更清晰简洁,使用也更方便
Ember的Handlebars模板语言不是很习惯。
最大的硬伤是判断逻辑居然不支持js表达式,除了提供的几种判断函数以外如果需要扩展只能自己往Handlebars加插件。
还一个硬伤是不支持动画渐变的切换,虽然我找到了一个ember-animate的插件,但是最终也没弄明白应该怎么用
而且Ember的MVC+Router的模式限制比较死,对开发者要求高,学习成本也比Angular高不少。
就拿我自己来说,Ember.js我花了3天时间才大致写出来一个Demo
而Angular我只用了一下午
Angular确实是一个强大的前端框架,刚接触时感觉很惊艳,只用极少的代码就完成了平时写很多代码才实现的效果。不过比起Handlebars的模板语言,我更不喜欢html代码中间充斥着Angular的各种标记,没有深入的使用不敢妄评这种做法的好处与坏处,Angular的思想比较革命性,不是纯粹的MVC框架,入门容易,但深入学习,我个人暂时感觉很难融入。使用过backbone的同学应该更习惯EmberJs,Ember与backbone的思想更接近,并增强了不少,尤其是动态绑定(这个也是Angular的一大好处),MVC框架的思想也有些接近苹果Cocoa的MVC,代码虽然多一些,但也更容易理解,有IOS开发经验的同学应该更容易接受。这两个框架都是目前来说最有前途的前端框架,看个人习惯选择了
5 楼 yixiandave 2014-01-04 23:00
分别研究了一段时间Ember和Angular,最后我们采用了Angular
Angular代码看起来更清晰简洁,使用也更方便
Ember的Handlebars模板语言不是很习惯。
最大的硬伤是判断逻辑居然不支持js表达式,除了提供的几种判断函数以外如果需要扩展只能自己往Handlebars加插件。
还一个硬伤是不支持动画渐变的切换,虽然我找到了一个ember-animate的插件,但是最终也没弄明白应该怎么用
而且Ember的MVC+Router的模式限制比较死,对开发者要求高,学习成本也比Angular高不少。
就拿我自己来说,Ember.js我花了3天时间才大致写出来一个Demo
而Angular我只用了一下午
4 楼 flex_莫冲 2014-01-04 19:45
3 楼 wangguo 2014-01-04 15:27
看这一篇 Angular.js VS. Ember.js:谁将成为Web开发的新宠?
2 楼 w156445045 2014-01-03 20:44
1 楼 tianshaojie 2014-01-03 15:01