Mastering Angular

Inter-company training

Who is the training for?

All public

Level reached

Advanced

Duration

2,00 day(s)

Language(s) of service

EN

Goals

This training will take you from being an average Angular developer to a great one. You'll gain more insight in the workings of Angular and you'll explore with more advanced programming techniques like RxJS and working with Redux. Finally you will acquire the assets to make your Angular application production ready. This means minimizing load times and pleasing search engines.

Contents

Reactive Extensions for JavaScript

Reactive programming is a world on its own and is not necessarily tied to Angular. However Angular uses RxJS in many of its APIs, so we must have a proper understanding of what it means to write reactive code. RxJS has a steep learning curve. But once you master it, there is no going back.

  • What are Reactive Extensions
  • Observable and Observer
  • Generating Sequences
  • Cold versus Hot Observables
  • Querying Observable Sequences
  • Error Handling
  • Dealing with Backpressure
Change Detection

This module will teach you about the internals of Angular. This knowledge is primarily useful for performance tuning and debugging strange behavior.

  • Zones
  • How Change Detection Works
  • Immutables and Observables
State management with Redux

With the increasing complexity of client-side applications, a lot of state has to be kept. It's quite a challenge to keep all state consistent. Redux introduces a pattern to manage this state in a convenient way, while keeping your UI up to date as well.

  • Why Redux?
  • Smart & dumb components
  • Major Principles
  • The Store, Actions and Reducers
Bringing Redux to Angular with @ngrx

@ngrx is an implementation of Redux for Angular. It puts the theory of the previous module to practice.

  • Using RxJS within Redux
  • Strong Typing in Redux
  • Using Async Pipes
  • Tools
Module Loading and Bundling

When you start a new Angular application you have to choose between SystemJS, WebPack, Rollup and others to tie your dependencies together. This module explains how they work and what the differences are.

  • Dynamic Module Loading
Module Bundling
  • Comparison and Use Cases
Angular Universal

Angular takes a lot of measures to make your app high-performant. But you can take it a bit further, especially when it comes to load times. In this Module you will learn about Ahead-Of-Time compilation and hot loading using Angular Universal. Here you'll learn the difference between a good and a great application and how to please the elders of the internet.

  • AOT versus JIT compilation
  • Server-side rendering with Angular Universal
  • Hot-Loading with preboot

These courses might interest you