Formation Angular Avancé
| € HT / personne |
| 2 jours (14 heures) |
Présentation
Découvrez notre formation « Angular – Développement avancé », spécialement conçue pour maîtriser pleinement l’architecture et les fonctionnalités avancées d’Angular, et pour devenir expert en développement d’applications web dynamiques et performantes.
Vous commencerez par assimiler les architectures modernes avec Nx et la structuration optimisée des applications grâce aux modules core, feature et shared. Vous intégrerez rapidement les nouveautés majeures d’Angular 18 à 20, dont le rechargement rapide (Fast Refresh) et les directives avancées.
Cette formation met l’accent sur la programmation réactive avec RxJS, vous permettant de gérer efficacement les flux asynchrones complexes et résoudre les problèmes d’orchestration. La gestion d’état avancée avec NgRx garantira des applications robustes, maintenables et réactives.
Vous apprendrez à optimiser les performances de vos applications via les meilleures pratiques, telles que le Lazy Loading, le rendu conditionnel avancé, et une gestion fine du cycle de détection des changements.
Enfin, vous maîtriserez la réalisation de tests unitaires approfondis grâce aux outils Karma, Jasmine et Jest, afin d’assurer la qualité et la fiabilité de vos applications Angular en toutes circonstances.
Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date et ses nouveautés : Angular 20 ainsi que Redux 5.
Objectifs
- Comprendre les concepts clés de ReactJS et ses spécificités
- Créer des composants fonctionnels
- Maîtriser la syntaxe JSX
- Utiliser Flux et gérer les bugs
- Tester son développement
- Augmenter les performances d’une application
Public visé
Développeur Web Angular, Lead developer
Pré-requis
- Connaissances fondamentales sur Angular, ou avoir effectué notre formation Angular
- Tester Mes Connaissances
Pré-requis techniques
- Avoir Node.js installé
- Un IDE, de préférence, Visual Studio Code
- Github Desktop ou un logiciel similaire
Programme de notre formation Angular Avancé
Introduction à Nx & Monorepos
- Définition d’un monorepo
- Introduction CLI Nx
- Création d’un workspace Nx
- Architecture applicative optimisée
- Atelier pratique : Créer un workspace Nx pour structurer l’application de gestion de projets.
Architecture Avancée
- Modules core/feature/shared
- Composants Standalone
- Injection dépendances hiérarchique
- InjectionTokens personnalisés
- Atelier pratique : Initialiser l’architecture modulaire d’une application de gestion de projets.
Nouveautés Angular 18, 19 et 20
- Nouveaux mécanismes de rechargement rapide (Fast Refresh)
- Amélioration performances zone.js
- Évolution du rendu conditionnel avec directives avancées
- Gestion simplifiée des dépendances et nouvelles APIs
- Atelier pratique : Intégrer Fast Refresh et optimiser le rendu conditionnel à l’aide des nouvelles directives Angular.
Composants & Directives Avancés
- Projection contenu (ng-content)
- Vues dynamiques (NgComponentOutlet)
- Directives structurelles avancées
- Queries enfants (@ViewChild/@ContentChild)
- Atelier pratique : Créer un composant réutilisable de liste des projets avec projection de contenu.
Programmation Réactive avec Angular
- Observables avancés
- Subjects, BehaviorSubject, ReplaySubject
- Opérateurs RxJS complexes
- Gestion flux asynchrones
- Atelier pratique : Construire un service réactif avancé pour la gestion dynamique des projets.
Gestion État (NgRx)
- Store global
- Actions, Reducers, Effects
- Sélecteurs avancés
- Intégration complète NgRx
- Atelier pratique : Mettre en place une gestion d’état globale des projets avec NgRx.
Routing Avancé & Lazy Loading
- Routing modulaire
- Chargement paresseux
- Pré-chargement modules
- Routing dynamique
- Atelier pratique : Implémenter un routing avancé avec lazy loading dans l’application de gestion de projets.
Route Guards & Resolve
- Sécurisation routes (CanActivate)
- Contrôle accès enfants (CanActivateChild)
- Confirmation navigation (CanDeactivate)
- Préchargement données (Resolve)
- Atelier pratique : Sécuriser les routes et précharger les données nécessaires aux composants.
Optimisation des Performances
- Change Detection & OnPush
- ChangeDetectorRef avancé
- Optimisation DOM (*ngFor, trackBy)
- Techniques lazy loading composants
- Atelier pratique : Optimiser le rendu et les performances générales de l’application.
Formulaires Réactifs Avancés
- Reactive Forms dynamiques
- Validateurs personnalisés
- FormControl/FormGroup/FormArray
- ControlValueAccessor (CVA)
- Atelier pratique : Créer un formulaire dynamique avec des validations avancées pour gérer les projets.
Angular Material & CDK avancé
- Composants Angular Material essentiels
- Personnalisation avancée des thèmes Material
- Composants interactifs CDK (Drag & Drop, Overlay, Scroll)
- Création de composants personnalisés avec Angular CDK
- Atelier pratique : Concevoir une bibliothèque personnalisée de composants UI avec Angular CDK et Material.
Tests Unitaires & Bonnes Pratiques
- Karma/Jasmine/Jest
- Tests composants/services
- Tests asynchrones avancés
- Tests Observables (Marble testing)
- Atelier pratique : Réaliser des tests unitaires avancés sur les composants et services de l’application.
Internationalisation (i18n)
- Support multilingue intégré
- Angular i18n
- Traductions dynamiques
- Bonnes pratiques SEO multilingue
- Atelier pratique : Intégrer l’internationalisation pour supporter plusieurs langues dans l’application.
Server-side Rendering & SEO (Angular Universal)
- SSR Angular Universal
- Hydratation
- SEO avancé, méta-tags
- Prérendu statique
- Atelier pratique : Implémenter le rendu côté serveur (SSR) pour optimiser le SEO de l’application.
La formation est-elle dispensée en présentiel ou à distance ?
Cette formation se déroule en présentiel ou en distanciel.
Qu'est-ce que le CPF ?
Pourquoi suivre une formation éligible au CPF ?
Une formation finançable jusqu’à 100%
Une formation de qualité approuvée par l’instance gouvernementale France Compétences
L’obtention d’une certification délivrée par France Compétences
Que dois-je faire si mon solde CPF n’est pas suffisant ?
Comment m'inscrire via moncompteformation ?
Comment augmenter son solde CPF ?
Les cas spécifiques où le plafond est fixé à 8 000€ :
- Salarié non qualifié
- Travailleur reconnu handicapé
- Victime d’accident du travail ou de maladie professionnelle ayant entraîné une incapacité permanente d’au moins de 10 %
- Bénéficiaire d’une pension d’invalidité
- Bénéficiaire d’une pension militaire
- Bénéficiaire d’une allocation ou rente d’invalidité des sapeurs-pompiers volontaires
- Bénéficiaire de la carte mobilité inclusion portant la mention « invalidité »
- Bénéficiaire de l’allocation aux adultes handicapés (AAH)
Que dois-je faire si mon solde CPF n’est pas suffisant ?
Comment puis-je financer cette formation ?
- OPCO (opérateurs de compétences) de votre entreprise
- Le plan de développement des compétences
- Les actions collectives pour les formations Big Data
- Le dispositif FNE-Formation
- Dispositif TPE / PME
- Pôle Emploi
- L’AIF (Aide Individuelle à la Formation pour les demandeurs d’emploi)
- L’ARE (Allocation chômage d’aide au retour à l’emploi)
- Le dispositif CPF (MonCompteformation)
- Contrat cadre
Pour aller plus loin
Formation Angular
Formation Ionic
Formation Firebase avec Angularfire
Formation Redux et RxJS
Formation MEAN Stack
Formation D3.js
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Nos Formateurs Référents
Romain
Témoignages
Les + : pédagogie, tp intéressant
Les – : ras
Afficher tous les témoignages
Les + : pédagogie, tp intéressant
Les – : ras
Les + : Formateur compétent, pédagoge et disponible qui fournit de nombreuses ressources d’approfondissements.
Les – : Trop court pour le programme envisagé.
Les + : RxJs, Angular 19 (donc complètement à jour), le formateur a exploré beaucoup de concepts avancés et était disponible pour répondre à toutes les questions.
Le fait pour moi qu’il est vraiment pris le temps d’expliquer les concepts plutôt que de se focus sur la production de code est pour moi le point fort de cette formation
Les – : La durée, on aurait dû avoir plus de temps pour mettre en pratique les concepts étudiés
Les + : Le formateur semble très qualifié. A l’air de maitriser ses sujets.
Très riche en informations.
La documentaion complète fournie
Les – : J’aurais préféré voir moins de concepts mais passer plus de temps sur chacun d’entre eux.
Les explications du formateurs étaient bien trop prolixes.
Je me suis retrouvé noyé parmi beaucoup trop d’informations en essayant de suivre le rythme.
Je souhaite suivre : Aucune pour le moment
Je recommande la formation
Les + : Très bonne organisation
Accès à beaucoup de contenu en supplément et mis à jour régulièrement
Formateur clair et précis, attentif à l’avancement des candidats, bienveillant
Les – : La formation sur 2 jours est trop courte, tous les sujets au programme ne peuvent pas être vu.
Prévoir un 3e jour minimum
Je souhaite suivre : Aucune pour l’instant
En synthèse : Merci beaucoup à Ambient IT et surtout à Evan BOISSONNOT grâce à qui mon auto-formation peut continuer
Les + : les nombreuses notions abordées
Les – : trop court
Les + : le contenu du tronc commun
Les – : les modules en option : ce sont des modules niveau débutant, qui ne nous ont rien apporté vu notre niveau. nous aurions souhaité une formation avancée sur cette partie également
Je souhaite suivre : pentest owasp, gitlab
Les + : Toute la partie qui gère le application state, les optimisations, architecture du projet., clean code, rxjs.
Les – : 2 jours c’est pas suffisant.
Je souhaite suivre : SSR
En synthèse : Merci pour cette formation.
Les + : temps de pratique, formateur, peu de monde dans la formation
Les – : 2 jours c’est court pour tout voir correctement
En synthèse : Merci encore à Erwan
Je recommande la formation
Les + : Partie optimisation d’application très intéressante et souvent négligé. Ambiance globale. Variété des sujet abordé
Les – : Les éléments abordé était pour la plupart déjà connu, même si ça reste intéressant de “valider” ses acquis
Noter la formation
| € HT / personne |
| 2 jours (14 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
