Introduction to Angular

Introduction

What makes up an Angular app

Discussion of the sample application

Setup

• Typescript or JavaScript?

• Toolchain

• Environment setup

• A basic setup for an Angular app

• Installing an Angular app

• Running an Angular app

• Modules

Introduction to Components

• The component class

• Metadata and the decorator

Templates, Interpolation and Directives

• Building a template

• Building a component

• Using a component as directive

• Binding with interpolation

• Adding logic with directives

Data binding and pipes

• Property binding

• Handling events with event binding

• How to transform data with pipes

Components

• Interfaces

• Encapsulating components styles

• Lifecycle hooks

• Building custom pipes

• Filtering a list

Nested components

• Services and Dependency Injection

• Building a service

• Registering a service

• Injecting a service

HTTP

• Observables and Reactive extensions

• Sending an HTTP request

• Exception Handling

• Subscribing to an Observable

Navigation and routing

• Generating code and Handling undefined

• How routing works

• Configuring routes

• Tying routes to Actions

• Placing the views

• Passing parameters to a route

• Activating a route with code

• Protecting routes with Guards

Angular modules

• Bootstrap array

• Declarations array

• Exports array

• Providers array

• Imports array

• Exports array

• Feature modules

Angular CLI