史上最全的Angular.js 的學習資源

Angular.js 的一些學習資源

---

基礎

1. 官方： http://docs.angularjs.org angularjs官方網站已被牆，可看 http://www.ngnice.com/；
2. 官方zip下載包 http://best.factj.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：http://best.factj.com/joeylin/angular-note
5. angularjs book：http://best.factj.com/shyamseshadri/angularjs-book
6. learning-angular：http://best.factj.com/zafarali/learning-angular 以及個人翻譯版本（ing）http://best.factj.com/dolymood/learning-angular
7. angular和require結合方式：http://best.factj.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以及 http://best.factj.com/tylermcginnis/AngularServices
11. angular-injection http://iffycan.blogspot.com.ar/2013/07/angular-injection.html
12. 利用angular開發下一代Web應用(angular js) 書http://best.factj.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的博客 http://best.factj.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 http://best.factj.com/angular/material-start
33. angular cheat sheet https://dncmagazine.blob.core.windows.net/downloads/AngularCheatSheet-DNCMagazine.pdf
34. angular-translate http://best.factj.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 http://best.factj.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/
41. An AngularJS module that gives you access to the browsers local storage with cookie fallback http://best.factj.com/grevory/angular-local-storage

示例

1. 官方示例教程：http://docs.angularjs.org/tutorial/
2. 我本身的 angular example
3. 7步從菜鳥到專家（建議原文，能夠直接看代碼示例）：http://blog.jobbole.com/46779/"
4. 強大的ToDoMVC：http://best.factj.com/tastejs/todomvc
5. angular-ajax-upload 指導性質的http://iffycan.blogspot.com.ar/2013/08/angular-ajax-upload.html
6. angular app http://best.factj.com/angular-app/angular-app
7. Fun with AngularJS! http://devgirl.org/2013/03/21/fun-with-angularjs/
8. Angular指令及組件的全面範例 http://best.factj.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. 模式指導：http://best.factj.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. 只綁定一次 http://best.factj.com/Pasvaz/bindonce
8. 天豬的angular-lazyload
9. 利用require.js動態加載路由文件的庫 angularAMD http://best.factj.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 http://best.factj.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風格指南（包含各翻譯版本） http://best.factj.com/johnpapa/angular-styleguide
24. 快速構建app angular-kickstart http://best.factj.com/vesparny/angular-kickstart
25. 動態加載controller http://best.factj.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 http://best.factj.com/toddmotto/angularjs-styleguide
28. angularjs的數據綁定 http://best.factj.com/rchee/translation/blob/master/angularJS/databinding-in-angularjs.md
29. Create, read, update, delete MongoDB collections via AngularJS. http://best.factj.com/Unitech/angular-bridge
30. Token-based AngularJS Authentication http://best.factj.com/sahat/satellizer
31. Virtual Scroll for AngularJS ngRepeat directive http://best.factj.com/kamilkp/angular-vs-repeat
32. AngularJS Data Table crafted for large data sets http://best.factj.com/swimlane/angular-data-table/

組件（UI|module）類

1. angular UI http://best.factj.com/angular-ui
2. Bootstrap directives for Angular：http://best.factj.com/mgcrea/angular-strap
3. Material design for Angular http://best.factj.com/angular/material
4. angular lib，包含了「事件代理、dialog、上傳flow、圖片預覽imageViewer、進化版keydown（支持傳入keycode）、mousewheel、滾動加載、選擇內容selection」， http://best.factj.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. 一個資源集錦：http://best.factj.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 學習資源集錦：http://best.factj.com/timjacobi/angular2-education
2. angular2 集錦2：http://best.factj.com/angular-class/awesome-angular2
3. 廣發證券前端團隊的【Angular2開發指南】 http://best.factj.com/gf-rd/blog/issues/21
4. Angular 2 中文資料彙總 http://best.factj.com/kittencup/angular2-learning-cn