AngularLearning

Angular.js 的一些学习资源


基础

  1. 官方: http://docs.angularjs.org angularjs官方网站已被墙,可看 http://www.ngnice.com/
  2. 官方zip下载包 https://github.com/dolymood/angular-packages已增加docs服务,输入地址即可,例如:http://blog.aijc.net/angular-packages/angular-1.3.15/docs/
  3. jquery?ag? : http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background
  4. ag note:https://github.com/joeylin/angular-note
  5. angularjs book:https://github.com/shyamseshadri/angularjs-book
  6. learning-angular:https://github.com/zafarali/learning-angular 以及我的翻译版本(ing)https://github.com/dolymood/learning-angular
  7. angular和require结合方式:https://github.com/tnajdek/angular-requirejs-seed
  8. 利用angular开发下一代Web应用(angular js) 【书】
  9. Lcllao的ag笔记:http://www.cnblogs.com/lcllao/archive/2012/10/18/2728787.html
  10. angular-service-or-factory ? 傻傻分不清楚?http://iffycan.blogspot.com.ar/2013/05/angular-service-or-factory.html 以及 https://github.com/tylermcginnis/AngularServices
  11. angular-injection http://iffycan.blogspot.com.ar/2013/07/angular-injection.html
  12. 利用angular开发下一代Web应用(angular js) 书https://github.com/aztack/AngularJS-translation
  13. 破狼的angular文章集合 http://www.cnblogs.com/whitewolf/category/404298.html
  14. 邹业盛 angular的学习笔记 http://zouyesheng.com/angular.html
  15. 吕大豹的angular文章合集 http://www.cnblogs.com/lvdabao/tag/AngularJs/
  16. 尘封の烟雨的angular文章合集 http://wangjiatao.diandian.com/?tag=angularjs
  17. 黑暗執行緒 的angular文章(繁体) http://blog.darkthread.net/blogs/darkthreadtw/archive/tags/AngularJS/default.aspx
  18. AngularJS 数据建模 http://blog.jobbole.com/54817/
  19. AngularJS 中的一些坑 http://blog.jobbole.com/52857/
  20. 中文版guide http://angular.duapp.com/guide
  21. angular tips http://angular-tips.com/
  22. ng-newsletter http://www.ng-newsletter.com/
  23. AngularJS 开发者最常犯的 10 个错误 http://www.oschina.net/translate/top-10-mistakes-angularjs-developers-make
  24. AngularJS 指令实践指南(二) http://blog.jobbole.com/62999/
  25. fse.guru http://www.fse.guru/angular-core-components-roles 以及作者其他相关的ng文章
  26. 深入理解AngularJS 的 Scope http://www.lovelucy.info/understanding-scopes-in-angularjs.html
  27. angularjs中文社区关于angular.js文章、教程 http://angularjs.cn/tag/AngularJS
  28. xufei的博客 https://github.com/xufei/blog/issues 一直在更新,荐,讲得很好!
  29. angularjs-internals-in-depth http://www.smashingmagazine.com/2015/01/22/angularjs-internals-in-depth/
  30. introduction-to-unit-testing-in-angularjs http://www.smashingmagazine.com/2014/10/07/introduction-to-unit-testing-in-angularjs/
  31. AngularJS Unit Testing – For Real, Though https://quickleft.com/blog/angularjs-unit-testing-for-real-though/
  32. Quick Starter Repository for Angular Material https://github.com/angular/material-start
  33. angular cheat sheet https://dncmagazine.blob.core.windows.net/downloads/AngularCheatSheet-DNCMagazine.pdf
  34. angular-translate https://github.com/angular-translate/angular-translate
  35. 推荐 15 个 Angular.js 应用扩展指令 http://www.oschina.net/translate/15-directives-to-extend-your-angular-js-apps
  36. A Guide To Transclusion in AngularJS http://teropa.info/blog/2015/06/09/transclusion.html
  37. AngularJS Tutorial - Learn AngularJS in 30 minutes http://www.revillweb.com/tutorials/angularjs-in-30-minutes-angularjs-tutorial/
  38. Translate your Angular.JS applications with gettext https://github.com/rubenv/angular-gettext
  39. 一个angular经验分享 http://www.alloyteam.com/2015/10/8723/
  40. Modeling Data and State in Your AngularJS Application http://joelhooks.com/blog/2013/04/24/modeling-data-and-state-in-your-angularjs-application/

示例

  1. 官方示例教程:http://docs.angularjs.org/tutorial/
  2. 我自己的 angular example
  3. 7步从菜鸟到专家(建议原文,可以直接看代码示例):http://blog.jobbole.com/46779/"
  4. 强大的ToDoMVC:https://github.com/tastejs/todomvc
  5. angular-ajax-upload 指导性质的http://iffycan.blogspot.com.ar/2013/08/angular-ajax-upload.html
  6. angular app https://github.com/angular-app/angular-app
  7. Fun with AngularJS! http://devgirl.org/2013/03/21/fun-with-angularjs/
  8. Angular指令及组件的全面范例 https://github.com/angular-cn/ng-showcase
  9. angular中的MVVM模式 http://greengerong.github.io/blog/2015/06/16/angularzhong-de-mvvmmo-shi/

