Plan du cours

Introduction

  • Qu'est-ce qu'Angular ?
  • Qu'y a-t-il de neuf dans Angular 10 ?

Aperçu de TypeScript et JavaScript ES6

  • Syntaxe TypeScript
  • Utilisation du transpileur TypeScript
  • Mise en place d'Angular 10 et TypeScript

Aperçu des parties d'Angular 10

  • Angular CLI
  • Composants
  • DIRECTIVES
  • Entrées et sorties
  • Data binding et interpolation
  • Liaison d'événements
  • Data modeling
  • Bootstrapping

Création de votre première application Angular

  • Planification de l'application
  • Mise en place d'un projet Angular
  • Création d'une interface utilisateur mobile-friendly avec Bootstrap 4 et Sass

Création d'un composant

  • Comprendre le cycle de vie du composant
  • Data flow
  • Utilisation des modèles et styles
  • Projection de contenu
  • Travail avec AppModule
  • Création de composants personnalisés
  • Utilisation de l'encapsulation de vue
  • Mise en œuvre des hooks de cycle de vie
  • Utilisation de ViewChildren et ContentChildren

Data binding dans Angular 10

  • Comprendre la liaison de propriétés et d'événements
  • Liaison et attribution d'alias à des propriétés personnalisées
  • Liaison et attribution d'alias à des événements personnalisés

Travail avec les directives

  • Directives intégrées
  • Directives personnalisées

Services Angular 10

  • Création d'un service de journalisation
  • Création d'un service de données

Utilisation de l'injection de dépendances et des fournisseurs

  • Injecteurs, fournisseurs et tokens
  • Configuration de l'injection de dépendances
  • Configuration de votre fournisseur
  • Injection de services dans les composants, directives et services

Changement de pages avec le routage

  • Comprendre les différentes méthodes de navigation
  • Stratégies de routage
  • Mise en place des routes
  • Configuration et chargement des routes
  • Utilisation de paramètres dans les routes
  • Création de routes imbriquées
  • Utilisation de routes de redirection et de wildcard
  • Comprendre les guards de route

Utilisation de RxJS pour créer et travailler avec des observables dans Angular

  • Aperçu des observables
  • Aperçu de RxJS
  • Construction et utilisation d'observables dans Angular

Génération de formulaires pour l'entrée utilisateur

  • Utilisation des formulaires pilotés par le modèle
  • Utilisation des formulaires réactifs
  • Création de validation personnalisée
  • Validation, filtrage et nettoyage des données de formulaire

Utilisation de pipes

  • Transformation de la sortie
  • Pipes intégrés
  • Async Pipe
  • Pipes personnalisés

Faire des appels à des APIs HTTP externes

  • Envoi de requêtes

Utilisation des modules Angular

Test de l'application Angular 10

  • Utilisation de Jasmine pour le test unitaire
  • Utilisation de Protractor pour le test end-to-end

Débogage de l'application

  • Comprendre les messages d'erreur dans Angular
  • Utilisation des sourcemaps pour déboguer le code dans le navigateur
  • Lecture des diagnostics du compilateur TypeScript
  • Utilisation de Augury

Optimisation de l'application Angular 10

  • Réorganisation du code
  • Réduction de la taille des bundles et élimination du code mort

Sécurité d'Angular 10

  • Comment l'authentification fonctionne
  • Utilisation de l'authentification JWT
  • Ce qui doit et ne doit pas être écrit dans Angular

Déploiement d'une application Angular 10 en production

  • Déploiement sur IIS, Apache, Nginx, etc.

Meilleures pratiques pour Angular 10

Résolution de problèmes

Résumé et conclusion

Pré requis

  • Familiarité avec le HTML de base, CSS et JavaScript

Public visé

  • Développeurs
 28 Heures

Nombre de participants


Prix ​​par Participant

Nos clients témoignent (5)

Cours à venir

Catégories Similaires