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
 28 heures

Nombre de participants



Prix par participant

Nos Clients témoignent (1)

Cours Similaires

Catégories Similaires