Framework dédié au développement d’applications web et mobiles, Angular fournit nativement tous les éléments nécessaires pour réaliser des développements complets. Parce qu’il permet de créer des applications responsive, agréables et fluides, s’exécutant rapidement et pouvant intégrer des interfaces graphiques complexes, Angular est très apprécié des développeurs. Mais pour tirer pleinement parti du framework considéré par certains comme le plus polyvalent et le plus complet actuellement, il convient d’en maîtriser les fonctionnalités les plus avancées. C’est précisément l’objet de cette formation. Les participants y apprendront notamment à optimiser leurs applications et à en améliorer la fiabilité et les performances. Ils comprendront également comment développer des Progressive WebApps.
Objectifs de cette formation
Angular 2+ - Développements avancés - Comprendre le fonctionnement interne d'Angular
- Être capable d'étudier les possibilités avancées du framework
- Apprendre à déployer des applications optimisées
- Comprendre comment développer des Progressive WebApps
- Chefs de projets
- Développeurs
Mécanismes internes d’Angular
- Fonctionnement du change détection
- Les Zones
- Retour sur RxJS
- Utilisation de RxJS dans les services
- Gestion des modules et lazy loading
Les tests
- 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
Routage avancé
- Configuration du routage et modules de routage
- Stratégies de routage
- Route Guards
- Paramètres optionnels
Composants avancés
- Les différents types d’interaction entre composants
- Cycle de vie des composants et lifecycle hooks
- Création de directives d’attribut
- Création de directives de structure
- Création dynamique de composants
- Pipes asynchrones
- Introduction à l’animation
- Internationalisation
Formulaires avancés
- Création de validateurs
- Select : ngValue, compareWith, sélection multiple
- Relation inter-champs
- L’option "updateOn"
- Formulaires dynamiques
Échanges serveur
- WebSocket
- Sécurisation
- Interception des échanges
- Suivre l’avancement des requêtes
Améliorer les performances
- 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
PWA
- Principes des Progressive WebApps
- Importance du mode déconnecté
- L’API ServiceWorkers
Les plus de cette formation
Angular 2+ - Développements avancés - Une pédagogie rythmée et variée fondée sur une alternance d'apports méthodologiques, d'ateliers pratiques et de phases d'échanges.
- Des ateliers qui apportent aux participants une expérience concrète du développement avancé avec Angular 2+.
- Des experts du framework qui partagent leurs trucs et astuces pour développer plus rapidement.
- Angular 2+ correspond à toutes le versions successives d'Angular, soit de la version 2 à la version 7 à ce jour.