2 sessions disponibles pour cette formation
Voir les sessionsNiveau d'entrée
Sans niveau spécifique
Niveau de sortie
Sans niveau spécifique
Organisme / Établissement
142 route d'Albi - 31200 TOULOUSE
formation@napsia.com
Contact
Objectifs de la formation
Objectifs de la formation
À l'issue de la formation, vous serez capable de :
br
- br
- Maîtriser l'architecture avancée : Comprendre en profondeur l'architecture interne d'Angular, la gestion fine du cycle de vie des composants et les stratégies d'optimisation de l'application.
- Pratiquer la programmation réactive : Maîtriser les grands principes et les opérateurs complexes de RxJS, ainsi que le nouveau paradigme des Signals pour une gestion d'état performante.
- Développer pour la performance : Concevoir des applications web dynamiques, fluides et optimisées (stratégies de détection de changements OnPush, lazy loading avancé).
- Sécuriser les développements : Identifier les failles de sécurité courantes (XSS, injections) et implémenter les mécanismes de protection natifs (guards, intercepteurs, assainissement de contenu).
- Garantir la qualité par les tests : Concevoir et réaliser des tests unitaires et d'intégration robustes sur les composants, services, et flux asynchrones à l'aide de Jasmine et du TestBed.
br
br
br
br
br
Contenu
Contenu
Jour 1 : Architecture Standalone & Signals
- Architecture : Configuration d'applications 100% Standalone via les API de boot (
provideHttpClient,provideRouter). - Signals : Maîtrise de la réactivité fine : signaux commutables (
writable), dérivés (computed) et effets de bord (effect). - Pratique : Initialisation d'un projet Standalone, création d'un store local avec les Signals et tests unitaires réactifs.
Jour 2 : UX Performance (PWA, Material) & Librairies
- Design System : Intégration d'Angular Material, imports ciblés et customisation de thèmes graphiques (SASS).
- PWA : Configuration du Service Worker (
@angular/pwa), mise en cache, mode hors-ligne et stratégies de mise à jour. - Librairies : Création de sous-projets via la CLI, gestion de l'API publique (
public-api.ts) et packaging de directives. - Pratique : Activation d'une PWA et déploiement d'une directive métier dans une librairie partagée.
Jour 3 : Cycles de Vie, Sécurité & RxJS Avancé
- Sécurité & Boot : Intercepteurs HTTP fonctionnels (JWT), hooks (
ngOnInit/ngOnDestroy) et pré-chargement viaAPP_INITIALIZER. - RxJS Avancé : Gestion des souscriptions (
takeUntilDestroyed), manipulation desSubjectetBehaviorSubject. - Pipelines : Requêtes parallèles (
forkJoin,combineLatest) et stratégies de flattening (switchMap,mergeMap). - Pratique : Écriture de tests unitaires (Mocks HttpClient, Subjects) sur des services combinant plusieurs flux RxJS complexes.
Domaines
Domaine(s)
Développement application mobile