Angular avancé

Maitriser les fonctionnalités avancées d'Angular

  • Filière :

    Développement logiciel

  • Sous-filière :

    Technos Web (PHP, JS...)

  • Référence

    DW-ANG2P

  • Durée

    3 jours (21 h)

  • Prix unitaire HT

    2 050 € HT

Objectifs pédagogiques

  • Comprendre le fonctionnement interne d’Angular
  • Etudier les possibilités avancées du framework
  • Déployer des applications optimisées
  • Développer des Progressive WebApps

Public cible

  • Chefs de projets
  • Développeurs

Pré-requis

Avoir suivi le cours Angular ou avoir les connaissances équivalentes

Programme de la formation

Mécanismes internes d’angular

  • Fonctionnement du change detection
  • 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

Echanges 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

Qualité

Cette formation est accessible aux personnes en situation de handicap, nous contacter en cas de besoin d’informations complémentaires.

Programme mis à jour le