Formation Angular avancé

Maîtrisez les concepts fondamentaux d'Angular et propulsez vos applications à une échelle professionnelle en adoptant les meilleures pratiques d'architecture et de performance.

Devenez expert en performance en maîtrisant les RxJS Operators, l'architecture d'état (NgRx), les techniques de Caching, l'utilisation des Signals et les stratégies de déploiement optimisées.

3 jours (21 h)
2 100,00 € HT

Description title-border

Cette formation est spécialement conçue pour les développeurs Angular qui souhaitent aller au-delà des bases. Elle se concentre sur les pratiques et outils nécessaires pour construire des applications d'entreprise performantes, maintenables et évolutives. Vous apprendrez à implémenter une gestion d'état robuste avec NgRx (State, Actions, Reducers, Effects) ou d'autres solutions modernes. L'accent est mis sur la maîtrise du paradigme RxJS : utilisation avancée des Operators, gestion du cold/hot Observable et optimisation des flux de données. De plus, la formation couvre les stratégies de performance avancées : utilisation des nouveaux Signals, Change Detection optimisée, techniques de Caching et Lazy Loading poussé. Vous serez capable d'architecturer des applications complexes et d'assurer une qualité de code irréprochable.

Les objectifs

  • Définir le framework Angular, de manière approfondie

  • Maîtriser les concepts avancés de performance et de détection

  • de changement

  • Gérer efficacement l'état de l'application avec NgRx

  • Exploiter les fonctionnalités avancées de routage et de rendu côté serveur

Public visé

  • Développeurs Angular

  • Chefs de projets

Prérequis

  • Connaissance de React

  • Bonne connaissance de JavaScript

Le programme

Jour 1
Matinée

1. MAITRISER L’ARCHITECTURE ANGULAR MODERNE

  • Découvrir les nouveautés Angular (v14 à la dernière)
  • Implémenter les standalone components
  • Utiliser le nouveau système de build Vite
  • Comprendre l'architecture découplée
  • Appliquer les dernières bonnes pratiques
Après-midi

2. OPTIMISER LA DÉTECTION DE CHANGEMENTS

  • Exploiter Zone.js efficacement
  • Implémenter le mode Zoneless
  • Maîtriser les stratégies de détection
  • Optimiser les performances de rendu
  • Utiliser les outils de profilage Angular
Jour 2
Matinée

3. GERER L’ETAT AVEC LES SOLUTIONS MODERNES

  • Comparer NgRx et Signals
  • Implémenter les Signals efficacement
  • Utiliser les computed signals
  • Maîtriser les signal inputs
  • Gérer les effets avec effect()
Après-midi

4. APPROFONDIR NGRX & ROUTING AVANCE

  • Architecturer avec le pattern Flux
  • Implémenter les stores modernes
  • Gérer les actions et reducers
  • Utiliser les effects avancés
  • Optimiser les sélecteurs
  • Implémenter les routes standalone
  • Utiliser les routes secondaires
  • Gérer la navigation complexe
  • Optimiser avec le lazy loading
  • Sécuriser avec les nouveaux guards
Jour 3
Matinée

5. OPTIMISER LE RENDU & SIGNALS AVANCES

  • Configurer le SSR moderne
  • Utiliser Angular Universal
  • Implémenter le rendu hybride
  • Optimiser le premier rendu
  • Gérer le transfert d'état
  • Créer des états réactifs avec Signals
  • Gérer la communication inter-composants
  • Optimiser les performances
  • Combiner Signals et RxJS
  • Implémenter des patterns avancés
Après-midi

6. FONCTIONNALITES MODERNES, PWA, I18N & BUILD

  • Utiliser le nouveau control flow
  • Exploiter les deferrable views
  • Implémenter le lazy loading avancé
  • Optimiser les bundles
  • Gérer les micro-frontends
  • Configurer les Service Workers (PWA)
  • Implémenter le mode hors ligne
  • Gérer les notifications push
  • Optimiser les performances PWA
  • Utiliser les nouvelles API Web
  • Utiliser les nouveaux outils i18n
  • Implémenter la traduction dynamique
  • Gérer les formats régionaux
  • Optimiser les traductions
  • Configurer l'extraction automatique
  • Configurer le build production
  • Mettre en place le monitoring
  • Gérer les différents environnements
  • Optimiser les performances
  • Tracker l'utilisation avec l'analytics

En présentiel ou à distance : à vous de choisir

Dans vos locaux

Pour ancrer les apprentissages et encourager la dynamique collective.

En classe virtuelle

Pour allier flexibilité et interactions en temps réel avec le formateur.

Dans nos locaux

Pour favoriser la concentration, les échanges et le confort des apprenants.

Les modalités de formation

Suivi et évaluation :

  • Recueil des besoins en amont pour identifier les attentes du stagiaire
  • Évaluation continue : études de cas et travaux pratiques pendant la formation
  • Évaluation finale : questionnaire d'auto-évaluation

Format et encadrement :

  • Formation équilibrée : 50% théorie / 50% pratique
  • Sessions en petits groupes (2 à 9 participants) pour un suivi personnalisé
  • Émargement par demi-journée et remise d'une attestation de formation

Moyens pédagogiques et techniques :

  • Méthodes interactives et suivi des acquis : travaux pratiques, projet fil rouge, mises en situation, démonstrations, QCM…
  • Les stagiaires doivent être équipés de leur matériel informatique pour suivre la formation, que ce soit dans nos locaux ou sur site externe.
  • Il appartient au client de veiller à ce que le matériel mis à disposition soit conforme aux prérequis techniques indiqués dans le programme de formation.
  • Accessibilité : nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d'adapter les sessions en cas de situations spécifiques. Nous nous engageons à répondre à toutes les demandes dans un délai de 48h ouvré.

Conditions et délais d'accès :

  • Si l'une de nos formations vous intéresse, contactez-nous au +33 04 93 65 34 24 ou à l'adresse mail contact@le-code.dev. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d'adapter la formation et ses modules, puis nous vous adresserons un devis. Les dates de la formation seront à convenir sous 30 jours maximum.
  • Concernant les formations Actions Collectives, l'inscription est possible jusqu'à 24h ouvrées avant le début de la formation.