Cette formation est-elle adaptée à mon niveau ?

Chaque fiche indique le niveau requis (Fondamental, Intermédiaire, Avancé) ainsi que les prérequis détaillés. En cas de doute, un test d'auto-évaluation est disponible directement sur la page.

La formation est-elle orientée théorie ou pratique ?

Nos formations alternent apports théoriques et travaux pratiques, pour mettre immédiatement en application les notions abordées.

Puis-je suivre cette formation à distance ?

Oui, la plupart de nos formations sont disponibles en présentiel et en classe à distance, avec le même contenu et le même niveau d'interaction avec le formateur.

Cette formation est-elle disponible en intra-entreprise ?

Oui. Nous pouvons l'organiser dans vos locaux, dans nos salles ou à distance, avec un programme adapté à votre contexte si nécessaire. Contactez notre service intra pour un devis.

Que se passe-t-il si une session est annulée ?

Nous nous engageons à maintenir les sessions garanties affichées. En cas d'annulation de notre part, nous vous proposons un report sur la prochaine session disponible.

Cette formation est-elle finançable via le CPF ?

Si la formation est éligible CPF, cela est indiqué sur la fiche avec le code de certification correspondant. Vous pouvez retrouver la formation directement sur Mon Compte Formation.

Mon employeur ou mon OPCO peut-il prendre en charge le coût ?

Oui. Contactez-nous pour obtenir une convention de formation et vérifier les possibilités de prise en charge via votre OPCO.

Angular Avancé

4,7/5

Avec 30 avis

Prochaine session garantie : 15/06/2026

Description de la formation Angular Avance

Angular est un framework de développement d’applications web porté par Google. Sans doute le plus polyvalent et le plus complet des frameworks actuels, il offre une expérience de développement sans comparaison.

Durant cette formation, nous plongerons dans les concepts avancés (zones, lazy loading, aot, …) d’Angular et découvrirons son écosystème (@ngrx, material, PWA, …).

Jour 1

NX et les projets grand échelle

Introduction au cli Nx, comparaison avec angular cli
Définition d’un monorepo et création d’un workspace
Architecture applicative, structure typiqueTravaux pratiquesObjectif : Comprendre l’intérêt d’un monorepo et d’un structuration projet application/librairies
Description : Création d’un workspace avec Nx, ajout de 2 applications backoffice, public. Création de librairie

Optimiser les performances et la réactivité

Techniques pour améliorer les temps de démarrage de l’application
Chargement dynamique des modules via la navigation (lazy loading avec les routes)
Stratégies de préchargement des modules : PreloadAllModules et autres options
Chargement différé de composants spécifiques
Contrôle fin de la détection des changements (ChangeDetectorRef, NgZone)
Introduction aux Signals (Angular 16+) : une nouvelle approche pour gérer les changements d’état, en complément ou en alternative à RxJSTravaux pratiquesObjectif : Savoir optimiser le chargement des pages
Description : Découpage du backouffice en modules fonctionnels, implémentation du loadChildren pour chaque module, mise en place du PreloadAllModules, Lazy-loading au niveau composant

Optimisation des templates

Pourquoi optimiser la structure des templates Angular
Optimisation des listes dynamiques avec trackBy pour et *ngFor
Utilisation des budgets et anticipation les dérives de performance

RxJS avancé

Approfondissement de RxJS : gestion des flux asynchrones
Bonnes pratiques de désabonnement
Comparatif RxJS vs Signals (use cases)Travaux pratiquesObjectif : Mettre en place des templates performants. Contrôler les souscriptions.
Description : Affichage d’une liste avec *ngFor + trackBy, gestion du loading avec async pipe. Désabonnement automatique, Amélioration de la détection de changementJour 2

Navigation sécurisée

Comprendre les mécanismes de sécurité de navigation dans Angular
Mise en place de Route Guards et de chargement préalable de données (Resolve)
Les différents types de Guards (accès, sortie, enfants de routes)
Protéger les accès avec CanActivate, CanActivateChild
CanDeactivate : sécuriser la sortie
Préchargement des données avec ResolveTravaux pratiquesObjectif : Savoir protéger les routes via des Guards et précharger les données avec Resolve
Description : Ajout canActivate,canDeactivate sur les routes backoffice, préchargement

NGRX (Workflow redux)

Mise en place de Redux dans une application Angular avec la plateforme @ngr
Gestion de l’état applicatif (store)
Débugging avec @ngrx/store-devtools
Création d’actions asynchrones avec @ngrx/effects
Introduction à ComponentStore et autres alternatives allégéesTravaux pratiquesObjectif : Savoir gérer l’état global avec NgRx et déclencher des effets asynchrones
Description : Mise en place d’un Store, création d’actions, reducers, selectors, appels http asynchrones avec @ngrx/effects, debug avec @ngrx/store-devtools

Reactive Forms

Manipuler les formulaires dynamiques avec FormControl et FormGroup
Composants de formulaires personnalisés réutilisables via ControlValueAccessor
Règles de validation spécifiques, synchrones et asynchrones
Utiliser le typage natif des formulaires (Typed Forms, Angular 14)Travaux pratiquesObjectifs : Savoir créer des formulaires complexes avec validation et implémenter des champs dynamiques et des validateurs personnalisés.
Description : Formulaire réactif avec FormGroup fortement typé. Validateurs synchrones et asynchrones. Ajout d’un champ avec validateur personnalisé.Jour 3

Tests unitaires et E2E

