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.
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?
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.