Votre partenaire formation 100% digital

Angular avancé

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

  • Formateur(s)

    Cédric LE GALLO
  • Référence

    ANG2AV

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

Prochaines sessions

Prochaines sessions - Angular avancé
Date de début Ville Prix unitaire HT
15 avril 2019 Paris 1650 € Réserver
7 octobre 2019 Paris 1650 € Réserver

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, …).

Objectifs pédagogiques

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

Public cible

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

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

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