Mastering Angular

Angular is a front-end web framework that allows developers to easily build dynamic, responsive single-page web. This training teaches attendees how to build applications using ES6, TypeScript, and modern front-end tools, including npm and Twitter Bootstrap. By the end of this training the attendees will gain deep understanding of the Angular fundamentals.

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

Classroom Courses