Complémentarité entre tests unitaires et tests E2E
Tests unitaires avec Jest
Couverture de test, configuration des exceptions
Tests e2e avec CypressTravaux pratiquesObjectif : Savoir écrire des tests unitaires avec Jest.et e2e avec Cypress
Description : Tests de validation de formulaire avec Jest. Tests de composants avec mocks. Mesure du code coverage. Création d’un test E2E Cypress : ajout et affichage d’une formation.

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
Standalone APIs globales : provideRouter, provideHttpClient, etcTravaux pratiquesObjectifs : Savoir passer d’un module Angular classique à une architecture 100% standalone. Utiliser les provide* APIs.
Description : Migration d’un SessionsModule en StandaloneComponent. Remplacement de NgModule par provideRouter, provideHttpClient, etc. Chargement d’un composant standalone via le routeur.

Internationalisation

Internationalisation : i18n marker
Gestion des textes à traduire
Gestion du plurielTravaux pratiquesObjectif : Savoir concevoir des applications multilingues
Description : Utilisation de i18n markers ($localize). Ajout de messages avec contextes (meaning, description). Pluriel sur les messages (ex : nombre de formations). Chargement dynamique des fichiers de traduction.

Server Side Rendering : Angular Universal

Principes et avantages du Server Side Rendering (SSR)
Angular Universal avec ServerModule
Rendu côté serveur avec un moteur back-end et @nguniversal/express-engineTravaux pratiquesObjectif : Savoir générer une version server-rendered du site public.
Description : Ajout d’Angular Universal avec ng add. Mise en place de ServerModule. Création d’un serveur Express personnalisé. Test du rendu SEO friendly.

Date de mise à jour du programme : 09/04/2026

Dates et lieux

Période souhaitée

Lieux

Type d'affichage

Témoignages pour cette formation

30 avis

Les avis figurant ci-dessous sont issus des fiches d'évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.

Avis de RV

Retour d’expérience

Mon avis sur le contenu du stage :

"L'enchainement théorie -> démonstration par le formateur -> exercice pratique -> correction pour chaque chapitre de la formation était parfait."

Mon avis sur le formateur :

"Non seulement le formateur avait un haut niveau de compétences techniques mais il maitrisait parfaitement la pédagogie nécessaire à ce genre de formation. Il a su s'adapter à notre niveau, nos besoins et questions. Le tout toujours dans une bonne ambiance. Il a su nous donner l'envie de mettre tout de suite en pratique dans nos projets pro ou perso nos nouvelles connaissances et ce même après nos journées bien remplies ! "

Ce que j'ai le plus apprécié :

"Le fait que l'on ai eu les liens et identifiants assez tôt : machine virtuelle, teams, espace perso, etc afin de pouvoir tout tester et de pas perdre de temps au début de la formation"

Avis de PL

Retour d’expérience

Mon avis sur le formateur :

"Le formateur s'assure toujours de la bonne compréhension, de l'avancement de chaque stagiaire et ne laisse personne en arrière, a une maîtrise visible et réelle des sujets de la formation, a de la disponibilité pour des questions au-delà du cadre ou simplement, consulte les stagiaires sur les points souhaités d'approfondissement."

Ce que j'ai le plus apprécié :

"Exhaustivité des éléments fournis par courriel en amont de la formation."

Ce que j'ai le moins apprécié :

"Quelques difficultés pour accéder au bureau de la VM (resté bloqué dans la console de gestion), palliées par installation sur le poste du stagiaire du nécessaire."

Avis de BOUKHARI Nassim

Retour d’expérience

Mon avis sur le formateur :

"A l'écoute pour toutes les personnes qui avaient des problèmes, il prenait bien son temps avec chacun d'entre nous pour qu'on comprenne et ses explications étaient claires et concises, on sent qu'il maîtrise très bien le sujet. Il a aussi su bien s'adapter aux conditions de formation à distance."

Mon avis sur la salle de formation :

"Formation à distance donc nous étions chacun chez nous"

Ce que j'ai le plus apprécié :

"Les travaux pratiques"

BOUKHARI Nassim

React : Développement Web

Durée: Durée :3 jours
Niveau: Niveau :Intermédiaire
Certification: Certification :Non

2090€ HT

Prochaine session : 15/06/2026

React : Avancé

Durée: Durée :2 jours
Niveau: Niveau :Avancé
Certification: Certification :Non

Vue.JS - Développement d'applications web

Durée: Durée :3 jours
Niveau: Niveau :Intermédiaire
Certification: Certification :Certified Vue.JS Developer

Node.js : Développer des Web Services en JavaScript

Durée: Durée :3 jours
Niveau: Niveau :Fondamental
Certification: Certification :Non

Voir toutes les formations Frameworks & Bibliothèques JavaScript

Angular Avancé

Description de la formation Angular Avance

Programme de la formation

Objectifs de la formation

Contenu du cours Angular Avance

NX et les projets grand échelle

Optimiser les performances et la réactivité

Optimisation des templates

RxJS avancé

Navigation sécurisée

NGRX (Workflow redux)

Reactive Forms

Tests unitaires et E2E

Angular Standalone

Internationalisation

Server Side Rendering : Angular Universal

Public et prérequis

Travaux pratiques

Dates et lieux

Distanciel

Paris

Bordeaux

Guadeloupe

Guyane

Lille

Lyon

Marseille

Martinique

Nantes

Rennes

Réunion

Strasbourg

Toulouse

Témoignages pour cette formation

Ces formations en Frameworks & Bibliothèques JavaScript peuvent aussi vous intéresser

Questions fréquentes

Cette formation est-elle adaptée à mon niveau ?

La formation est-elle orientée théorie ou pratique ?

Puis-je suivre cette formation à distance ?

Cette formation est-elle disponible en intra-entreprise ?

Que se passe-t-il si une session est annulée ?

Cette formation est-elle finançable via le CPF ?

Mon employeur ou mon OPCO peut-il prendre en charge le coût ?

Témoignages pour cette formation

Ces formations en Frameworks & Bibliothèques JavaScript peuvent aussi vous intéresser