AngularJS-Learning
NOTE: As of October 2016, there is a [new repo for collecting links to Angular 2] (https://github.com/jmcunningham/AngularJS2-Learning). I had plans of updating this ng 1 list to focus mostly on Angular 1.5, but I'm ready to move my efforts on to ng2. This repo will likely see little activity from me, though I will still accept PRs for anyone who wants to update this for ng 1.5.
A bunch of links to blog posts, articles, videos, etc for learning AngularJS. Feel free to submit a pull request if you have some links/resources to add. Also, I try to verify that the articles below have some real content (i.e. aren't 2 paragraph blog posts with little information) to ensure I'm not listing "fluff" pieces. If you have an idea for a better way to organize these links, please let me know. As I find similar posts in the "General Topics" section, I will break them out into their own categories.
I also blog about Angular and JavaScript topics at [my blog] (http://jmcunningham.net/).
NOTE: LINKS PRECEDED WITH A ** DISCUSS NEW STUFF IN ANGULAR 1.3. Google's post announcing the release of 1.3.0 is [here] (http://angularjs.blogspot.com/2014/10/angularjs-130-superluminal-nudge.html). And the [migration guide] (https://docs.angularjs.org/guide/migration#migrating-from-1-2-to-1-3) from 1.2 to 1.3.
NOTE 2: Soon, I plan to remove all links that deal with Angular 1.0 or 1.1. All links will be 1.2 and above.
Table of Contents
Books
Videos
Courses
Curation
Help
General Topics
- 11 Tips to Improve AngularJS Performance
- 50 Angular.js Examples
- A Developer’s Guide to Perform SEO on AngularJS Web Apps
- A Preview of Angular 2 and TypeScript in Visual Studio
- [Angular model objects with JavaScript classes] (https://medium.com/opinionated-angularjs/angular-model-objects-with-javascript-classes-2e6a067c73bc)
- [AngularJS Abstractions: Modules] (http://odetocode.com/blogs/scott/archive/2013/05/01/angularjs-abstractions-modules.aspx)
- [AngularJS: Advanced Design Patterns & Best Practices] (http://trochette.github.io/Angular-Design-Patterns-Best-Practices/#/intro)
- [Angular.js and IE8 caching] (http://www.jefclaes.be/2013/06/angularjs-and-ie8-caching.html)
- [AngularJS Cheat Sheet] (http://www.cheatography.com/proloser/cheat-sheets/angularjs/)
- AngularJS DOM manipulation with jqLite
- AngularJS’ Internals In Depth
- [AngularJS Performance Tuning for Long Lists] (https://tech.small-improvements.com/2013/09/10/angularjs-performance-with-large-lists/)
- AngularJS & SEO - finally a piece of cake
- AngularJS: The Bad Parts
- [Angularytics: The solution to tracking page views and events in a SPA with AngularJS] (http://gon.to/2013/06/03/angularytics-the-solution-to-tracking-page-views-and-events-in-a-spa-with-angularjs/)
- [Applying A Cached Response To An AngularJS Resource] (http://www.bennadel.com/blog/2432-applying-a-cached-response-to-an-angularjs-resource.htm)
- [Automatic JSON date parsing with AngularJS] (http://aboutcode.net/2013/07/27/json-date-parsing-angularjs.html)
- Best Practices for Building Angular.js Apps
- Building applications for Firefox OS using AngularJS
- [Building large apps with AngularJS] (http://www.pseudobry.com/building-large-apps-with-angular-js/)
- [Code Reuse in AngularJS] (https://www.phase2technology.com/blog/code-reuse-in-angularjs/)
- [Creating A RequireJS Service For AngularJS Applications] (http://www.bennadel.com/blog/2551-creating-a-requirejs-service-for-angularjs-applications.htm)
- Creating your first Angular 2 app: From authentication to calling an API and everything in between
- Custom Root URIs For User Profiles with AngularJS
- Debugging AngularJS Apps from the Console
- [Digging into Angular’s “Controller as” syntax] (https://toddmotto.com/digging-into-angulars-controller-as-syntax/)
- Dynamically Loading Controllers and Views with AngularJS/$controllerProvider and RequireJS
- [Enhancing AngularJS $log using Decorators] (http://solutionoptimist.com/2013/10/07/enhance-angularjs-logging-using-decorators/)
- [Environment Specific Configuration in AngularJS Using Grunt] (http://newtriks.com/2013/11/29/environment-specific-configuration-in-angularjs-using-grunt/)
- [Error Message Minification with MinErr] (http://kensheedlo.com/2013/08/15/error-message-minification-with-minerr.html)
- Everything about custom filters in AngularJS
- **Exploring Angular 1.3 - Angular-Hint
- [**Exploring Angular 1.3 - Stateful Filters] (http://blog.thoughtram.io/angularjs/2014/11/19/exploring-angular-1.3-stateful-filters.html)
- [Exploring Directives, $scope, DOM Rendering, And Timing In AngularJS] (http://www.bennadel.com/blog/2444-exploring-directives-scope-dom-rendering-and-timing-in-angularjs.htm)
- Exploring the Angular 1.5 .component() method
- [Form Autocomplete and Remember Password with AngularJS] (http://timothy.userapp.io/post/63412334209/form-autocomplete-and-remember-password-with-angularjs)
- Frictionless data preloading in AngularJS
- [Get Your Hands Dirty Refactoring in AngularJS] (https://www.safaribooksonline.com/blog/2014/04/08/refactoring-angularjs-get-hands-filthy/)
- [HashKeyCopier - An AngularJS Utility Class For Merging Cached And Live Data] (http://www.bennadel.com/blog/2472-hashkeycopier---an-angularjs-utility-class-for-merging-cached-and-live-data.htm)
- How I've Improved My Angular Apps by Banning ng-controller
- How to do loading spinners, the Angular way.
- [How to make your AngularJS app work in IE 8] (http://blog-it.hypoport.de/2013/08/24/how-to-make-your-angularjs-app-work-in-ie-8/)
- [How to use ngMessages in AngularJS] (http://www.yearofmoo.com/2014/05/how-to-use-ngmessages-in-angularjs.html)
- [HTML5 local storage with Angular JS] (http://www.amitavroy.com/justread/content/articles/html5-local-storage-with-angular-js/)
- [$http Response Interceptors] (http://blog.brunoscopelliti.com/http-response-interceptors/)
- [Interceptors in AngularJS and Useful Examples] (http://www.webdeveasy.com/interceptors-in-angularjs-and-useful-examples/)
- [Kickstart Your AngularJS Development with Yeoman, Grunt and Bower] (http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/)
- [Lazy Loading In AngularJS] (http://ify.io/lazy-loading-in-angularjs/)
- [Lazy prefetching of AngularJS partials] (http://blog.mgechev.com/2013/10/01/angularjs-partials-lazy-prefetching-strategy-weighted-directed-graph/)
- [Load a module on demand with AngularJS] (http://blog.getelementsbyidea.com/load-a-module-on-demand-with-angularjs/)
- [Loading AngularJS Components After Your Application Has Been Bootstrapped] (http://www.bennadel.com/blog/2553-loading-angularjs-components-after-your-application-has-been-bootstrapped.htm)
- [Logging Client-Side Errors With AngularJS And Stacktrace.js] (http://www.bennadel.com/blog/2542-logging-client-side-errors-with-angularjs-and-stacktrace-js.htm)
- Making Angular.js realtime with Websockets
- Making Skinny AngularJS Controllers
- Minimal Angular module/syntax approach using an IIFE
- [Minimizing initialization time in AngularJS] (https://medium.com/@_zaknelson/minimizing-initialization-time-in-angularjs-f8ae57e2cec3)
- [Mixing Static Content With ngSwitch And ngSwitchWhen In AngularJS] (http://www.bennadel.com/blog/2507-mixing-static-content-with-ngswitch-and-ngswitchwhen-in-angularjs.htm)
- [Modeling Data and State in Your AngularJS Application] (http://joelhooks.com/blog/2013/04/24/modeling-data-and-state-in-your-angularjs-application/)
- [**ngEurope: what's new in Angular 1.3?] (http://petermorlion.blogspot.com/2014/10/ngeurope-whats-new-in-angular-13.html)
- Optimizing AngularJS: 1200ms to 35ms
- 'Resolve' in AngularJS Routes, Explained as Story
- Resources to Master AngularJS
- [Responsive Website Using AngularJS] (http://www.innerhtml.com/responsive-website-using-angularjs.html)
- [Rich Object Models and Angular: Identity Maps] (http://blog.shinetech.com/2014/02/28/rich-object-models-and-angular-identity-maps/)
- [Rich Object Models and Angular.js] (http://blog.shinetech.com/2014/02/04/rich-object-models-and-angular-js/)
- [Sharing Data, State and Models on AngularJS: Alternatives, comparison and my solution] (http://gon.to/2013/05/01/sharing-data-state-on-angularjs-alternatives-comparison-and-my-solution/)
- [Sorting by Multiple Fields with Different Sort Orders Using the AngularJS orderby Filter] (http://htmlcssjavascript.com/javascript/sorting-by-multiple-fields-with-different-sort-orders-using-the-angularjs-orderby-filter/)
- The offline experience (or, saying goodbye to imperative data fetching)
- [The state of angularjs controllers] (http://jonathancreamer.com/the-state-of-angularjs-controllers/)
- The Top 5 Mistakes AngularJS Developers Make Part 3: Overusing $broadcast and $emit
- The Top 10 Mistakes AngularJS Developers Make
- Understanding Angular’s $scope and $rootScope event system $emit, $broadcast and $on
- Using RequireJS in AngularJS Applications
- [What stumped me about AngularJS] (http://www.peterbe.com/plog/what-stumped-me-about-angularjs)
- What’s the Role of the Server in Single Page Applications (SPAs)?
- You don't always need DI in AngularJS directives
Introductions/Beginning AngularJS (also look at the multipart articles)
Tutorial Series
Best Practices/Style Guides
Lessons Learned
Boilerplates/Seed Projects
Multipart Articles
- A Practical Guide to AngularJS Directives: Part 1, Part 2
- Angular Directives: A Beginner's Guide Part 1
- AngularJS Best Practices: I’ve Been Doing It Wrong!: [Part 1] (http://blog.artlogic.com/2013/05/02/ive-been-doing-it-wrong-part-1-of-3/), Part 2, Part 3
- AngularJs Bootstrap Components: Part 1 : Building Popover Directive, Part 2 : Building Collapse(Accordion) Directive, Part 3 : Building Tabs Directive
- AngularJS by Example Part 1, Part 2
- AngularJS In Depth: Part 1, Part 2: Filters
- AngularJS: Looking Under the Hood: Part 1, Part 2
- AngularJS Overview: 1:Getting started with AngularJS, 2:Creating an AngularJS Controller, 3:The AngularJS $scope is not the MVC Model, 4:Using repeating elements in AngularJS, 5:Filtering the data in an AngularJS ngRepeat element, 6:Using the #AngularJS FormController to control form submission, 7:Creating an #AngularJS Directive, 8:Using the DOM in an AngularJS application, 9:To SPA or Not to SPA
- AngularJS Tutorial by Jakob Jenkov: Introduction, Views & Directives, Events, AJAX, [Forms] (http://tutorials.jenkov.com/angularjs/forms.html), Custom Directives, Critiques
- Build a Sweet Photo Slider with AngularJS Animate: Part 1, Part 2:
- Building a blog using Flask and AngularJS Part 1, Building a blog using Flask and AngularJS Part 2
- Building a Google Calendar Booking App with MongoDB, ExpressJS, AngularJS, and Node.js Part 1, Part 2
- Building an Angular and Express App: Part 1 , Part 2
- Creating Extensible Widgets: [Part 1: jQuery to AngularJS in 30 seconds] (https://blog.thousandeyes.com/creating-extensible-widgets-part-1-jquery-to-angularjs/), [Part 2: AngularJS Directive Controllers] (https://blog.thousandeyes.com/creating-extensible-widgets-part-2-angularjs-directive-controllers/)
- Creating a Visualization App Using the Google Charts API and AngularJS: Part 1, Part 2, Part 3, Part 4
- Getting Started with elasticsearch and AngularJS: [Part1 - Searching] (http://www.fullscale.co/blog/2013/02/28/getting_started_with_elasticsearch_and_AngularJS_searching.html), [Part 2: Faceting] (http://www.fullscale.co/blog/2013/03/07/getting_started_with_elasticsearch_and-AngularJS_faceting.html), [Part 3: Visualization] (http://www.fullscale.co/blog/2013/03/20/getting_started_with_elasticsearch_and_AngularJS_d3.html)
- Google, Twitter & AngularJS: [1: Google, Twitter, and AngularJS] (http://dailyjs.com/2013/04/11/angularjs-1/), [2: Let's Make a Feed Reader] (http://dailyjs.com/2013/04/18/angularjs-2/), [3: Rendering Feeds] (http://dailyjs.com/2013/04/25/angularjs-3/), [4: Managing Feeds] (http://dailyjs.com/2013/05/09/angularjs-4/), [5: Tests] (http://dailyjs.com/2013/05/16/angularjs-5/), [6: Adding Dependencies] (http://dailyjs.com/2013/05/30/angularjs-6/), [7: Form Validation] (http://dailyjs.com/2013/06/06/angularjs-7/), [8: Iterators & Filters] (http://dailyjs.com/2013/06/13/angularjs-8/), 9: Installation
- Implementing SignalR Stock Ticker using Angular JS: Part 1, Part 2
- Introduction to AngularJS Part 1, Part 2
- Los Techies AngularJS Series: Table of Contents: Parts 1-12,
Part 1, Part 2: The Controller, Part 3: Inheritance, Part 4: Accessing Server Side Resources, Part 5:Pushing Data to the Server, Part 6: Templates, Part 7: Get Ready to Test, Part 8: More Choice When Testing, Part 9: Values and Constants, Part 10: Intermezzo, Part 11: Promises, Part 12: Multi-language Support, Part 13: Services, Part 14: End To End Tests, Part 15: End To End Tests & Mocking, Part 16: Forms
- Maintainable Rich Web Applications with AngularJS: [Part 1] (http://blog.akquinet.de/2013/01/22/maintainable-rich-web-applications-with-angularjs/), [Part 2] (http://blog.akquinet.de/2013/03/21/maintainable-rich-web-applications-with-angularjs-part-2/)
- The 7 steps to becoming and AngularJS expert, Part 2: Scopes, Part 3: Data-binding, Part 4 and 5: Expressions and directives, Part 6: Services
- Translation and Localization with AngularJSTranslation and Localization with AngularJS Part 1Part 2
Sample Apps
Scopes & Compile
Dependency Injection
Directives
Services/Providers
Routing
Promises/Deferred
Authentication
Collections (& ngRepeat Stuff)
Code Organization
Testing
RESTful Stuff
Localization
UI Stuff
Integration With Other Languages/Frameworks
Hosted Backends
Mobile
Popular Third-Party Modules
Text editor bundles/IDE Stuff
This is a curated list of links to blog posts, articles, videos, courses, and books for learning AngularJS (the 1.x version of the framework).