Angular
Standard
Angular : Réinventez votre expérience web avec une technologie de pointe
Aperçu de la formation
Maîtrisez Angular standard
et boostez votre carrière 💡
Propulsez votre carrière de développeur avec notre formation Angular standard, conçue pour vous enseigner les compétences nécessaires pour créer des applications web interactives et réactives. Que vous soyez un débutant en JavaScript ou un développeur expérimenté cherchant à se spécialiser, cette formation est faite pour vous.
Objectifs de la formation
Maîtriser les fondamentaux d'Angular
Acquérir une compréhension approfondie des concepts de base d'Angular, y compris ses principes fondamentaux, sa structure et ses fonctionnalités essentielles.
Développer des compétences pratiques dans la création et la gestion de composants et de services
Apprendre à concevoir et à gérer efficacement des composants et des services Angular, en comprenant leur rôle, leur utilisation et leur intégration dans des applications web dynamiques.
Intégrer Angular avec des APIs externes
Explorer les méthodes et les meilleures pratiques pour intégrer des APIs externes dans des applications Angular, en utilisant des techniques telles que les appels HTTP, l'authentification, et la gestion des données pour une interaction transparente et fiable avec des services externes.
4 Jours
Programme de formation
Un programme conçu par des professionnels pour maîtriser Angular
- Présentation d’Angular
- Architecture d’Angular
- Principaux concepts et notions
- Installation d’Angular
- Arborescence d’un projet Angular
- Définition
- Arbre de composants
- Premier composant
- Création d’un composant
- Imbrication entre Composants
- Insérer du contenu externe dans un composant
- Le Data Binding
- L’interpolation
- Property Binding
- Event Binding
- Two way Binding
- Interaction entre composants
- Interaction du père vers le fils
- Interaction du fils vers le père
- Définition
- Les directives d’attribut
- Les directives d’attribut (ngStyle)
- Les directives d’attribut (ngClass)
- Customiser une directive d’attribut
- Les directives structurelles
- Les directives structurelles *ngIf
- Les directives structurelles *ngFor
- Syntaxe
- Les pipes disponibles par défaut (Built-in pipes)
- Paramétrer un pipe
- Pipe personnalisé
- Exemple de pipe personnalisé
- Définition
- Création d’un service
- Premier Service
- Injection de dépendance (DI)
- @Injectable
- DI Hiérarchique
- Injecter un service dans un autre
- Approche de gestion de FORM
- Approche basée Template/ Template Driven Approach
- Approche basée TemplateNgForm
- Approche basée Template Validation
- Approche basée Template Accéder aux propriétés d’un champ (contrôle) du formulaire
- Approche basée TemplateAssocier des valeurs par défaut aux champs
- Approche basée Template Grouping form
- Définition
Création d’un systèmede Routing - Préparer l’emplacement d’affichage des vues correspondantes aux routes
- Syntaxe minimaliste d’une route
- Déclencher une route [routerLink]
- Comment représenter une route
- Déclencher une route à partir du composant
Les paramètres d’une route Récupérer les paramètres d’une route - Passer le paramètreà travers le tableau de routerLink
- Route Fils
- Redirection
- Redirection : gestiond’erreurs de rooting
- Installation de HTTP
- Le pattern « Observateur »
- Les subjects
- Interagir avec une API Get
- Interagir avec une API POST
- Authentification
- Le Guard CanActivate
- Les intercepteurs