A Better Way to Learn Angular


Angular is truly a better AngularJS. It has replaced a lot of the old cruft that was present in AngularJS and also exceeds the capabilities of other competing frameworks.

However, Angular is completely different than AngularJS. It's not as simple as running npm install to upgrade your AngularJS apps to Angular. It's fundamentally a different framework — but it's based on the same ideas that originally made AngularJS great, as well as some new ideas & technologies that have emerged in recent years.

Most tutorials assume you already know all of the technologies Angular depends on (TypeScript, RxJS, etc). They also fail to link to the docs and other relevant resources, leaving you with a very limited perspective on the framework. If you've tried learning how to use Angular and ended up with egg on your face, you're not alone. This is incredibly frustrating and was the primary motivation behind the creation of this course. We've gone to great lengths to ensure this course is the smoothest 0-60 experience for learning Angular.

Interestingly, this was exact same problem that AngularJS originally had in its early days. We ended up created "A Better Way to Learn AngularJS" to solve that problem for ourselves, and it ended up becoming the de facto resource for learning AngularJS. Indeed, history seems to have a way of repeating itself!

What this tutorial series will cover

This tutorial series is intended to teach you everything you need to know to build real world applications with Angular. We'll cover how the framework has changed from AngularJS (and in particular why it has changed), deep dives into prerequisite technologies like TypeScript & RxJS, the fundamental building blocks that Angular exposes to developers, and real world examples from the Angular RealWorld App repo every step of the way to solidify your knowledge.


Exposure to Angular and Javascript

Our Angular 1.5 + ES6 course is an excellent primer on building modern Javascript applications.

If you have never created an Angular application before and have limited Javascript experience, you might want to start by going through our super beginner friendly MEAN stack tutorial first.

Have Node.js and npm installed on your computer

If you don't, you can follow these instructions.

Install the Angular CLI

If you don't, you can follow these instructions.

General understanding of ES6

If you haven't heard of ES6 yet, it's basically new syntax and features for Javascript. We'll link to resources on specific aspects of it in the next tutorial, but here's a comprehensive list detailing most of ES6's features.

Knowledge of component-based development and web components

Components allow for a clear separation of concerns and allow you to build highly reusable code. Angular (and other frameworks like React and Ember) have adopted them, and this excerpt from our course on React does an excellent job of explaining what they're about.


The curriculum will employ a healthy number of excellent blogs in order to offer a more meaty perspective on respective topics.

Special thanks to...

  • Eric Simons, Stephen Rodriguez and Albert Pai for putting this series together
  • Brad Green and the Angular team for their support (and, of course, for the excellent framework they created)
  • All of our Pro members who helped fund the creation of this course
  • and many, many more <3

I finished! On to the next tutorial