• Bootstrapping

    Start with the basics, and learn how to bootstrap an Angular 2 application.

    Bootstrapping in the browser with Angular 2
    In this guide, you’ll learn how to bootstrap an Angular 2 application.

  • Controllers

    Learn how to migrate controllers across to Angular 2 components.

    From ng-controller to Component Classes
    In this guide, you’ll learn how to start migrating Angular 1 controllers into Angular 2 component classes.

  • Modules

    Learn the differences between Angular 1 modules and Angular 2 components.

    From angular.module to ngModule
    In this guide, you’ll learn how angular.module in Angular 1.x compares to ngModule in Angular 2.

  • Components

    Learn how to create components, stateful, stateless and routed to render data.

    From transclusion to content projection
    In this guide, you will learn how to migrate from transclusion to content projection.

    Component property binding with @Input()
    In this guide, you’ll learn how to pass data into Angular 2 components through property binding.

    Component event binding with @Output()
    In this guide, you’ll learn how to emit data out of Angular 2 components to a parent component through event binding and EventEmitter.

  • Directives

    Take your Directives with you, learn how to use Directives in Angular 2.

    From ng-class to ngClass
    In this guide, you’ll learn how to use ngClass, the Angular 2 equivalent for ng-class.

    From ng-switch to ngSwitch
    In this guide, you’ll learn how to use ngSwitch, the Angular 2 equivalent for ng-switch.

    From ngAnimate to Angular 2 animate
    In this guide, you’ll learn how to convert a simple CSS animation in Angular 1.x using ngAnimate to an animation in Angular 2.

    From ng-repeat to ngFor
    In this guide, you’ll learn how to use ngFor, the Angular 2 equivalent for ng-repeat.

  • Routing

    Jump into the new Component router for Angular 2 and learn how to navigate your app.

    From ui-router to Component Router
    In this guide, you’ll learn how to use the component router, the Angular 2 equivalent for ui-router.

  • Services

    Services are much easier in Angular 2, learn how to create and use them.

    Creating an Angular 2 injectable Service
    In this guide, you’ll learn how to create an injectable Service in Angular 2.

  • Forms

    Dive into Angular 2 forms and build out forms complete with validation.

    From ng-model to ngModel
    In this guide, you’ll learn how to use ngModel, the Angular 2 equivalent for ng-model.

  • Filters

    Manage your data with filters, learn how to create them the Angular 2 way.

    Creating a custom filter (pipe) in Angular 2
    In this guide, you’ll learn how to create a pipe to filter a single value.

    Using Pipes in Angular 2
    In this guide, you’ll learn how to use the new pipes functionality in Angular 2 that replaces filters from Angular 1.