Ang2

A Better Way to Learn Angular 2

The de facto roadmap for learning Angular 2. This tutorial series will teach you Angular 2's fundamental concepts paired with real world examples, descriptions, and screencasts.

Eric Simons Up to date (May '17) Angular 2

Introduction

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

However, Angular 2 is completely different than Angular 1. It's not as simple as running npm install to upgrade your Angular 1 apps to Angular 2. It's fundamentally a different framework — but it's based on the same ideas that originally made Angular 1 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 2 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 2 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 2.

Interestingly, this was exact same problem that Angular 1 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 Angular. 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 2. We'll cover how the framework has changed from Angular 1 (and in particular why it has changed), deep dives into prerequisite technologies like TypeScript & RxJS, the fundamental building blocks that Angular 2 exposes to developers, and real world examples from the Angular 2 RealWorld App repo every step of the way to solidify your knowledge.

Prerequisites

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.

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 2 (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.

Resources

Since Angular 2 is still in its infancy relative to other modern JavaScript frameworks, the number of encyclopaedic resources on it is still insufficient. Therefore, 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