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
Quels sont les buts de la formation ?
-
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.
Que devez vous connaître pour suivre la formation ?
Connaissances préalables de Javascript ou de Typescript. Connaissances de base d’Angular ou avoir suivi une formation d’Angular base.
Programme de la formation
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.