Plan du cours

Introduction

  • Quoi de neuf dans Angular 6 ?

Vue d'ensemble de Typescript et ES6 JavaScript

  • Syntaxe TypeScript
  • Utilisation du transpileur TypeScript
  • Configuration de Angular 6 et de Typescript

Vue d'ensemble des composants de Angular 6

  • Création de composants
  • Liaison de données et interpolation de chaînes
  • Liaison de propriétés
  • Liaison par événement
  • Liaison de données bidirectionnelle
  • Modélisation des données
  • Directives
  • Bootstrapping
  • Entrées et sorties
  • Angular CLI

Créer votre première Angular application

  • Planification de l'application
  • Configuration d'un projet et d'une application Angular à l'aide de l'interface de programmation
  • Création d'un projet de base Utilisation des composants Bootstrap 4 et Sass

Utilisation des composants Angular 6

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

Liaison de données dans Angular 6

  • Vue d'ensemble de 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

Travailler avec des directives

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

Angular 6 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 de votre fournisseur
  • Injection de services dans les composants, les directives et les services

Passage d'une page à l'autre avec le routage

  • Configuration des routes
  • Configuration et chargement des routes
  • Comprendre les différentes méthodes de navigation
  • Utilisation de paramètres dans les routes
  • Création de routes imbriquées
  • Utilisation des routes de redirection et des routes génériques
  • Comprendre les garde-route
  • Comprendre les stratégies de routage

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

  • Aperçu des observables
  • Vue d'ensemble de RxJS
  • Création et utilisation d'observables dans Angular

Gestion des formulaires

  • Utilisation des formulaires pilotés par des modèles
  • Utilisation des React formulaires vivants

Utilisation des tuyaux

  • Pipes intégrés
  • Pipes asynchrones
  • Pipes personnalisés

Appeler des API HTTP externes

Utilisation des modules Angular

Tester l'application Angular 6

  • Utilisation de Jasmine pour les tests unitaires

Débogage de l'application

  • Comprendre les messages d'erreur dans Angular
  • Utilisation des Sourcemaps pour déboguer le code dans le navigateur
  • Utilisation d'Augury

Optimiser l'application Angular 6

[Sécurité

  • L'authentification
  • Ce qui doit et ne doit pas être écrit en Angular 6

Déployer une application Angular 6 en production

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

Résolution des problèmes

Remarques finales

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 (1)

Cours Similaires

Catégories Similaires