Durée : 2 jours

Cet atelier intense animé par un instructeur couvre des sujets avancés destinés aux personnes déjà familiarisées avec Angular, TypeScript et RxJS! Cette formation très orientée sur la pratique vous donne la chance de travailler sur une application Angular d'entreprise avec beaucoup d'interactivité avec l'instructeur dans la salle.

Préalables

Ceci est un cours avancé, les participants doivent avoir une expérience significative avec Angular, TypeScript et RxJS.

Méthode pédagogique

Cette formation est de type atelier ou les participants pratiquent sur un poste de travail, accompagnés par un instructeur. Le contenu est un mélange continu de théorie, de multiples démonstrations et complété par de nombreuses périodes d’exercices pratiques.

Contenu

Le cours est constamment mis à jour pour refléter la dernière version d'Angular.

Chaque sujet ci-dessous inclut des périodes de laboratoire et Questions/Réponses.

Routage Avancé

• Chargement à la demande de module (Lazy Loading)
• Préchargement de module et stratégies personnalisées
• Diagnostic du routeur avec les traces
• Routes auxiliaires (multi router-outlet)
• Transitions entre routes (Animations)
• Sécuriser une route avec les gardes
• Route resolver (pré-chargement de données avant navigation)
• Service de metadata pour le SEO
• Événements du routeur

​Gestion sophistiquée des erreurs

• Global Error Handler
• Gérer les erreurs: applicative, navigation, http
• Service d’erreurs, mode offline et log vers le serveur
• Http Errors Interceptor: centralisation des erreurs de requêtes Http et retry automatique en cas d'échec
• Composant et service de notification: expose un observable de messages et toast de notification

​Optimiser les performances

• Exploration de différentes techniques pour améliorer vos applications et les faire fonctionner plus rapidement:
• Bundling, Minification, dead code elimination, enableProdMode()
• Performance du Data Binding avec OnPush
• Profiling des performances au runtime
• Virtual Scrolling
• Améliorer ngFor avec trackBy
• Cache avec Service Worker
• Progressive Web App (PWA)

RxJS avancé

• RxJS et Programmation Réactive
• Composition de données avec les Observables
• Les opérateurs les plus importants
• Maîtriser les différents Subjects (BehaviorSubject, ReplaySubject)
• Introduction aux opérateurs de "Higher-order Mapping" (switchMap, flatMap, ...)

Modern State Management avec Redux et NgRx

• Pourquoi Redux ?
• Introduction à la plateforme NgRx
• Comprendre et mettre en place NgRx Store
• Immutabilité et performance
• Gestion des erreurs
• Ajouter le routeur dans le store
• Actions asynchrones avec NgRx Effects
• Collections avec NgRx Entity
• Débogage live et "time travelling" avec NgRx DevTools
• NgRx Data

Angular Universal

• Amélioration des performances et du SEO
• Server Side Rendering
• Génération de site statique
• Introduction à Scully (Jamstack)

QnA fina