Angular Learning Progression

Learn Angular Router for Real-World ApplicationsLearn Angular

There are quite a few modern concepts that go into what makes Angular function. Lets take a step back and look at them all. To start off, Angular utilizes template strings, classes, and the module system that ES6 (ECMAscript 2015) has brought us. As someone who is trying to learn the latest and greatest, these seemingly minor concepts can trip us up if they are completely foreign to us. Angular doesn't just stop at ES6 either. Typescript is another framework that Angular builds on by using decorators. In more complex applications, Angular works closely with RxJS to handle asynchronous data.

ES6 (ECMAscript2015)

If your initial reaction reaction to reading the above paragraph was "Oh no, I don't even know what this ES6 is" don't worry, has you covered! ES6 is the new standard for javascript that builds on what you are already using and will make your life easier once you understand it.  Learn ES6 (ECMAscript2015) will step you through the new features in easy to manage portions. From arrow functions to ES6 rest parameters, it's all there.


TypeScript is a superset of JavaScript that allows us to use static typing, classes and interfaces in our Javascript applications. One small but convenient result of using TypeScript is that our IDE will now be able to warn us of errors we are making while we type the code. Errors don't all have to be caught in runtime. Check out the  Use Types Effectively in TypeScript or Up and Running with TypeScript courses to get familiar with how to use Typescript in our applications.

For the most part, TypeScript is just ES6, so you should be solid if you understand ES6.


Whew, we are finally at the framework that you're interested in. 

Now that you are familiar with what went into Angular  you can really dive deep into the framework. It's recommended to start with Get Started with Angular to familiarize yourself with thinking in Angular . From there it depends on what you are interested in learning. A good path to go after is Build Angular Components, Learn the Basics of Angular Forms, and finally Angular Dependency Injection (DI) explained. Once you work through these courses you'll have a solid foundation to build on from there on out!

Everything you need for routing in Angular can be found here: Learn Angular Router for Real-World Applications

New to Angular and need help getting an app started?

There is a lot that goes on in Angular for even getting a `Hello World` app to run. The fastest way to get an app off the ground is the  Angular CLI. Another great approach is to use a service like  plunker which will let you start playing with Angular right in the browser.


RxJS is another library that Angular works well with. RxJS handles asynchronous data by using observable sequences.  Reactive programming can be scary for any programmer, try  Introduction to Reactive Programming to get the basics of what RxJS is doing. Once we are comfortable with how RxJS handles data, we can look at how well it can be integrated into an Angular app with: Reactive State Management in Angular with ngrx or Build Redux Style Applications with Angular, RxJS, and ngrx/store.