Merci d'avoir envoyé votre demande ! Un membre de notre équipe vous contactera sous peu.
Merci d'avoir envoyé votre réservation ! Un membre de notre équipe vous contactera sous peu.
Plan du cours
Introduction
- Qu'est-ce qu'Angular ?
- Angular vs React vs Vue
- Aperçu des fonctionnalités et de l'architecture d'Angular 16
- Mise en place de l'environnement de développement
Démarrage
- Création d'un nouveau projet Angular 16 à l'aide d'Angular CLI
- Exploration de la structure du projet et des fichiers
- Lancement et mise en service de l'application
- Affichage des données à l'aide de l'interpolation et des expressions
Composants
- Compréhension du rôle des composants dans Angular 16
- Création et utilisation des composants
- Transmission de données entre composants via inputs et outputs
- Utilisation des hooks de cycle de vie des composants
Directives
- Compréhension de la différence entre les directives structurelles et les directives d'attribut
- Création et utilisation des directives intégrées telles que ngIf, ngFor, ngSwitch, etc.
- Création et utilisation de directives personnalisées
Pipes
- Compréhension de l'utilité des pipes dans Angular 16
- Création et utilisation des pipes intégrés tels que date, currency, json, etc.
- Création et utilisation de pipes personnalisés
Services
- Compréhension du rôle des services dans Angular 16
- Création et utilisation des services
- Injection de dépendances via les fournisseurs (providers)
Modules
- Compréhension du rôle des modules dans Angular 16
- Création et utilisation des modules
- Importation et exportation de modules
Liaison de données
- Compréhension de la différence entre la liaison de données un sens et bidirectionnelle
- Création et utilisation de la liaison de propriété, de la liaison d'événement et de la syntaxe en « banane dans une boîte » (banana-in-a-box)
- Utilisation des variables de référence de modèle
Routage
- Compréhension du rôle du routage dans Angular 16
- Création et configuration des routes
- Navigation entre les routes via routerLink et router.navigate
- Utilisation des paramètres de route, des paramètres de requête et des fragments
Formulaires
- Compréhension de la différence entre les formulaires gérés par le modèle et les formulaires réactifs
- Création et validation des formulaires à l'aide de contrôles de formulaire, de groupes de formulaires, de tableaux de formulaires, etc.
- Utilisation des validateurs intégrés tels que required, minLength, maxLength, etc.
- Création et utilisation de validateurs personnalisés
Client HTTP
- Compréhension du rôle du client HTTP dans Angular 16
- Création et utilisation des requêtes HTTP pour communiquer avec les services backend
- Utilisation des observables pour gérer les flux de données asynchrones
- Utilisation des intercepteurs pour modifier ou gérer les requêtes ou réponses HTTP
Débogage
- Compréhension des erreurs et bugs courants dans les applications Angular 16
- Utilisation de Chrome DevTools pour inspecter les éléments, les sources, le réseau, la console, etc.
- Utilisation des points d'arrêt, des expressions de surveillance, de la pile d'appels, etc., pour déboguer le code
Tests
- Compréhension de l'importance des tests dans les applications Angular 16
- Utilisation de Jest comme framework de test alternatif
- Utilisation de Karma comme lanceur de tests pour les tests unitaires
- Utilisation de Protractor comme outil de test de bout en bout
Resumé et prochaines étapes
Pré requis
- Compris du HTML, du CSS et du JavaScript
- Expérience avec TypeScript et RxJS
- Expérience en développement web
Public
- Développeurs souhaitant apprendre à utiliser Angular 16 pour créer des applications web dynamiques et réactives
- Développeurs souhaitant mettre à niveau leurs compétences à partir de versions précédentes d'Angular
- Programmateurs souhaitant explorer les nouvelles fonctionnalités et mises à jour d'Angular 16
28 Heures
Nos clients témoignent (2)
toutes les parties importantes ont été couvertes
carlo capuano - ITER Organization
Formation - Angular 18
Traduction automatique
L'attitude de l'animateur – vous aider à vous sentir à l'aise, faire des blagues pour détendre l'atmosphère et répondre aux questions de tous.
Ana Fedeles
Formation - Angular 20
Traduction automatique
