Mastering Angular

Combien de temps dure la formation ?

2,00 jour(s)

Dans quelle(s) langue(s) la formation est-elle donnée ?

EN FR

Quand a lieu la prochaine session ?

Qui organise cette formation ?

Améliorer à la fois l'épanouissement individuel et l'efficacité par le partage de la compétence informatique et de l'expérience managériale de nos intervenants. Nous délivrons plus de 300 cours en français et en anglais dans notre centre à Capellen. Ces formations sont orientées infrastructure, développement, project management, gouvernance et softskills.

Le contenu de cette page n'est pas disponible en français

Quels sont les objectifs poursuivis ou les compétences visées ?

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.

Quel est le contenu de la formation ?

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.