Plan du cours

Introduction

  • Quoi de neuf dans Angular 5 ?

Aperçu de Typescript et ES6 JavaScript

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

Création de votre première application Angular

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

Travailler avec les composants de Angular 5

  • Création de composants
  • Liaison de données et interpolation de chaînes
  • Liaison de propriétés
  • Liaison d'événements
  • Liaison de données bidirectionnelle
  • Modélisation des données
  • Directives
  • Bootstrapping
  • Entrées et sorties

Utilisation des Angular 5 composants

  • 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 5

  • 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

Débogage de l'application

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

[5 Services

  • Apprendre l'importance des services
  • Créer un service de journalisation
  • Créer un service de données

Utiliser l'injection de dépendance et les 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

Optimiser l'application Angular 5

Tester l'application Angular 5

  • Utilisation de Jasmine pour les tests unitaires

Sécurité Angular 5

  • L'authentification
  • Ce qu'il faut ou ne faut pas écrire en Angular 5

Déployer une application Angular 5 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
  • .

Public

  • Débutants en développement web
  • Développeurs frontaux expérimentés
  • Toute personne intéressée à apprendre comment développer des applications en utilisant Angular
  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