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.
Component, Directive, Pipe and Service
V1 to V2 migration
you can start preparing your code to be Angular2 compatible right now by following the advice I shared on: Modular AngularJS and Ionic architecture: a first step towards AngularJS 2