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



Adresse :
26-28 rue de Londres75009 Paris
Metro :
3
9
12
13
14
RER
A
E