Angular2 is new, the quantity of blog posts is very limited at the moment and the documentation is sometimes incomplete. In these conditions, it is hard to find the right information to start your own application.
Before we start and to make sure we are in line on the terminology, I will use the name AngularJS to define AngularJS 1.x and Angular2 to define AngularJS 2.x.
Angular2 is a complete rewrite of the famous AngularJS that we love and that I have used for years. Angular2 uses modern Web standards (Web components, Shadow DOM etc.) which make it faster than AngularJS. It includes a wealth of essential features such as mobile gestures, animations, filtering, routing, data binding, security and internationalization.
By going through this series of posts you will learn all you need to know about creating a complete application using Angular2 and TypeScript.
Tooling
https://julienrenaux.fr/2015/11/30/angular2-series-tooling/
Template Syntax
https://julienrenaux.fr/2015/12/02/angular2-series-template-syntax/
Component, Directive, Pipe and Service
https://julienrenaux.fr/2015/12/13/angular2-series-component-directive-pipe-and-service/