Durée : 4 jours
Code : TWC103
Formation #TWC103
Formation Angular 2+ : développements avancés
Email
Partager
Partager
Partager
Partager
Partager
Objectifs
- Comprendre les concepts avancés qui portent Angular
- Augmenter les performances d'une application Angular
- Intégrer les outils de documentation et les librairies externes incontournables
- Développer des Progressive WebApps
Programme
Public Cible
1/ Mécanismes internes d’angular
Approche Pédagogique
- Fonctionnement du change detection
- Les Zones
- Optimisation des cycles de rendu, exécution hors ZoneJS
- Retour sur RxJS
- Utilisation de RxJS dans les services
- Gestion des modules et lazy loading
- Angular 9 Ivy Engine : configuration et migration
- Utilisation des observables
- Création, combinaison, opérateurs clés
- Compilation ahead of time
- Webpack bundle analyzer
- Requêtes HTTP avancées
- Configuration du routage et modules de routage
- Stratégies de routage
- Route Guards
- Paramètres optionnels
- L’infrastructure de test : Jasmine, Karma et Protactor
- Tests de composants
- Tests et injection de dépendances
- Tests et routage
- Tests et code asynchrone
- Tests et appels Http
- Le Code-Coverage
- Behaviour driven development, Test driven development
- Cas de test : pipe, component, service, etc
- Les web components
- Méthodologie : interactive component sheet
- Les décorateurs
- Le change detection mode
- Composants neutres versus à état. Communication entre composants, optimisation ES6
- Projection de contenu, pilotage de composants enfants
- Préparer les composants pour la distribution
- Documentation : génération dynamique
- Gestion des développements multi-projet
- Découverte de l'écosystème Angular pour la gestion des données, AngularFire, NgRx
- Les bibliothèques UI : Angular Material, Prime NG...
- Les animations
- Création de validateurs
- Select : ngValue, compareWith, sélection multiple
- Relation inter-champs
- L’option ‘updateOn’
- Formulaires dynamiques :
- Création de formulaire dynamique : ReactiveFormsModule
- FormControl et FormGroup, AbstractControl, FormArray
- Validation et gestion d'erreur personnalisée
- Création de modèles de données
- Utilisation du FormBuilder
- Création dynamique de template
- Abstraction de composant métier de formulaire
- WebSocket
- Sécurisation
- Interception des échanges
- Suivre l’avancement des requêtes
- La stratégie OnPush
- Mutabilité et immutabilité
- Désactivation du ‘change detection’
- L’option trackBy de la directive ngFor
- Optimiser la taille des livrables : la compilation AoT
- Réduire les temps de chargement : le chargement différé des modules
- Présentation d’Angular Universal
- Principes des Progressive WebApps
- Importance du mode déconnecté
- L’API ServiceWorkers
- Angular I18N standard
- i18n marker
- Singulier / pluriel & select
- ng-xi18n
- AOT gotchas
- @ngx-translate
- Concept de la librairie
- Chargement à chaud des traductions
Approche Pédagogique
- Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
- Cas pratiques
- Remise d’outils
- Echanges d’expériences
- Chefs de projets
- Développeurs