Formation Angular Avancé

• 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

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

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

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

• 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

• Auto évaluation des acquis par le stagiaire via un questionnaire en fin de formation
• Attestation de fin de stage remise avec la facture