Se rendre au contenu

Routing et Navigation

Développement Javascript > Écosystème Angular


Une formation de 4 jours sur le routing Angular : configuration des routes, navigation, gardiens de routes, Lazy Loading, gestion avancée des routes et de l'historique de navigation.

La formation en 6 mots clés

Angular

Routing

Route Guards

Lazy Loading

TypeScript

Navigation

Informations Pratiques et Programme

Prérequis


Connaissance d’Angular

Durée


4 jours

Contenu Technique de la Formation


Cette formation est destinée aux développeurs Angular souhaitant maîtriser le routing :

  • Développeurs Angular ayant les bases du framework
  • Développeurs souhaitant implémenter une navigation complexe dans leurs applications
  • Équipes cherchant à sécuriser et optimiser le routage Angular

Objectifs de la Formation


Les compétences visées par la formation sont les suivantes :

  • Comprendre le fonctionnement du système de routage dans Angular
  • Configurer des routes pour naviguer entre différents composants
  • Utiliser des paramètres de route et des query params pour transmettre des informations
  • Mettre en œuvre des gardiens de routes pour sécuriser l'accès aux routes
  • Appliquer le Lazy Loading pour optimiser le chargement des modules
  • Gérer l'historique de navigation et les stratégies de redirection
  • Implémenter des techniques avancées de routage pour des applications complexes

Table des Matières


Introduction au Routage Angular

  • Présentation du Router d'Angular et configuration de base des routes
  • Navigation avec RouterLink et le service Router
  • Passage de paramètres et utilisation des query params


Sécurisation et Optimisation des Routes

  • Création de gardiens de routes (Route Guards) : canActivate, canActivateChild, canDeactivate
  • Mise en place de l'authentification pour contrôler l'accès
  • Lazy Loading et stratégies de pré-chargement des modules


Routage Avancé et Atelier

  • Sous-routes, routes auxiliaires et outlets nommés
  • Gestion de l'historique de navigation et redirections
  • Atelier : application Angular avec scénarios de routage complexes


En Pratique


  • Les exercices proposés lors des formations sont centrés sur chaque concept présenté durant la formation. Les exercices abordent les concepts et la difficulté de façon progressive. A la fin de la formation, un exercice récapitulatif d’intégration des concepts est proposé aux participants.
  • Configuration d'un système de navigation pour une boutique en ligne avec des routes protégées pour les pages d'administration
  • Mise en œuvre du Lazy Loading pour les modules de produits et de comptes utilisateurs
  • Création d'un workflow de connexion/déconnexion avec redirection conditionnelle basée sur l'état de l'authentification
  • Utilisation des outlets nommés pour afficher plusieurs vues en parallèle

Modalités et Inscription


Cette formation est proposée selon deux formules pour s'adapter au mieux à vos besoins :


Session régulière

Des sessions sont organisées à intervalles réguliers. Demandez les prochaines dates planifiées pour vous inscrire à la prochaine session.


Sur mesure & intra-entreprise

Vous souhaitez former vos équipes directement dans vos locaux ou adapter le programme technique à votre contexte d'entreprise ? Contactez-nous pour obtenir un devis personnalisé.

Obtenir cette formation

Prêt à maîtriser le routing Angular ? Rejoignez la prochaine session ou contactez-nous pour organiser cette formation dans vos locaux.


Devis sur-mesure

S'inscrire à cette formation

Remplissez le formulaire pour obtenir plus d'informations.