Prenez contact avec nous

Plan du cours

Introduction

  • Qu'est-ce qu'Angular ?
  • Angular versus React versus Vue
  • Aperçu des fonctionnalités et de l'architecture d'Angular 16
  • Configuration de l'environnement de développement

Démarrage

  • Création d'un nouveau projet Angular 16 à l'aide d'Angular CLI
  • Exploration de la structure et des fichiers du projet
  • Exécution et déploiement local de l'application
  • Affichage des données à l'aide de l'interpolation et des expressions

Composants

  • Compréhension du rôle des composants dans Angular 16
  • Création et utilisation des composants
  • Transmission de données entre composants à l'aide d'entrées (inputs) et de sorties (outputs)
  • Utilisation des cycles de vie des composants

Directives

  • Compréhension de la différence entre les directives structurelles et les directives d'attribut
  • Création et utilisation des directives intégrées telles que ngIf, ngFor, ngSwitch, etc.
  • Création et utilisation de directives personnalisées

Pipes

  • Compréhension de l'utilité des pipes dans Angular 16
  • Création et utilisation des pipes intégrés tels que date, currency, json, etc.
  • Création et utilisation de pipes personnalisés

Services

  • Compréhension du rôle des services dans Angular 16
  • Création et utilisation des services
  • Injection de dépendances à l'aide de providers

Modules

  • Compréhension du rôle des modules dans Angular 16
  • Création et utilisation des modules
  • Importation et exportation de modules

Liaison de données

  • Compréhension de la différence entre la liaison de données unidirectionnelle et bidirectionnelle
  • Création et utilisation de la liaison de propriétés, de la liaison d'événements et de la syntaxe de liaison bidirectionnelle (banana-in-a-box)
  • Utilisation des variables de référence de modèle

Routage

  • Compréhension du rôle du routage dans Angular 16
  • Création et configuration des routes
  • Navigation entre les routes à l'aide de routerLink et router.navigate
  • Utilisation des paramètres de route, des paramètres de requête et des fragments

Formulaires

  • Compréhension de la différence entre les formulaires basés sur le modèle et les formulaires réactifs
  • Création et validation des formulaires à l'aide de contrôles de formulaire, de groupes de formulaires, de tableaux de formulaires, etc.
  • Utilisation des validateurs intégrés tels que required, minLength, maxLength, etc.
  • Création et utilisation de validateurs personnalisés

Client HTTP

  • Compréhension du rôle du client HTTP dans Angular 16
  • Création et utilisation des requêtes HTTP pour communiquer avec des services back-end
  • Utilisation des observables pour gérer les flux de données asynchrones
  • Utilisation d'intercepteurs pour modifier ou gérer les requêtes ou réponses HTTP

Débogage

  • Compréhension des erreurs et bogues courants dans les applications Angular 16
  • Utilisation de Chrome DevTools pour inspecter les éléments, les sources, le réseau, la console, etc.
  • Utilisation des points d'arrêt, des expressions de surveillance, de la pile d'appels, etc. pour déboguer le code

Tests

  • Compréhension de l'importance des tests dans les applications Angular 16
  • Utilisation de Jest en tant que framework de test alternatif
  • Utilisation de Karma en tant qu'exécuteur de tests pour les tests unitaires
  • Utilisation de Protractor en tant qu'outil de test de bout en bout

Résumé et prochaines étapes

Pré requis

  • Compréhension de HTML, CSS et JavaScript
  • Expérience avec TypeScript et RxJS
  • Expérience en développement web

Audience

  • Développeurs souhaitant apprendre à utiliser Angular 16 pour créer des applications web dynamiques et réactives
  • Développeurs souhaitant améliorer leurs compétences par rapport aux versions précédentes d'Angular
  • Programmateurs souhaitant explorer les nouvelles fonctionnalités et mises à jour d'Angular 16
 28 Heures

Nombre de participants


Prix par participant

Nos clients témoignent (2)

Cours à venir

Catégories Similaires