视频

  1. angular视频教程 http://www.kittencup.com/category/video/angularjs/
  2. 阿里懒懒交流会AngularJS专场 http://www.imooc.com/view/203?utm_source=jobboleweibo
  3. 大漠穷秋讲的AngularJS实战 http://www.imooc.com/learn/156
  4. codeschool上的angular视频教程 http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro

方案,性能

  1. 使用AngularJS构建大型Web应用http://www.infoq.com/cn/news/2013/02/angular-web-app
  2. 优化1200=>35(建议去看看官方站点,从文章上来看,感触不深ps:个人观点) :http://blog.jobbole.com/51180/
  3. 模式指导:https://github.com/mgechev/angularjs-style-guide
  4. angularjs-performance-with-large-listshttp://tech.small-improvements.com/2013/09/10/angularjs-performance-with-large-lists/
  5. angularjs-my-solution-to-the-ng-repeat-performance-problemhttp://www.williambrownstreet.net/blog/2013/07/angularjs-my-solution-to-the-ng-repeat-performance-problem/
  6. angularjs-pitfalls-using-scopes http://thenittygritty.co/angularjs-pitfalls-using-scopes
  7. 只绑定一次 https://github.com/Pasvaz/bindonce
  8. 天猪的angular-lazyload
  9. 利用require.js动态加载路由文件的库 angularAMD https://github.com/marcoslin/angularAMD
  10. 事件代理angular-delegate-event
  11. angular最佳实践 http://www.lovelucy.info/angularjs-best-practices.html
  12. 如何组织大型JavaScript应用中的代码?http://kb.cnblogs.com/page/176541/
  13. databinding-in-angularjs http://stackoverflow.com/questions/9682092/databinding-in-angularjs/9693933#9693933
  14. AngularJS Best Practices http://www.artandlogic.com/blog/2013/05/ive-been-doing-it-wrong-part-1-of-3/
  15. Best Practice Recommendations for Angular App Structure https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub
  16. Superspeed your angularjs apps http://orangevolt.blogspot.com/2013/08/superspeed-your-angularjs-apps.html
  17. http://joshdmiller.github.io/ng-boilerplate/
  18. 为什么我们的angular应用总是很慢 http://www.zhex.me/blog/2013/11/22/why-out-angular-app-is-slow/
  19. angular性能优化心得 http://atian25.github.io/2014/05/09/angular-performace/
  20. angular-debounce https://github.com/shahata/angular-debounce
  21. 基于AngularJS的企业软件前端架构 http://www.infoq.com/cn/news/2014/05/angularjs-front-end-architecture
  22. angular data http://angular-data.pseudobry.com/
  23. AngularJS风格指南(包含各翻译版本) https://github.com/johnpapa/angular-styleguide
  24. 快速构建app angular-kickstart https://github.com/vesparny/angular-kickstart
  25. 动态加载controller https://github.com/DanWahlin/CustomerManager
  26. 通过少使用ng-controller来提升ng性能 http://teropa.info/blog/2014/10/24/how-ive-improved-my-angular-apps-by-banning-ng-controller.html以及该站其他关于ng文章
  27. AngularJS风格指南2 https://github.com/toddmotto/angularjs-styleguide
  28. angularjs的数据绑定 https://github.com/rchee/translation/blob/master/angularJS/databinding-in-angularjs.md
  29. Create, read, update, delete MongoDB collections via AngularJS. https://github.com/Unitech/angular-bridge
  30. Token-based AngularJS Authentication https://github.com/sahat/satellizer
  31. Virtual Scroll for AngularJS ngRepeat directive https://github.com/kamilkp/angular-vs-repeat
  32. AngularJS Data Table crafted for large data sets https://github.com/swimlane/angular-data-table/

组件(UI|module)类

  1. angular UI https://github.com/angular-ui
  2. Bootstrap directives for Angular:https://github.com/mgcrea/angular-strap
  3. Material design for Angular https://github.com/angular/material
  4. angular lib,包含了“事件代理、dialog、上传flow、图片预览imageViewer、进化版keydown(支持传入keycode)、mousewheel、滚动加载、选择内容selection”, https://github.com/dolymood/angularLib
  5. xufei大神的 ng-control
  6. find modules for angular http://ngmodules.org/

源码分析

  1. MVVM大比拼之AngularJS源码精析 http://www.cnblogs.com/sskyy/p/3709649.html
  2. 前端源码分析 http://www.html-js.com/article/column/693
  3. xuwenmin的源码分析 http://www.ifeenan.com/categories.html#angularjs-ref

其他集锦

  1. 一个资源集锦:https://github.com/jmcunningham/AngularJS-Learning
  2. 2013年AngularJS学习资源精选 http://blog.jobbole.com/54716/
  3. 2013年度最强AngularJS资源合集 http://www.iteye.com/news/28651-AngularJS-Google-resource
  4. xuwenmin的angular合集 http://www.ifeenan.com/categories.html#angularjs-ref
  5. 可以复制 AngularJS资源集合 http://www.csdn.net/article/2014-12-10/2823058-AngularJS

angular2

  1. angular2 学习资源集锦:https://github.com/timjacobi/angular2-education
  2. angular2 集锦2:https://github.com/angular-class/awesome-angular2