Top 10 Angular 2 Beginner Tutorials

These are currently what I think are the Top 10 Angular 2 Beginner Tutorials available to you at the moment (as at November 2016). Tutorials to suit mostly skill level beginner developers.

1. 5 min Quickstart

quickstart
quickstart

This QuickStart guide demonstrates how to build and run a simple Angular application.

Tutorial

2. Angular 2 Cheat Sheet

Angular 2 Cheat Sheet
Angular 2 Cheat Sheet

A quick guide to Angular syntax. (Content is provisional and may change.)

Tutorial

3. Exploring Angular 2

Exploring Angular 2
Exploring Angular 2

Tutorial

4. Migrating to AngularJS 2.0

Migrating to AngularJS 2.0
Migrating to AngularJS 2.0

The team has announced that its next major version will be a complete re-write with no backwards compatibility.

Tutorial

5. Angular 2 Hello World (es5)

Angular 2 Hello World (es5)
Angular 2 Hello World (es5)

Angular 2 fully supports using es5 so you don’t have to use TypeScript or any other transpiler to get started. John walks you through writing your first component in es5, bootstrapping it, then adding another Angular 2 component to the template.

Tutorial

6. Ionic Series: Components

Ionic Series: Components
Ionic Series: Components

Angular 2 has changed significantly since this post was written. As such, please do not use this code verbatim. Instead, focus on the concepts below and then map them to the new syntax and API of Angular 2.0.0.

Tutorial

7. Tabs component in Angular 2

Tabs component in Angular 2
Tabs component in Angular 2

As a follow up, we now want to build yet another component that is widely used in a lot of applications: Tabs. Building tabs has always been the de facto example when it comes to explaining directive controllers in Angular.

Tutorial

8. An Introduction to Angular 2

An Introduction to Angular 2
An Introduction to Angular 2

DISCLAIMER: Angular 2 is still on a developer preview, so it has a lot of missing features, broken stuff and it is also subject to change.

Tutorial

9. Getting Started with Angular 2.0

Getting Started with Angular 2.0
Getting Started with Angular 2.0

Recently Angularjs team has launched a 5 mins quick start tutorial on getting started with Angular 2.0. I have taken the same (with minor changes) and explained it in this tutorial.

Tutorial

Sam is a passionate web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and reading.

Leave a Reply

Your email address will not be published. Required fields are marked *