[wpms_breadcrumb reverse="0"]
Application Web

Angular 2+ – Développements avancés

Reference : ANG2DA
3 jours - 1890 € HT
Prochaines sessions
  • Le 19/08/2019
  • Le 10/12/2019
Angular 2+ – Développements avancés
Objectifs

  • Comprendre le fonctionnement interne d’Angular
  • Être capable d’étudier les possibilités avancées du framework
  • Apprendre à déployer des applications optimisées
  • Comprendre comment développer des Progressive WebApps

Pré requis

  • Avoir suivi la formation « Angular 2+ – Développement d’applications Web » ou connaissances équivalentes

Modalités pédagogiques

Cours dispensé en mode présentiel avec une alternance d’apports théoriques et méthodologiques, et de mises en situations pratiques

Inscription

Programmes de Angular 2+ – Développements avancés

MÉCANISMES INTERNES D’ANGULAR

  • Fonctionnement du change détection
  • Les Zones
  • Retour sur RxJS
  • Utilisation de RxJS dans les services
  • Gestion des modules et lazy loading

LES TESTS

  • L’infrastructure de test : Jasmine, Karma et Protactor
  • Tests de composants
  • Tests et injection de dépendances
  • Tests et routage
  • Tests et code asynchrone
  • Tests et appels Http

ROUTAGE AVANCÉ

  • Configuration du routage et modules de routage
  • Stratégies de routage
  • Route Guards
  • Paramètres optionnels

COMPOSANTS AVANCÉS

  • Les différents types d’interaction entre composants
  • Cycle de vie des composants et lifecycle hooks
  • Création de directives d’attribut
  • Création de directives de structure
  • Création dynamique de composants
  • Pipes asynchrones
  • Introduction à l’animation
  • Internationalisation

FORMULAIRES AVANCÉS

  • Création de validateurs
  • Select : ngValue, compareWith, sélection multiple
  • Relation inter-champs
  • L’option « updateOn »
  • Formulaires dynamiques

ÉCHANGES SERVEUR

  • WebSocket
  • Sécurisation
  • Interception des échanges
  • Suivre l’avancement des requêtes

AMÉLIORER LES PERFORMANCES

  • La stratégie OnPush
  • Mutabilité et immutabilité
  • Désactivation du « change detection »
  • L’option trackBy de la directive ngFor
  • Optimiser la taille des livrables : la compilation AoT
  • Réduire les temps de chargement : le chargement différé des modules
  • Présentation d’Angular Universal

PWA

  • Principes des Progressive WebApps
  • Importance du mode déconnecté
  • L’API ServiceWorkers