3 Steps to Mastering Angular 2

Angular 2 seems like a daunting bit of framework to learn. I’ve heard several people express that it’s “too complicated” or “looks hard”. I will admit that when I first saw it, I had those exact same thoughts. The truth of it though, is that it’s actually neither of those things.

The most important thing with Angular 2 is to get started the right way. If you enter it with the wrong trajectory, it’s a bit like, well — a bit like this:

Ouch. That sort of entry into any activity is enough to make you never want to do it again. This is why I don’t skateboard anymore. David East apparently never gives up.

But I think learning Angular 2 shouldn’t require you to fall down a lot in order to master it. In fact, I know for a fact that it doesn’t because I have devised the perfect regimen for you to learn Angular 2. If you follow this plan accordingly, you will not only learn Angular 2, but you will also see its raw power, and come to appreciate the beauty of its design.

Step 1: Watch The “Getting Started In Angular 2” Video

Before you write any code, you’re just going to watch this video of other people doing it. Normally, this is not a good way to learn — at least for me. I have to learn by doing. But this session by Naomi Black and Rado Kirov from last year’s Angular Connect is exceptional and was extremely helpful for me. After watching this video, I thought, “I think I could do that!”

Step 2: Build The Heroes App

Now you’re going to go and build roughly the same app that is built in the video above, with some improvements, by completing the official tutorial on the Angular site. After watching the video, this tutorial will make a WHOLE lot more sense and you won’t have to do so much reading in the tutorial itself.

Step 3: Complete The NativeScript Getting Started Tutorial

This one is kind of a two-fer. Ordinarily, JavaScript frameworks are only good for building web apps. NativeScript allows you to use that same Angular 2 knowledge to build native mobile apps. I mean truly native. No webviews or Cordova here. This tutorial also teaches some advanced concepts of Angular 2, such as authentication, that the heros tutorial doesn’t get in to.

Note that the tutorial is going to take some time, but if you can set yourself to finishing it, you will know Angular 2 at an advanced level. Not only that, but you will have a solid understanding of TypeScript, and thusly ES6 as well AND you are now a native mobile app developer. You basically leveled up your entire life here. Pay those outstanding bills and you can phone your parents and tell them they were completely wrong about you.

Step 4: You Know Angular 2

If you made it through all three steps, you are now essentially the Richie Jackson of Angular 2. If Angular 2 were a skateboard (it isn’t, but if it were) this would be you — and you never had to hit the concrete!