Académie Angular
Formation Angular Avancé

Cours Angular de classe mondiale dirigé par un instructeur!!

Dates et Inscriptions


Assistez à nos formations à distance !

Contactez nous pour organiser une formation corporative en classe virtuelle.

Formation Angular Professionnelle!

Académie Angular offre des formations pratiques en français, soyez prêt pour Angular 18, TypeScript et Signals!!


Objectifs

Maîtrisez les concepts Angular avancés pour créer une application complexe centrée sur les données.

Ateliers

Apportez votre ordinateur portable! Une partie importante de la formation est consacrée à la création d'applications et expérimentations en temps réel (de style bootcamp).

Préalables

Les participants doivent avoir une expérience significative avec Angular, TypeScript et RxJS.

2 jours de contenu avancé!


Cet atelier intense animé par un instructeur couvre des sujets avancés destinés aux personnes déjà familiarisées avec Angular et TypeScript! 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.

Jour 1

  • 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 Intercept0r: 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
    • Chargement différé avec @defer
    • Performance du Data Binding avec OnPush
    • Profiling des performances au runtime
    • Web Workers
    • Virtual Scrolling
    • Améliorer ngFor avec trackBy
    • Cache avec Service Worker, Progressive Web App (PWA)

Jour 2

  • 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, ...)
  • Comprendre et utiliser Signals!
    • Signals API
    • Computed Signal
    • Effects
    • Interop avec RxJS
    • Gestion des erreurs
    • Composants basés sur les signaux
    • Signals vs RxJS ?
    • Refactoriser un service basé sur RxJS vers Signals
  • "Modern State Management" avec NgRx Signal Store
    • Introduction à NgRx Signal Store
    • Signal-based Service vs SignalStore ?
    • Mettre en place un store
    • Store Local vs Global
    • Utiliser withState, withMethods, withComputed, withHooks
    • Architecture avec composants Smart/Dumb
    • Immutabilité avec patchState
    • Intégrer RxJS avec rxMethod
    • Débogage avec l'extension Redux DevTools
  • Server-side rendering
    • Amélioration des performances et du SEO
    • Hydration
    • Génération de site statique
  • QnA final
Remarque: nous pouvons également travailler avec vous pour personnaliser le contenu de la formation dans votre entreprise (sur site ou en ligne) en fonction des préférences et des attentes de votre équipe. Les sujets optionnels peuvent être: Bootstrap, Material Design, Firebase, Tests unitaires, Ionic, NgRx, Application Web Progressive (PWA), Internationalisation et localisation, Server-side rendering, ...

Nos autres formations Angular!

La Difference

Académie Angular!


Nos cours sont différents de tout ce que vous avez vu auparavant.... plutôt que de simplement vous apprendre quelque chose, tout en vous donnant un tas d’exercices, dans nos cours pratiques, nous maximisons le CODAGE d’une véritable application d’affaires, ensemble!

Donc ce n’est pas juste un autre de ces cours “regardez-moi construire quelque chose et essayer de ne pas s’endormir”... notre devise est Tout Le Monde Code Live Toute La Journée!© afin de construire une application complète avec l’instructeur. De cette façon, à la fin de la formation, nous aurons construit une application fonctionnelle, et l’instructeur s’assure que personne ne reste bloqué. Vous obtiendrez également beaucoup de conseils et de meilleures pratiques sur la réalisation et l’optimisation des applications Angular avec TypeScript et RxJS!

Nous pensons que c’est de très loin la façon la plus efficace d’apprendre une technologie de programmation, et nos participants ADORENT!

Lire les témoignages de nos clients

Contactez-nous


Pour plus d'informations ou pour organiser votre formation en entreprise.


Alumni


Participez à notre prochain workshop pour apprendre Angular de manière amusante et intéractive!