Plan du cours

Introduction

  • Qu'est-ce qu'Angular ?
  • Quelles sont les nouveautés de Angular 11 ?

Vue d'ensemble de Typescript et ES6 JavaScript

  • Syntaxe TypeScript
  • Utiliser le transpileur TypeScript
  • Mise en place de Angular 11et Typescript

Vue d'ensemble des Angular 11'parties

  • CLI Angular
  • Composants
  • Directives
  • Entrées et sorties
  • Liaison de données et interpolation
  • Liaison d'événements
  • Modélisation des données
  • Bootstrapping
  • Webpack expérimental

Création de votre première application Angular

  • Planifier l'application
  • Mise en place d'un projet Angular
  • Créer une interface utilisateur adaptée au mobile en utilisant Bootstrap 4 et Sass.

Création d'un composant

  • Comprendre le cycle de vie des composants
  • Flux de données
  • Utiliser des modèles et des styles
  • Projeter du contenu
  • Travailler avec AppModule
  • Travailler avec des composants personnalisés
  • Utilisation de l'encapsulation des vues
  • Mise en œuvre des crochets de cycle de vie
  • Utilisation des ViewChildren et ContentChildren

Liaison de données dans Angular 11

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

Travailler avec des directives

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

Angular 11 Services

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

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

  • Injecteurs, fournisseurs et jetons
  • Configuration de l'injection de dépendance
  • Configuration du fournisseur
  • Injecter des services dans les composants, les directives et les services

Changer de page avec le routage

  • Comprendre les différentes méthodes de navigation
  • Stratégies d'acheminement
  • Mise en place des itinéraires
  • Configuration et chargement des itinéraires
  • Utilisation de paramètres dans les itinéraires
  • Création de routes imbriquées
  • Utilisation des itinéraires de redirection et des itinéraires génériques
  • Comprendre les garde-route

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

  • Aperçu des observables
  • Vue d'ensemble RxJS
  • Construire & ; Utiliser les Observables dans Angular

Générer des formulaires pour la saisie des données par l'utilisateur

  • Utilisation des formulaires pilotés par des modèles
  • Utilisation des formulaires Reactive
  • Créer une validation personnalisée
  • Valider, filtrer et assainir les données des formulaires

Utilisation de tuyaux

  • Transformer la sortie
  • Pipes intégrés
  • Tuyau asynchrone
  • Pipes personnalisés

Appeler des API HTTP externes

  • Envoi de demandes

Test de l'application Angular 10

  • Utilisation de Jasmine pour les tests unitaires
  • Utilisation de Protractor pour les tests de bout en bout

Débogage de l'application

  • Comprendre les messages d'erreur dans Angular
  • Utiliser les Sourcemaps pour déboguer le code dans le navigateur
  • Lire TypeScript les diagnostics du compilateur
  • Utiliser Augury

Optimisation de la Angular 11 candidature

  • Retravailler le code
  • Réduction de la taille des paquets et élimination du code mort

Angular 11 Sécurité

  • Fonctionnement de l'authentification
  • Utiliser l'authentification JWT
  • Ce qu'il faut et ne faut pas écrire en Angular

Déployer une Angular 11 application en production

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

Angular 11 Meilleures pratiques

Dépannage

Résumé et conclusion

Pré requis

  • Familiarité avec les principes de base de HTML, CSS et JavaScript
  • .

Audience

  • Développeurs
  28 heures
 

Nombre de participants


Début

Fin


Dates are subject to availability and take place between 09:30 and 16:30.
Les formations ouvertes requièrent plus de 3 participants.

Nos Clients témoignent (9)

Cours Similaires

Catégories Similaires