Formation Angular 2+ - Développements avancés

Maîtriser les fonctionnalités avancées d'Angular

Télécharger le plan de cours

Demander un devis

Obtenir un renseignement

Informations générales

Référence APP268

Durée 3 jours (21h)

Tarif 2 190 €HT

Objectifs

Après ce cours, vous serez capable de :

Comprendre le fonctionnement interne d'Angular
étudier les possibilités avancées du framework
Apprendre à déployer des applications optimisées
développer des Progressive webApps

Public

Ce cours s'adresse avant tout aux personnes suivantes :

Chefs de projets Développeurs

Prérequis

Pour suivre ce cours, vous devez déjà posséder les connaissances suivantes :

Avoir suivi la formation "Angular 2+ - Développement d'applications Web" (APW254) ou connaissances équivalentes

Programme de la formation

Framework dédié au développement d'applications web et mobiles, Angular fournit nativement tous les éléments nécessaires pour réaliser des développements complets. Parce qu'il permet de créer des applications responsive, agréables et fluides, s'exécutant rapidement et pouvant intégrer des interfaces graphiques complexes, Angular est très apprécié des développeurs. Mais pour tirer pleinement parti du framework considéré par certains comme le plus polyvalent et le plus complet actuellement, il convient d'en maîtriser les fonctionnalités les plus avancées. C'est précisément l'objet de cette formation. Les participants y apprendront notamment à optimiser leurs applications et à en améliorer la fiabilité et les performances. Ils comprendront également comment développer des Progressive WebApps.

NX

Introduction au cli Nx
Définition d'un monorepo
Création d'un workspace
Architecture applicative

Lazy Loading

Améliorer les performances de démarrage
Route integration : loadChildren
Preloading Strategy: PreloadAllModules et autres pistes

Optimisation des performances

Component-level Lazy Loading
Data Binding, mode manuel : ChangeDetectorRef
trackBy pour *ngFor
Budgets
Gestion des souscriptions RxJS

Route guards et Resolve

Les différents types de Guards
CanActivate, CanActivateChild : protéger une route
CanDeactivate : sécuriser la sortie
Pre-fetching avec resolve

NGRX (Workflow redux)

Mise en place de Redux dans une application Angular avec la plateforme @ngrx
Gestion de l'état applicatif : store)
Debugging avec @ngrx/store-devtools
Création d'actions asynchrones avec @ngrx/effects

Reactive Forms

FormControl et FormGroup
Contrôles personnalisés : ControlValueAccessor
Validateurs personnalisés et validateurs asynchrones

Tests unitaires et E2E

Tests unitaires avec Jest
Code coverage
Tests e2e avec Cypress

Angular Standalone

Pourquoi cette nouveauté
Mise en place d'un component standalone
Une nouvelle architecture sans module
Passage d'une architecture modulaire à un 100% standalone

Internationalisation

Internationalisation : i18n marker
Gestion des textes à traduire
Gestion du pluriel

Server Side Rendering : Angular Universal

ServerModule
Moteur back-end : Node.js et autres : @nguniversal/express-engine

plus d'infos

Méthode pédagogique

Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.

Suivre cette formation à distance

Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
Privilégier une connexion filaire plutôt que le Wifi.
Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
Horaires identiques au présentiel.

Mis à jour le 03/12/2025