Call Us: +32 2 466 00 16
Follow Us:

Mastering Angular

2 days
2 days

Upcoming Sessions





Book now





Book now

Interested in a private company training? Request it here.

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
  • Subjects
  • Cold versus Hot Observables
  • Making Async Calls
  • Combining Observables
  • 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
  • Tools

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
  • Efficient Slicing
  • Using Async Pipes

The ngrx Store

  • Responsibilities
  • Normalizing Data
  • Initializing the Store

ngrx Reducers

  • Useful Operators
  • Splitting Up Reducers
  • ngrx Effects

Smart and Dumb Components

Should everyone be able to talk everything? No! Here we learn how to avoid chaos by splitting up our component into smart and dumb ones.

  • Characteristics of Dumb Components
  • Characteristics of Smart Components
  • Performance Impact

Structuring an Application

Applications grow larger, code bases become unmanageable. Unless you structure them right.

  • Domain, Routing, Core and Shared Modules
  • Exporting and Providing
  • Clean Imports
  • Creating Libraries

Forms Advanced

Being able to dynamically add input elements to a form is incredibly useful for applications. This chapter looks at how to do exactly that in Angular.

  • Dynamically Adding Elements
  • FormArray
  • Nested Forms

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

So, you dipped your toes into the waters of Angular? Time to get your boots wet! 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 more advanced programming techniques like RxJS and working with Redux. Advanced Forms will hold no secrets and you will acquire the assets to make your Angular application production ready. This course is constantly being updated to the latest version of Angular, currently Angular 6.

This course targets professional web developers that really want to master Angular. Participants of this course need to have a decent understanding of Angular and TypeScript.

© 2021 U2U All rights reserved.