Angular avancé
Description
La formation aborde les contenus techniques suivants :
-
Composants avancés et gestion des données
-
Routage avancé et sécurité
-
Déploiement avancé et internationalisation
What are the aims of the training?
-
Approfondir leurs connaissances sur les concepts avancés d'Angular et son écosystème.
-
Maîtriser les fonctionnalités avancées des composants, des services et des directives.
-
Comprendre les meilleures pratiques pour la gestion avancée des données et la communication entre composants.
-
Explorer les techniques avancées de routage et de gestion de la navigation dans les applications Angular.
-
Apprendre à optimiser les performances des applications Angular.
-
Acquérir des compétences avancées en internationalisation et en localisation.
-
Découvrir des stratégies avancées de déploiement et de gestion des mises à jour d'une application Angular.
What do you need to know to follow the training?
Connaissances préalables de Javascript ou de Typescript. Connaissances de base d’Angular ou avoir suivi une formation d’Angular base.
Training programme
Composants Avancés et Gestion des Données
-
Composants Avancés
○ Utilisation avancée des templates et des directives structurelles
○ Création de composants réutilisables et configurables
○ Communication entre les composants avec les services et les observables
-
Gestion Avancée des Données
○ Utilisation de Reactive Forms pour gérer des formulaires complexes
○ Validation personnalisée et gestion des erreurs de formulaire
○ Utilisation avancée des observables pour les opérations asynchrones
-
Tests Unitaires et Tests E2E
○ Écriture de tests unitaires avancés pour les composants et les services
○ Configuration et exécution des tests E2E avec Protractor
○ Couverture de code et détection des erreurs de manière proactive
Routage Avancé et Sécurité
- Routage Avancé
○ Prise en charge du routage avancé avec les résolveurs de route
○ Gestion des états et des paramètres de l'URL avec les Guards
○ Routage enfant et utilisation avancée des Lazy Loaders
-
Sécurité dans les Applications Angular
○ Implémentation de la sécurité côté client avec des Guards
○ Utilisation de JSON Web Tokens (JWT) pour l'authentification et l'autorisation
○ Stratégies de sécurité pour protéger les données sensibles
-
Optimisation des Performances Avancée
○ Utilisation du Change Detection OnPush pour améliorer les performances
○ Mise en cache des données avec des intercepteurs HTTP
○ Chargement différé des modules pour optimiser le temps de démarrage
Déploiement Avancé et Internationalisation
-
Déploiement Avancé
○ Stratégies de déploiement pour des mises à jour sans interruption
○ Gestion des versions et des branches pour un déploiement stable
○ Déploiement dans un environnement de production hautement disponible
-
Internationalisation Avancée
○ Utilisation avancée de l'outil d'internationalisation pour gérer plusieurs langues
○ Internationalisation dynamique en fonction des préférences de l'utilisateur
○ Traduction de l'interface utilisateur et gestion des chaînes de texte
Exercices pratiques
-
Création de composants réutilisables avec des configurations dynamiques.
-
Implémentation de formulaires réactifs pour une validation avancée.
-
Écriture de tests unitaires pour les composants et services les plus complexes.
-
Configuration de résolveurs de route pour charger des données avant l'affichage des pages.
-
Implémentation de Guards pour gérer l'accès aux différentes routes.
-
Utilisation du Change Detection OnPush pour améliorer les performances d'un composant.
-
Déploiement d'une application Angular avec différentes stratégies de mise à jour.
-
Internationalisation d'une application pour la prise en charge de plusieurs langues.
-
Gestion des traductions et des chaînes de texte dans l'interface utilisateur.