Formation Angular Avancé

REF
ANG-AV
DUREE
5 Jours
TARIF
2590€ HT
>

Objectifs

  • Maîtriser les concept avancé du framework Angular
  • Savoir concevoir des applications Angular de toute taille et optimiser les performances
  • Maîtriser l’architecture d’une application modulaire
>

Public

  • Développeurs front
  • Développeurs Back
  • Lead dev
>

Prérequis

  • Avoir suivi la formation Angular initiation ou maîtriser tous les concepts du programme Angular Initiation
  • Connaissances de base en HTML, CSS, JS et Programmation Objet
>

Programme

Rappel et architecture

  • Rappel des fondamentaux Angular
  • Architecture modulaire, concepts avancés
  • Concevoir des architecture pour l’Agilité
  • Components de design vs components de données brutes
  • Concevoir pour la maintenabilité, la ré-utilisabilité et l’évolutivité
  • TP : concevoir une architecture et optimiser les performances

Tests unitaires, la méthode Test Driven Development

  • Appliquer la méthode TDD
  • Ecriture d’un test, faire échouer le test, écrire le code, re-factoriser
  • Réduire les bugs en utilisant TDD
  • TDD vs test unitaires, les bonnes pratiques
  • TP : nombreux examples de tests

Le router, optimisation, concepts avancés

  • Le Lazy Loading
  • Preloading Strategy
  • Les Guards, CanActivate et CanDeactivate, CanLoad
  • Les Resolves
  • Les Routes enfant
  • ActivatedRoute
  • Query parameters et Fragments
  • Comprendre le ChangeDetection
  • ChangeDetection Strategy
  • TP : Réaliser un Guard, un Resolve, utiliser ActivatedRoute

Composants dynamiques

  • Les transclusions, concepts avancés
  • ng-content vs ng-templates, bonnes pratiques
  • @ViewChild et @ViewChildren
  • @ContentChild et @ContentChildren
  • Génération de formulaires dynamiques
  • Génération de components dynamiques
  • Renderer 2
  • ngFactory
  • TP : Créer un module pour la génération de formulaire dynamique

HttpModule, concepts avancés

  • L’authentification
  • HttpClient, les interceptors
  • Protéger les appels api
  • Les environements de développement
  • TP : Créer un module pour l’authentification

Rxjs notions avancées

  • Observables chauds vs Observables froids
  • Les Subject, BehaviorSubject, ReplaySubject, AsyncSubject
  • Rxjs, fonctions et opérators avancés
  • of, from, create, pipe, fromEvent, delay, distinct, debounceTime, interval, timer
  • map, mergeMap, switchMap,…
  • TP : Créer un moteur de recherche avec Rxjs

L'internationalisation

  • Angular et le pipe i18n
  • Gérer la pluralisation
  • TP : Préparer une application Angular pour l'internationalisation

Les PWA

  • Générer une PWA
  • Manipuler le ServiceWorker
  • Créer des applications installable sur mobiles
  • Les notifications en local
  • Les messages push
  • Le mode offline
  • TP : Créer une PWA et l’installer sur un mobile

Les stores, Ngrx

  • Qu’est ce que Ngrx ?
  • Les avantages de Ngrx
  • Quand utiliser Ngrx et pourquoi.
  • Actions, Reducers, Selectors, Store, and Effects
  • TP : examples d’utilisation de Ngrx avec Angular
>

Moyens et Méthodes Pédagogiques

  • La formation est constituée d’un cas pratique au cours duquel les apprenants créent une application Angular complète
  • Réalisation de travaux pratiques et d’exercices pour la validation des acquis
  • Un poste par stagiaire
  • Formateur Expert Certifié Nativo
  • Remise d’une documentation pédagogique papier ou numérique pendant le stage
>

Validation des acquis

  • Auto évaluation des acquis par le stagiaire via un questionnaire en fin de formation
  • Attestation de fin de stage remise avec la facture
Dates des sessions
Lieu
>12/05/2025
au
16/05/2025
Paris ou à Distance
>09/06/2025
au
13/06/2025
Paris ou à Distance
>23/06/2025
au
27/06/2025
Paris ou à Distance
Toutes les dates
Un Intra ?Une formation sur mesure ?
>12/05/2025
au
16/05/2025
Paris ou à Distance
>09/06/2025
au
13/06/2025
Paris ou à Distance
>23/06/2025
au
27/06/2025
Paris ou à Distance
>15/09/2025
au
19/09/2025
Paris ou à Distance
>29/09/2025
au
03/10/2025
Paris ou à Distance
>21/10/2025
au
27/10/2025
Paris ou à Distance
>03/11/2025
au
07/11/2025
Paris ou à Distance
>24/11/2025
au
28/11/2025
Paris ou à Distance
>08/12/2025
au
12/12/2025
Paris ou à Distance
Moins des dates
Un Intra ? Une formation sur mesure ?

Nos Clients

Logo Nativo Logo Qualiopi
Nativo Address

Adresse :

26-28 rue de Londres
75009 Paris

Metro :

3
9
12
13
14
RER
A
E

Déclaration CNIL n° 1286285