Formation Angular Avancé
| 1700€ 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 à 21, 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 de la technologie Angular Avancé (21.2.5) et ses nouveautés.
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
- Architecture Zoneless native : suppression définitive de zone.js pour une empreinte mémoire minimale
- Standardisation des Signal Components et remplacement total des décorateurs (@Input, @Output)
- Optimisation du rendu via l’Hydratation partielle et le chargement prédictif des blocs @defer
- Simplification de l’injection de dépendances via le pattern Functional Inject et les APIs réactives
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.
Pourquoi suivre une formation Angular Avancée plutôt que de l'auto-formation en ligne ?
L’e-learning est excellent pour les bases, mais il échoue souvent face aux problématiques d’architecture complexe et de performance en production. Notre formation avancée se concentre sur le “pourquoi” et le “comment” des structures d’entreprise. Vous bénéficiez de revues de code en direct, de réponses à vos problématiques projets réelles et d’une expertise sur les dernières versions (Signals, SSR) que les catalogues de vidéos mettent des mois à mettre à jour.
La formation est-elle dispensée en présentiel ou à distance ?
Cette formation se déroule en présentiel ou en distanciel.
Comment puis-je financer cette formation ?
Contactez-nous pour trouver une solution de financement sur mesure ! Nous vous aiderons à choisir parmi les options suivantes :
- 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
Qu'est-ce que le CPF ?
Comment m'inscrire via moncompteformation ?
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
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 + : Possibilité de faire en distanciel tout en gardant un haut niveau de qualité.
TP d’une durée bien dosée, pour comprendre les concepts et pouvoir se poser les bonnes questions, mais sans s’épuiser sur des durées trop longues.
Les – : On entend moins bien les formateurs en présentiel, mais l’impact sur la formation est en vrai négligeable.
Je souhaite suivre : Angular Initiation (idéalement du 6 au 8 juillet pour être avec le même formateur Erwan).
Afficher tous les témoignages
Les + : Possibilité de faire en distanciel tout en gardant un haut niveau de qualité.
TP d’une durée bien dosée, pour comprendre les concepts et pouvoir se poser les bonnes questions, mais sans s’épuiser sur des durées trop longues.
Les – : On entend moins bien les formateurs en présentiel, mais l’impact sur la formation est en vrai négligeable.
Je souhaite suivre : Angular Initiation (idéalement du 6 au 8 juillet pour être avec le même formateur Erwan).
Les + : Formateur très pédagogue
Parfait équilibre entre théorique et pratique
Les sujets
Les – : Un peu court sur 2 jours
Les + : L’équilibre, théorie / pratique
Le formateur
Les – : Néant
Les + : rwan est un formateur très à l’écoute. Il prend le temps d’expliquer les choses avec clarté et sait parfaitement reformuler pour s’assurer que tout le monde comprenne. Ses explications sont précises, accessibles et efficaces.
Les – : Même si la formation m’a paru un peu courte et que je m’attendais à un contenu plus technique, elle reste complète et cohérente avec le niveau attendu
Je souhaite suivre : une autre formation angular avancé avancé ++ si ça existe
Les + : Théorie et pratique, ambiance globale
Les – : Des sujets n’ont pas été suffisamment traités par manque de temps : SSR, Signal, tests. Peut-être aurait-il fallu affiner le programme des sujets à traiter au début de la formation ?
Je souhaite suivre : Architecture .Net
Les + : Le programme est quasiment à jour et centré vers les technologies les plus utilisées dans le monde pro.
Les – : La durée de la formation est très juste.
Je souhaite suivre : Angular Expert
En synthèse : Je serais ravi de pouvoir contribuer au programme de formation Angular de niveau 3.
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
Noter la formation
| 1700€ 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
