Angular 2

Getting Started

Working with JavaScript Modules and SystemJs

Introduction to TypeScript

A Conceptual Overview of Angular 2

Here's What We'll Be Building

Installing Git and Node

Creating Your First Component

Using the Angular CLI

Creating and Communicating Between Components

Creating Your First Data-bound Component

Using External Templates

Communicating with Child Components Using @Input

Communicating with Parent Components Using @Output

Using Template Variables to Interact with Child Components

Styling Components

Exploring Angular's CSS Encapsulation

Adding a Site Header

Exploring the New Template Syntax

Interpolation, Property Bindings, and Expressions

Event Bindings and Statements

Repeating Data with ngFor

Handling Null Values with the Safe-Navigation Operator

Hiding and Showing Content with ngIf

Hiding Content with the [Hidden] Binding

Hiding and Showing Content with ngSwitch

Styling Components with ngClass

Styling Components with ngStyle

Creating Reusable Services

Introduction

Why We Need Services and Dependency Injection

Creating Your First Service

Wrapping Third Party Services

Routing and Navigating Pages

Adding Multiple Pages to Your App

Adding Your First Route

Accessing Route Parameters

Linking to Routes

Navigating from Code

Guarding Against Route Activation

Guarding Against Route De-activation

Pre-loading Data for Components

Styling Active Links

Collecting Data with Forms and Validation

Introduction

Using Models for Type Safety

Creating Your First Template-based Form

Using the Data from Your Template-based Form

Validating Template-based Form

Validating Reactive Forms

Communicating Between Components

Passing Data into a Child Component

Passing Data out of a Child Component

Reusing Components with Content Projection

Content Projection

Multiple Slot Content Projection

Displaying Data with Pipes

Using Built-in Pipes

Creating a Custom Pipe

Sorting and Filtering Overview

Creating a Filtering Display

Filtering Data

Understanding Dependency Injection

Using Third Party Global Services - The Problem

Angular Dependency Injection Lookup

Using OpaqueToken for Dependency Injection

Using the @Inject Decorator

The useClass Provider

Creating Directives and Advanced Components

Implementing the Session Search

Adding jQuery

Creating a Modal Component

Fixing Template Parse Errors

Creating Directives - The Trigger Directive

Binding an ID

Routing to the Same Component

Using the @ViewChild Decorator

Creating Settings on Components

Communicating with the Server Using HTTP, Observables, and Rx

Moving Data Storage to the Server

Listening to Resolved Data Changes

Using Querystring Parameters

Using POST and PUT

Using DELETE

Integrating Authentication with the Server

Persisting Authentication Status Across Page Refreshes

Saving User Data to the Server

Implementing Logout

Unit Testing Your Code

Installing Karma

Unit Testing Services

Testing Mock Calls

Testing Components with Isolated Tests

Going to Production

Learning the Concepts

Linting with TSLint

Tuning Your rxJS Requests

Enabling Production Mode

Basic Copy Deployment

Ahead of Time Compiler Overview

Preparing for the AOT Compiler

Making Coding Fixes for the AOT Compiler

Running the AOT Compiler

Tree Shaking and Bundling with Rollup