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 versus React versus Vue
- Aperçu des fonctionnalités et de l'architecture d'Angular 16
- Configuration 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 et des fichiers du projet
- Exécution et déploiement local 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 à l'aide d'entrées (inputs) et de sorties (outputs)
- Utilisation des cycles 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 à l'aide de 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 unidirectionnelle et bidirectionnelle
- Création et utilisation de la liaison de propriétés, de la liaison d'événements et de la syntaxe de liaison bidirectionnelle (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 à l'aide de 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 basés sur 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 des services back-end
- Utilisation des observables pour gérer les flux de données asynchrones
- Utilisation d'intercepteurs pour modifier ou gérer les requêtes ou réponses HTTP
Débogage
- Compréhension des erreurs et bogues 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 en tant que framework de test alternatif
- Utilisation de Karma en tant qu'exécuteur de tests pour les tests unitaires
- Utilisation de Protractor en tant qu'outil de test de bout en bout
Résumé et prochaines étapes
Pré requis
- Compréhension de HTML, CSS et JavaScript
- Expérience avec TypeScript et RxJS
- Expérience en développement web
Audience
- Développeurs souhaitant apprendre à utiliser Angular 16 pour créer des applications web dynamiques et réactives
- Développeurs souhaitant améliorer leurs compétences par rapport aux 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