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 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
28 Heures
Nos clients témoignent (5)
J'ai apprécié que la formation soit plus axée sur l'aspect pratique.
Mihaela - Ness
Formation - NgRx
Traduction automatique
Sujets abordés, de nombreux exemples de code en direct, attitude des formateurs vis-à-vis du groupe
Weronika - ATOS PGS sp. z o.o.
Formation - Reactive Programming with Angular RxJS
Traduction automatique
J'ai aimé vos blagues
Dermot - Griffiths & Armour
Formation - Angular 2 Fundamentals
Traduction automatique
Exemples pratiques, exercices et meilleures pratiques
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Formation - Angular 10 for Developers
Traduction automatique
Canalisation Itinéraires liaison de données Services
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Formation - Angular 12
Traduction automatique
