Votre partenaire formation 100% digital

Angular avancé

Maîtriser les concepts les plus avancés du développement avec Angular 6

  • Formateur(s)

    Formateur Cedric LE GALLO
    Cédric LE GALLO
  • Référence

    ANG2AV

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

pictogramme calendrier Prochaines sessions

Prochaines sessions - Angular avancé
Date de début Ville Prix unitaire HT
20 janvier 2020 Paris 1650 € Réserver
18 mai 2020 Paris 1650 € Réserver
14 septembre 2020 Paris 1650 € Réserver
18 novembre 2020 Paris 1650 € Réserver

pictogramme information Description

Angular est un framework de développement d’applications web porté par Google. Sans doute le plus polyvalent et le plus complet des frameworks actuels, il offre une expérience de développement sans comparaison. Durant cette formation Angular de perfectionnement, nous plongerons dans les concepts avancés (zones, lazy loading, aot, …) d’Angular et découvrirons son écosystème (@ngrx, material, PWA, …).

pictogramme progamme Objectifs pédagogiques

  • Comprendre les concepts avancés qui portent Angular
  • Augmenter les performances d’une application Angular
  • Intégrer les librairies externes incontournables

pictogramme cible Public cible

Chefs de projet Web, Architectes techniques, Développeurs front-end

pictogramme check liste Pré-requis

Bonne connaissance de JavaScript et TypeScript.

Avoir eu un premier contact réel avec une application Angular version 2 ou plus.

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

50 % théorie / 50 % pratique

pictogramme information Programme de la formation

Un rappel / mise à niveau sur Angular est effectué au début de la formation : Component, Forms, Routing, Services, Observables, …

Concepts avancés : Injection de dépendances

  • Principes de l’injection de dépendance
  • Injection hiérarchique
  • Inject anything : InjectionToken

Concepts avancés : Zones

  • Principes de fonctionnement
  • Utilisation dans Angular

Concepts avancés : Change detection strategies

  • Principe et utilité
  • État de la vue (component)
  • Propagation du changement

Concepts avancés : Lazy Loading

  • Améliorer les performances de démarrage
  • Route integration : loadChildren
  • Preloading
  • Modules partagés

Concepts avancés : Ahead of Time Compilation

  • AOT vs JIT
  • Mise en place

Concepts avancés : Route guards & resolve

  • Les différents types de Guards
  • CanActivate, CanActivateChild : protéger une route
  • CanDesactivate : sécuriser la sortie
  • Pre-fetching avec resolve

Concepts avancés : Internationalisation i18n

  • i18n marker
  • Singulier / pluriel & select
  • ng-xi18n
  • AOT gotchas

Écosystème : @ngrx/store

  • Concept : immutable data store
  • Reducers & Actions

Écosystème : Sever Side Rendering

  • Platform-server
  • Bootstraper depuis le serveur
  • Pages statiques & pages dynamiques

Écosystème : PWA

  • Service Workers
  • Static Content Cache
  • Route Redirection
  • Push Notifications

Écosystème : @angular/material

  • Étude et mise en oeuvre de quelques composants
  • Material & CDK