Formation Angular — Perfectionnement, application professionnelle
Version du programme : 1
Type de formation
MixteDurée de formation
14 heures (2 jours)Formation Angular — Perfectionnement, application professionnelle
Cette formation de 2 jours s'adresse aux développeurs ayant suivi la formation Angular — Les fondamentaux ou disposant d'une expérience pratique sur Angular. Elle pousse les compétences vers un niveau professionnel en abordant la réactivité avancée avec les Signals et RxJS, la sécurisation des applications avec JWT, l'optimisation des performances et les bonnes pratiques de tests assistés par l'IA. Fidèle à l'approche de la formation fondamentaux, elle maintient les fils rouges LLM Driven Development, Clean Code selon Robert C. Martin, accessibilité WCAG 2.2 et écodéveloppement avec un niveau d'exigence supérieur et des patterns directement applicables en contexte professionnel.
Objectifs de la formation
- Maîtriser les Signals avancés et l'interopérabilité avec RxJS
- Implémenter une authentification JWT sécurisée avec interceptors
- Construire des architectures de services réutilisables et maintenables
- Optimiser les performances d'une application Angular avec OnPush et @defer
- Créer des composants génériques et réutilisables avec projection de contenu
- Concevoir des formulaires dynamiques et des composants formulaire custom
- Automatiser et comprendre les tests unitaires et E2E assistés par l'IA
Profil des bénéficiaires
- Développeurs Angular souhaitant approfondir leurs compétences et adopter les patterns professionnels du développement moderne.
- Avoir suivi la formation Angular — Les fondamentaux ou posséder une expérience pratique sur Angular avec une connaissance des composants standalone, du routing de base, des signals signal() et computed(), et des appels HTTP avec HttpClient.
Contenu de la formation
Jour 1
- Rappel et approfondissement des règles LLM Driven Development, Clean Code, accessibilité, écodéveloppement
- Signals avancés : toSignal(), linkedSignal(), toObservable()
- Observables chauds : Subject, BehaviorSubject, ReplaySubject — cas d'usage réels et pattern legacy
- Opérateurs RxJS avancés : switchMap, mergeMap, concatMap, exhaustMap, combineLatest, forkJoin
- takeUntilDestroyed — quand toSignal() et async pipe ne suffisent pas
- Authentification JWT — AuthService avec signals, stockage et décodage du token
- Interceptors fonctionnels : token JWT, refresh token, retry 401
- Router avancé : canDeactivate, canMatch, routes nommées, RouterOutlet multiple
- Resolvers fonctionnels avec withComponentInputBinding() — injection directe dans input() signal-based
Jour 2
- Classe abstraite AbstractCrudService<T>
- Projection de contenu : ng-content, ngTemplateOutlet, @ContentChild
- ControlValueAccessor — composants formulaire custom
- Formulaires dynamiques : FormArray, Signal forms avancés
- Optimisation de la détection de changements : stratégie OnPush
- Chargement différé de composants : @defer, @placeholder, @loading, @error
- Angular CDK : FocusTrap, DragDrop
- Tests unitaires avancés assistés par l'IA avec Vitest : guards, resolvers, interceptors, services abstraits
- Tests E2E assistés par l'IA avec Playwright — Page Object Model
Équipe pédagogique
Suivi de l'exécution et évaluation des résultats
- Feuille de présence signée en demi-journée, Évaluation des acquis tout au long de la formation, Questionnaire de satisfaction, Attestation de stage à chaque apprenant.
Ressources techniques et pédagogiques
- Moyens pédagogiques : Réflexion de groupe et apports théoriques du formateur, Travail d'échange avec les participants sous forme de réunion-discussion, Utilisation de cas concrets issus de l'expérience professionnelle, Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques, Remise d'un support de cours.
- Moyens techniques en Présentiel : Accueil des stagiaires dans une salle dédiée à la formation, équipée d'ordinateurs, d'un vidéo projecteur d'un tableau blanc et de paperboard.
- Moyens techniques en Distanciel : A l'aide du logiciel Teams, un micro et une caméra pour l'apprenant, Suivez une formation en temps réel et entièrement à distance. Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur. Les formations en distanciel sont organisées en Inter-Entreprise comme en Intra-Entreprise. L'accès à l'environnement d'apprentissage (support de cours, labs) ainsi qu'aux preuves de suivi et d'assiduité (émargement, évaluation) est assuré.