Aller au contenu principal

Angular avancé : Concevoir et optimiser des applications web complexes

Date de mise à jour :
Identifiant Offre Info : 15_26538986F
Organisme responsable : NAPSIA (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

À l'issue de la formation, vous serez capable de :     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…

À l'issue de la formation, vous serez capable de :

       
  • 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.

Programme de la formation

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 :…

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 via APP_INITIALIZER.
  • RxJS Avancé : Gestion des souscriptions (takeUntilDestroyed), manipulation des Subject et BehaviorSubject.
  • 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.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

21 h

Financement

Conventionnement
Non
Financeur
  • Autre

    Programme : Autre financement (AIF, entreprise , individuel…)

Conditions d'accès

Publics visés

  • Demandeur d'emploi
  • Public en emploi
  • Salarié dans le cadre du CIF
  • Salarié dans le cadre du DIF
  • Salarié dans le cadre du plan de formation
  • Salarié en contrat aidé
  • Salarié en période de professionnalisation
  • Salarié en reconversion
  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Connaissances en JS et concepts MVC Expérience préalable sur des applications Angular (concepts de base) Un questionnaire de positionnement sera réalisé au préalable pour adapter la formation à vos besoins

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

142 Route d'Albi
31200 Toulouse

Responsable : NAPSIA

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
142 route d'Albi
31200 Toulouse
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes