Introduction

• Anatomy of Angular 2 Application
• Selecting Language
• Selecting Editor
• Setting up Environment and Angular 2 Application
• Running an Angular 2 Application
• About Modules
• Introduction to TypeScript

Introduction to Components

• What is a Component?
• Creating the Component Class
• Defining the Metadata with a Decorator
• Importing what we need
• Creating the App Component
• Bootstrapping App Component

Templates, Interpolation and Directives

• Building a Template
• Building the Component
• Using the Component as Directive
• Binding with Interpolation
• Adding Logic with Directives: ngIf
• Adding Logic with Directives: ngFor

Data Binding & Pipes

• Property Binding
• Handling Events with Event Binding
• Handling Input with Two-way Binding
• Transforming Data with Pipes

More on Components

• Defining Interfaces
• Encapsulating Component Styles
• Using Lifecycle Hooks
• Building Custom Pipes
• Relative Paths with Module Id

Building Nested Components

• Building a Nested Component
• Using a Nested Component
• Passing Data to a Nested Component Using @Input
• Passing Data from a Component Using @Output

Services and Dependency Injection

• How does it Work?
• Building a Service
• Registering the Service
• Injecting the Service

Retrieving Data Using HTTP

• Observables and Reactive Extensions
• Sending an HTTP Request
• Exception Handling
• Subscribing to an Observable

Navigation and Routing Basics

• How Routing Works
• Configuring Routes
• Tying Routes to Actions
• Placing the Views

Navigation and Routing Additional Techniques

• Passing Parameters to a Route
• Activating a Route with Code
• Protecting Routes with Guards

Angular Modules

• What Is an Angular Module?
• Bootstrap Array
• Declarations Array
• Exports Array
• Imports Array
• Providers Array
• Feature Modules
• Shared Module
• Revisiting AppModule

Angular 2 Forms

• Registering input form controls to Angular
• Validation
• Form state and Angular generated CSS classes
• Default values with Property Binding
• Two-way binding with ngModel
• ngModelGroup
• Radio and Select controls
• Conditionally display error message
• Conditionally disable Submit button

Angular 2 Unit Testing

• Introduction to Jasmine
• Introduction on Karma
• Unit-testing Angular app

Angular 2 Setup Revisited

• TypeScript Configuration File (tsconfig.json) &TypeScript Definitions File (typings.json)
• npm Package File (package.json)
• SystemJS Configuration File (systemjs.config.js)
• index.html File Scripts
• Bootstrapping Revisited
• Angular CLI