Home - lordoftheflies/angular-essential-training GitHub Wiki

Welcome to the angular-essential-training wiki!

Introduction

Why use Angular?

What you should know

Using the exercise files

Basics of Typescript

Course overview

Architecture overview

Components, Bootstrap, and the DOM

Directives and pipes

Data binding

Dependency injection

Services and other business logic

Data persistence

Components

NgModule and the root module

Component metadata

Bootstrapping the module for the browser

The component selector

The component template

Styling a component

Using other components in a component

Interpolation and the expression context

Property binding

Event binding

Getting data to the component with @Input

Subscribing to component events with @Output

Directives and Pipes

Structural directives: ngIf

Structural directives: ngFor

Attribute directives: Built-in

Attribute directives: Custom

Using directive values

Working with events and directives

Angular pipes: Built-in

Angular pipes: Custom

Forms

Angular forms

Template-driven forms

Dependency Injection and Services

How Angular does dependency injection

Services in Angular

Class constructor injection

Building and providing a service

Providing services in the root

Using the service in components

The @Inject decorator

Injection token

HTTP

The Angular HttpClient

Using a mock backend for HTTP calls

Using the HttpClient for GET calls

Using search params in GET calls

Use HttpClient for POST, PUT and DELETE calls

Handling HTTP errors

Routing

Setting the base href and configuring routes

Registering routing in the app module

Router outlets

Router links

Working with route parameters

Using the Router class to navigate

Using a feature NgModule for routes

Lazy loading a route module

Styling Components

The view encapsulation modes

How Angular scopes styles to components

Using common CSS selectors

Special CSS selectors Angular supports

Working with global styles

Conclusion

Next steps