Plan du cours
Introduction
- Vue d'ensemble d'Angular et de ses fonctionnalités
- Comprendre le cadre et l'architecture d'Angular
- Quoi de neuf dans Angular 15 ?
Mise en place de l'environnement de développement
- Installation et configuration Angular 15
- Utiliser les API stables et autonomes qui permettent aux développeurs Angular de créer des applications sans les modules Ng.
- Comprendre les performances améliorées
Principes de base TypeScript
- Comprendre la syntaxe TypeScript
- Définir des variables et des tableaux
- Taper dans les fonctions
Composants
- Anatomie d'un composant Angular
- Création et utilisation de composants
- Communication entre composants
- Mise en œuvre des crochets de cycle de vie des composants
- Utilisation de CDK List pour la construction de composants d'interface utilisateur
Directives
- Anatomie d'une directive Angular
- Créer et utiliser des directives
- Création de directives personnalisées
- Utilisation de l'API de composition des directives
- Utilisation de la directive Image dans les applications Angular et exécution de la génération automatique de srcset dans la directive Image
Services et injection de dépendance
- Anatomie d'un service Angular
- Créer et utiliser des services
- Utiliser l'injection de dépendance pour gérer les services
Pipes
- Anatomie d'un tuyau Angular
- Créer et utiliser des tuyaux
- Construire des tuyaux personnalisés
Formulaires
- Construire et valider des formulaires en utilisant Angular's FormBuilder
- Implémenter des formulaires réactifs
- Utiliser des formulaires pilotés par des modèles
HttpClient
- Communiquer avec une API RESTful à l'aide du module Angular's HttpClient
- Mise en œuvre des requêtes GET, POST, PUT et DELETE
- Gestion des erreurs et des événements de progression
Authentification et autorisation
- Mise en œuvre de l'authentification et de l'autorisation dans les applications Angular
- Utiliser des jetons Web JSON (JWT) pour l'authentification
- Protéger les routes avec des gardes
- Réduire le code "boilerplate" dans les gardes
Test et débogage
- Écrire des tests unitaires en utilisant Jasmine et Karma
- Tester les composants, directives, services et tuyaux Angular
- Déboguer les applications Angular en utilisant les DevTools du navigateur
- Apprendre à connaître les améliorations apportées à esbuild pour des constructions plus rapides
Résumé et prochaines étapes
Pré requis
- Compréhension de base de HTML, CSS et JavaScript .
Audience
- Développeurs
- Programmeurs
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
Analyse pas à pas. Chaque ligne de code est expliquée. Chaque problème que j'ai rencontré pendant le cours a été résolu avec succès et Łukasz m'en a donné la raison. J'ai également apprécié les bonnes pratiques qui ont été présentées. Je n'ai jamais été convaincu par le style TDD - je ne le trouve tout simplement pas utile et il ne vaut pas la peine d'y consacrer du temps. Łukasz a souligné tant d'avantages du TDD qu'il a complètement changé mon opinion.
Michal Uscinski - Devapo Sp. z o. o.
Formation - Testing Angular Applications
Traduction automatique