Angular avancé
Organisé par :
Partenaires de la formation :
Description
Approfondir ses compétences Angular pour créer
des applications complexes et performantes.
Cette formation s'adresse aux développeurs Javascript, Développeurs Angular.
Les contenus techniques vus au cours de cette formation sont:
→ 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 ses 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
INTRODUCTION À ANGULAR ET CONCEPTS FONDAMENTAUX
↘ Introduction à Angular
• Présentation du
Framework Angular
• Avantages et cas
d'utilisation
• Environnement de
développement et outils
nécessaires
↘ Architecture et
Fonctionnement d'une
Application Angular
• Composants, modules,
services et directives
• Compréhension du cycle
de vie des composants
• Communication entre
les composants
↘ Environnement
de Développement
• Configuration
de l'environnement
de développement
avec Angular CLI
• Création d'un nouveau
projet Angular
• Utilisation de l'interface
de commande Angular CLI
GESTION DES DONNÉES ET ROUTAGE
Gestion des Données
dans Angular
• Utilisation de templates
pour afficher des données
• Création de modèles
de données avec Angular
Forms
• Validation des données
côté client
↘ Routage dans les
Applications Angular
• Configuration du Routage
et utilisation des Routes
• Navigation entre les pages
• Routage paramétré pour
les pages dynamiques
↘ Communication avec
un Serveur Backend
• Utilisation de services
pour effectuer des
requêtes HTTP
• Intégration d'un serveur
backend avec Angular
• Gestion des erreurs
de requêtes
OPTIMISATION ET DÉPLOIEMENT
↘ Optimisation des
Performances
• Meilleures pratiques
pour améliorer les
performances d'une
application Angular
• Lazy loading des modules
pour un chargement
plus rapide
• Utilisation des outils
de développement pour
détecter les goulots
d'étranglement
↘ Internationalisation
et Localisation
• Prise en charge
de plusieurs langues
dans une application
Angular
• Utilisation de l'outil
d'internationalisation pour
traduire le contenu
↘ Déploiement d'une
Application Angular
• Génération de fichiers
de production avec
Angular CLI
• Hébergement
de l'application sur
différents serveurs
(Apache, Nginx, etc.)
• Stratégies de déploiement
pour une mise à jour
en douceur
↘ Exercices pratiques
• Création d'un nouveau projet Angular avec Angular CLI.
• Création de composants et utilisation de templates
pour afficher des données.
• Communication entre les composants à l'aide des propriétés
et des événements.
• Création d'un formulaire de contact avec validation
des données.
• Mise en place du routage pour naviguer entre différentes
pages de l'application.
• Utilisation d'un service pour récupérer des données à partir
d'une API backend.
• Optimisation des performances de l'application en utilisant
le chargement paresseux (lazy loading) pour les modules.
• Mise en place de la localisation de l'application en prenant
en charge différentes langues.
• Déploiement de l'application sur un serveur de production.