-
Filière :
Développement logiciel
-
Sous-filière :
Technos Web (PHP, JS...)
-
Référence
DW-ANG2P
-
Durée
3 jours (21 h)
-
Prix par personne HT
2 050 € HT
Objectifs pédagogiques
- Comprendre le fonctionnement interne d’Angular
- Etudier les possibilités avancées du framework
- Déployer des applications optimisées
- Développer des Progressive WebApps
Public cible
- Chefs de projets
- Développeurs
Pré-requis
Avoir suivi le cours Angular ou avoir les connaissances équivalentes
Programme de la formation
Mécanismes internes d’angular
- Fonctionnement du change detection
- 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
Echanges 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
Qualité
Cette formation est accessible aux personnes en situation de handicap, nous contacter en cas de besoin d’informations complémentaires.
Programme mis à jour le