Plan du cours
Introduction
- Qu'est-ce que Angular ?
- Angular vs React vs Vue
- Aperçu des fonctionnalités et de l'architecture de Angular 16
- Mise en place de l'environnement de développement
Commencer à développer
- Création d'un nouveau projet Angular 16 à l'aide de l'interface CLI Angular.
- Explorer la structure et les fichiers du projet
- Exécuter et servir l'application
- Affichage des données à l'aide de l'interpolation et des expressions
Les composants
- Comprendre le rôle des composants dans Angular 16
- Créer et utiliser des composants
- Transmettre des données entre composants à l'aide d'entrées et de sorties
- Utiliser les crochets de cycle de vie des composants
Directives
- Comprendre la différence entre les directives structurelles et les directives d'attributs
- Créer et utiliser des directives intégrées telles que ngIf, ngFor, ngSwitch, etc.
- Créer et utiliser des directives personnalisées
Les tuyaux
- Comprendre l'utilité des tuyaux dans Angular 16
- Créer et utiliser des tuyaux intégrés tels que date, currency, json, etc.
- Créer et utiliser des tuyaux personnalisés
Services
- Comprendre le rôle des services en Angular 16
- Créer et utiliser des services
- Injecter des dépendances à l'aide de fournisseurs
Les modules
- Comprendre le rôle des modules en Angular 16
- Créer et utiliser des modules
- Importer et exporter des modules
Liaison de données
- Comprendre la différence entre la liaison de données unidirectionnelle et bidirectionnelle
- Créer et utiliser la liaison de propriétés, la liaison d'événements et la syntaxe "banane dans une boîte".
- Utilisation de variables de référence de modèle
Routage
- Comprendre le rôle du routage dans Angular 16
- Créer et configurer des itinéraires
- Navigation entre les itinéraires à l'aide de routerLink et de router.navigate
- Utilisation des paramètres d'itinéraire, des paramètres de requête et des fragments
Formes
- Comprendre la différence entre les formulaires basés sur des modèles et les formulaires réactifs
- Créer et valider des formulaires en utilisant des contrôles de formulaires, des groupes de formulaires, des tableaux de formulaires, etc.
- Utiliser les validateurs intégrés tels que required, minLength, maxLength, etc.
- Création et utilisation de validateurs personnalisés
Client HTTP
- Comprendre le rôle du client HTTP dans Angular 16
- Créer et utiliser des requêtes HTTP pour communiquer avec des services backend
- Utiliser des observables pour gérer des flux de données asynchrones
- Utilisation d'intercepteurs pour modifier ou traiter les requêtes ou les réponses HTTP
Débogage
- Comprendre les erreurs et les bogues courants dans les applications Angular 16
- Utiliser Chrome DevTools pour inspecter les éléments, les sources, le réseau, la console, etc.
- Utiliser des points d'arrêt, des expressions de surveillance, la pile d'appels, etc. pour déboguer le code
Tests
- Comprendre l'importance des tests dans les applications Angular 16
- Utiliser Jest comme cadre de test alternatif
- Utiliser Karma comme gestionnaire de tests pour les tests unitaires
- Utiliser Protractor comme outil de test de bout en bout
Résumé et prochaines étapes
Pré requis
- Une compréhension de HTML, CSS et JavaScript
- Expérience avec TypeScript et RxJS
- Expérience du développement web
Public
- Les développeurs qui souhaitent apprendre à utiliser Angular 16 pour créer des applications web dynamiques et réactives.
- Développeurs souhaitant mettre à jour leurs compétences par rapport aux versions précédentes de Angular.
- Les programmeurs qui souhaitent découvrir les nouvelles fonctionnalités et les mises à jour de Angular 16
Nos Clients témoignent (6)
J'ai aimé vos blagues
Dermot - Griffiths & Armour
Formation - Angular 2 Fundamentals
Traduction automatique
interesting showing the topic
Adam Boroch - SPOC S.A.
Formation - Angular JavaScript
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Formation - AngularJS Basics
L'attitude et les connaissances du formateur
Gabriel Llaurado - Allianz Technology
Formation - Angular 10 for Developers
Traduction automatique
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Formation - Angular 14
La façon dont les nouvelles sont traduites
Dominik - Państwowa Akademia Nauk Stosowanych im. Ks. Bronisława Markiewicza w Jarosławiu
Formation - Angular 15
Traduction automatique