Angular avancé
Organised by :
Training partners :
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
What are the aims of the training?
→ 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.
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
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.