├── LICENSE └── README.md /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Tim Jacobi 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## ![AngularJS](http://i.imgur.com/jerfRGy.png) AngularJS Education 2 | 3 | ### *“A collection of useful resources to learn and improve your [AngularJS](http://www.angularjs.org) skills.”* 4 | 5 | If you want to add a resource please open a new issue or comment on an existing one. I will review the article as I'd like this list to be quality over quantity. 6 | 7 | ##### UPDATED REPO LINKS! 8 | For Angular 1.x education please visit https://github.com/timjacobi/angularjs-education 9 | 10 | For Angular 2+ education please visit https://github.com/timjacobi/angular-education 11 | 12 | #### Introductory 13 | * [Everything you need to understand to start with AngularJS](http://stephanebegaudeau.tumblr.com/post/48776908163/everything-you-need-to-understand-to-start-with) 14 | * [How do I “think in AngularJS” if I have a jQuery background?](http://stackoverflow.com/questions/14994391/how-do-i-think-in-angularjs-if-i-have-a-jquery-background) 15 | * [PhoneCat Tutorial App](https://docs.angularjs.org/tutorial) 16 | * [Demystifying Angular Directives](https://www.youtube.com/watch?v=0r5QvzjjKDc) 17 | * [CodeSchool - Shaping up with AngularJS](http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro) 18 | * [AngularJS Form Validation](http://scotch.io/tutorials/javascript/angularjs-form-validation) 19 | 20 | #### Best Practices 21 | * [Main principles for good Angular architecture](http://www.fse.guru/angularjs-angular-way) 22 | * [ANGULARJS BEST PRACTICES: I’VE BEEN DOING IT WRONG!](http://www.artandlogic.com/blog/2013/05/ive-been-doing-it-wrong-part-1-of-3/) 23 | * [Angular services and useable patterns](http://www.metaltoad.com/blog/angular-services-and-useable-patterns) 24 | * [AngularJS Common Pitfalls Using Scopes](http://thenittygritty.co/angularjs-pitfalls-using-scopes) 25 | * [Service, Provider or Factory?](http://stackoverflow.com/questions/15666048/angular-js-service-vs-provider-vs-factory) 26 | * [GlobalCtrl vs $rootScope vs Service](http://stackoverflow.com/questions/17006054/angularjs-globalctrl-vs-rootscope-vs-service/17006410#17006410) 27 | * [Let's Make Full-Ass AngularJS Directives](http://joelhooks.com/blog/2014/02/11/lets-make-full-ass-angularjs-directives) 28 | * [AngularJS directive design made easy](http://seanhess.github.io/2013/10/14/angularjs-directive-design.html) 29 | * [Code Guidelines](http://www.fse.guru/angularjs-code-guidelines) 30 | * [AngularJS: "Controller as" or "$scope"?](http://codetunnel.com/angularjs-controller-as-or-scope/) 31 | * [AngularJS Data Models: $http VS $resource VS Restangular](http://sauceio.com/index.php/2014/07/angularjs-data-models-http-vs-resource-vs-restangular/) 32 | * [John Papa AngularJS Styleguide](https://github.com/johnpapa/angularjs-styleguide) 33 | * [Opinionated AngularJS styleguide for teams](http://toddmotto.com/opinionated-angular-js-styleguide-for-teams/) 34 | * [Angular model objects with JavaScript classes](https://medium.com/opinionated-angularjs/angular-model-objects-with-javascript-classes-2e6a067c73bc) 35 | * [How I've Improved My Angular Apps by Banning ng-controller](http://teropa.info/blog/2014/10/24/how-ive-improved-my-angular-apps-by-banning-ng-controller.html) 36 | * [Breaking Down AngularJS to Smaller Components](https://medium.com/@srph/breaking-down-angularjs-to-smaller-components-f2ab70a104d0) 37 | 38 | #### Visualisation 39 | * [Proper use of D3.js with Angular directives](http://odiseo.net/angularjs/proper-use-of-d3-js-with-angular-directives) 40 | * [Remastered Animation in AngularJS 1.2](http://www.yearofmoo.com/2013/08/remastered-animation-in-angularjs-1-2.html) 41 | * [Staggering Animations in AngularJS](http://www.yearofmoo.com/2013/12/staggering-animations-in-angularjs.html) 42 | * [Replacing (most of) d3.js with pure SVG + AngularJS](http://alexandros.resin.io/angular-d3-svg/) 43 | 44 | #### Advanced 45 | * [this vs $scope in AngularJS controllers](http://stackoverflow.com/questions/11605917/this-vs-scope-in-angularjs-controllers/14168699#14168699) 46 | * [What are the nuances of scope prototypal / prototypical inheritance in AngularJS?](http://stackoverflow.com/questions/14049480/what-are-the-nuances-of-scope-prototypal-prototypical-inheritance-in-angularjs) 47 | * [$watch, $digest and $apply](http://www.benlesh.com/2013/08/angularjs-watch-digest-and-apply-oh-my.html) 48 | * [Internationalisation with AngularJS](http://blog.trifork.com/2014/04/10/internationalization-with-angularjs/) 49 | * [AngularJS Websocket Service Example](http://clintberry.com/2013/angular-js-websocket-service/) 50 | * [Websocket and $rootScope.apply()](http://stackoverflow.com/questions/21658490/angular-websocket-and-rootscope-apply) 51 | * [Restangular on Angular](http://www.ng-newsletter.com/posts/restangular.html) 52 | * [Compile, Pre, and Post Linking](http://odetocode.com/blogs/scott/archive/2014/05/28/compile-pre-and-post-linking-in-angularjs.aspx) 53 | * [Rethinking AngularJS Controllers](http://toddmotto.com/rethinking-angular-js-controllers/) 54 | * [Rich Object Models and Angular.js](http://blog.shinetech.com/2014/02/04/rich-object-models-and-angular-js/) 55 | * [Everything about custom filters in AngularJS](http://toddmotto.com/everything-about-custom-filters-in-angular-js/) 56 | * [AngularJS Promises - The Definitive Guide](http://www.dwmkerr.com/promises-in-angularjs-the-definitive-guide/) 57 | * [Interceptors in AngularJS](http://www.webdeveasy.com/interceptors-in-angularjs-and-useful-examples/) 58 | * [A Journey With Trusted HTML in AngularJS](http://odetocode.com/blogs/scott/archive/2014/09/10/a-journey-with-trusted-html-in-angularjs.aspx) 59 | * [A 10 minute primer to the new Angular router (Jurgen Van de Moere)](http://jvandemo.com/a-10-minute-primer-to-the-new-angular-router/) 60 | 61 | #### Testing 62 | * [Full-Spectrum Testing with AngularJS and Karma](http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-karma.html) 63 | * [Advanced Testing and Debugging in AngularJS](http://www.yearofmoo.com/2013/09/advanced-testing-and-debugging-in-angularjs.html) 64 | 65 | #### Under the hood 66 | * [Make Your Own AngularJS: Scopes and Digest](http://teropa.info/blog/2013/11/03/make-your-own-angular-part-1-scopes-and-digest.html) 67 | * [Compile process](http://www.slideshare.net/EyalV/angular-js-compile-process) 68 | * [The nitty-gritty of compile and link functions inside AngularJS directives](http://www.jvandemo.com/the-nitty-gritty-of-compile-and-link-functions-inside-angularjs-directives/?utm_source=twitterfeed&utm_medium=twitter) 69 | * [AngularJS: The Provider Subsystem](http://anandmanisankar.com/posts/angularjs-provider-subsystem/) 70 | * [AngularJS Dependency Injection - Demystified](http://anandmanisankar.com/posts/angularjs-dependency-injection-demystified/) 71 | 72 | #### Performance 73 | * [AngularJS: Performance basics](http://www.fse.guru/angularjs-performance-basics) 74 | * [AngularJS: Performance tips](http://www.fse.guru/angularjs-performance-tips) 75 | 76 | #### Debugging 77 | * [Debugging AngularJS Apps from the Console](http://ionicframework.com/blog/angularjs-console/) 78 | * [Batarang Chrome Extension](https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=en) 79 | * [NG-Inspector Chrome Extension](https://chrome.google.com/webstore/detail/ng-inspector-for-angularj/aadgmnobpdmgmigaicncghmmoeflnamj?hl=en) 80 | 81 | #### Documentation 82 | * [API Docs Syntax](https://github.com/idanush/ngdocs/wiki/API-Docs-Syntax) 83 | 84 | #### Live Examples 85 | * [Recursive Tree View](http://jsfiddle.net/brendanowen/uXbn6/8/) 86 | * [Infinite Scroll](http://jsfiddle.net/vojtajina/U7Bz9/) 87 | * [Nested Views with UI-Router](http://plnkr.co/edit/3KgB5g?p=preview) 88 | * [Compile and linking processes](http://jsbin.com/ekIJUYU/2/watch?html,js,console,output) 89 | * [Resolve with UI Router, Restangular and Controller as](http://plnkr.co/edit/uGIUIcQNo5UFBWwJ3MUM?p=preview) 90 | 91 | #### Tooling 92 | * [ng-inspector](http://ng-inspector.org/) 93 | * [Batarang](http://blog.angularjs.org/2012/07/introducing-angularjs-batarang.html) 94 | * [Let's build: An AngularJS app with Browserify and Gulp](http://mindthecode.com/lets-build-an-angularjs-app-with-browserify-and-gulp/) 95 | 96 | #### Classes 97 | * [Angular Course](https://www.angularcourse.com) 98 | * [egghead.io - Video Tutorials](https://www.egghead.io/) 99 | 100 | #### Magazines/Blogs 101 | * [AngularJS Daily](http://www.angularjsdaily.com/) 102 | * [ng-newsletter](http://www.ng-newsletter.com/) 103 | * [Year of Moo](http://www.yearofmoo.com/) 104 | * [Ode to code](http://odetocode.com/) 105 | * [Todd Motto](http://www.toddmotto.com/) 106 | * [Angular Tips](http://www.angular-tips.com/) 107 | 108 | #### Presentations 109 | * [Models and Rest APIs on AngularJS with Restangular](http://www.parleys.com/play/535a189ee4b0c5ba17d43455/chapter1/about) 110 | 111 | #### Books 112 | * [Gechev, Minko - AngularJS in Patterns](https://github.com/mgechev/angularjs-in-patterns) 113 | * [Lerner, Ari - ngBook](https://www.ng-book.com/) 114 | 115 | #### Groups 116 | [AngularJS Meetup Groups around the globe](http://angularjs.meetup.com/) 117 | 118 | #### Conferences 119 | * [ng-conf, Salt Lake City](http://ng-conf.org/) 120 | * [ng-europe, Paris](http://ngeurope.org/) 121 | * [Angular Connect, London](http://angularconnect.com/) 122 | --------------------------------------------------------------------------------