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 (5)
La formation était très interactive et informative. Le formateur a été très patient avec nous lorsque nous ne comprenions pas quelque chose et a veillé à ce que personne ne soit laissé de côté tout au long de la formation.
Daniel - INIT Innovations in Transportation Ltd.
Formation - Angular 17
Traduction automatique
- J'aime vraiment le cours et le formateur est très accommodant et possède une grande expertise sur le sujet. Il ne faut juste pas que tous les sujets soient abordés pendant la formation de 4 jours.
Allan - Tribal Software Philippines Inc
Formation - Angular 14
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