AngularJS 1.x is more stable and mature and while Angular 2+ has taken off, there are many projects still using AngularJS. It still makes sense for web developers to learn AngularJS. In a few years that may change, but for now, AngularJS 1.x is still a viable alternative to React, Angular 2+, Vue.js and Ember and other frontend web frameworks.
If you’re interested in other Angular and AngularJS resources, check out the Learning AngularJS page.
Here are the top 25 awesome tutorials to learn AngularJS:
1. The Official AngularJS Tutorial
In this tutorial provided by the team that developed AngularJS, you will learn how to create templates, components, and how to work with two-way data binding. Dependency injection is also introduced in the tutorial.
Read the official AngularJS tutorial.
2. Year of Moo: AngularJS Guide
In this guide from Year of Moo (which I’ve linked to before for their unit testing guide for AngularJS), you will learn how to create components and services and how models and directives work. It goes in depth on how modules are created within AngularJS for organization of projects.
Read the Year of Moo AngularJS Guide.
3. Beginning AngularJS in 7 days
While the website has a lot of ads, the information on it is very good and is a good beginner tutorial for AngularJS. It goes into specifics on how to use REST resources with the $resource module and how to make HTTP requests with $http. What I like are the sections on filtering and sorting tables and form validation, two common tasks in web frontends.
Learn AngularJS in 7 days.
4. Todd Motto’s AngularJS Guide
Read Todd Motto’s Comprehensive Guide to AngularJS.
5. AngularJS: Getting Started (PluralSight)
The courses on PluralSight are all very high quality and easy to learn from. They even offer an AngularJS quiz so you can gauge what your own skill level. In this course they show you how to build controllers and directives. In particular it shows how to use the ng-click, ng-repeat, and ng-model directives.
Watch the AngularJS Getting Started video course on PluralSight.
6. Building a Mobile App with AngularJS 1.6 and Ionic
In the video course, they cover how to build a mobile web app that can be deployed for iOS and Android using the Ionic framework.
Watch the Building A Mobile App With AngularJS 1 and Ionic video course.
7. Creating a Quiz with AngularJS
Test yourself by building a quiz web app with AngularJS! Or just build the quiz app and learn how AngularJS works. What’s nice about this course is that it not only shows you how to build the components and controllers for the app, it also shows you how to style the app and how to move from one screen to another and to carry over data.
Watch the Creating a Quiz with AngularJS 1 course on Lynda.com.
8. Build a GMail clone with AngularJS
This is always fun, instead of a contrived project to build in order to learn AngularJS, you build a clone of an existing product. This was one of the best ways to teach game programming, making clones of popular games like Tetris or Super Mario World or Final Fantasy.
In the web development world, making a clone of Instagram (as I’ve done for Elm) or GMail with AngularJS as this course shows you, is an excellent way to learn a frontend web framework.
Read the tutorial to build a GMail clone with AngularJS.
9. Creating an app with AngularJS and Rails 4
In this tutorial, you learn how to create a Rails API that can be used with AngularJS. It shows you how to use the $http HTTP module to make requests to a backend server.
Read the beginners guide to a web app with AngularJS and Rails 4.
10. Hands-on AngularJS Tutorial
This tutorial shows you how to build an online movie booking app with AngularJS. There is a really good section on creating services.
Read the Hands-on AngularJS Tutorial.
11. Animate your site with AngularJS
Watch the Animate Your SIte With AngularJS video course.
12. How to create animations with ngAnimate [article]
This article embeds code snippets of AngularJS so you can see the code in action and modify it and learn from it. It shows you how to animate a list of items, and how to show and hide validation messages for form validation.
Read the How To Create Animations With ngAnimate article.
13. AngularJS Routing Using UI-Router
Routing in an SPA (single page application) is how a URL is translated into the right controller and view to display in the app. For example, a router determines how to route /hello to the HelloController and /world to the WorldController.
The UI Router is more advanced than the router included with AngularJS which makes it powerful enough to be the default for many AngularJS projects.
Read the AngularJS Routing Using UI-Router article.
14. Learn AngularJS 1.x Interactively
CodeAcademy has an interactive way to learn AngularJS where you are given the code for the tutorials, it is explained and you’re free to edit it. The course is nice because it has both free form projects and quizzes to test your knowledge of AngularJS.
Learn AngularJS interactively.
15. AngularJS Data Modeling
This is an intermediate video course that shows you how to use caching in your models, how to add validation and manage validation through sub-classes. It is a thorough course at 104 minutes and 13 lessons.
Watch the AngularJS Data Modeling video course.