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



Prix par participant

Nos Clients témoignent (3)

Cours Similaires

Angular 13

28 heures

Angular 2, les Fondamentaux

21 heures

Angular JavaScript

28 heures

AngularJS, les bases

14 heures

Angular 10 for Developers

28 heures

Angular 11

28 heures

Angular 11 Advanced

28 heures

Angular 12

28 heures

Angular 12 Advanced

28 heures

Angular 13 Advanced

28 heures

Angular 14

28 heures

Angular 14 Advanced

28 heures

Angular 15

28 heures

Angular 15 Advanced

28 heures

Angular 16

28 heures

Catégories Similaires