Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation React - Gérer la navigation de son application web avec react-router > Formations > Technologies numériques > Formation React - Gérer la navigation de son application web avec react-router
Nouvelle formation

React - Gérer la navigation de son application web avec react-router

Tutorat en option

React - Gérer la navigation de son application web avec react-router

Tutorat en option
Télécharger au format pdf Partager cette formation par e-mail


Cette formation digitale a pour objectif la mise en place d'un système de navigation côté client sur une application web avec le framework React. Elle s'adresse à un public de développeurs web front end ou toute personne possédant des connaissances de base sur React et en langage JavaScript. La pédagogie s'appuie sur un auto-apprentissage séquencé par actions de l’utilisateur sur l’environnement à maîtriser. Une option de tutorat vient renforcer l'apprentissage.


Catalogue
Sur mesure

Cours en ligne

Réf : 4VT
  7 h
Prix : 35 € HT
Langue : FR
En option :
Tutorat : 350 € HT




Cette formation digitale a pour objectif la mise en place d'un système de navigation côté client sur une application web avec le framework React. Elle s'adresse à un public de développeurs web front end ou toute personne possédant des connaissances de base sur React et en langage JavaScript. La pédagogie s'appuie sur un auto-apprentissage séquencé par actions de l’utilisateur sur l’environnement à maîtriser. Une option de tutorat vient renforcer l'apprentissage.

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :
  • Comprendre la librairie react-router
  • Préparer l'environnement de développement
  • Comprendre les composants pour la navigation : création de liens, redirections, gestion de pages multiples…
  • Créer le système de navigation complet d'une application.

Objectifs pédagogiques

Public concerné

Développeurs web front end ou toute personne ayant des connaissances de base sur React et en langage JavaScript. .

Public concerné

Prérequis

Connaissances de base sur React et en langage JavaScript.

Prérequis

Pédagogie

Travaux pratiques
Exercice, quiz, fiche de synthèse, cours enregistrés et option de tutorat (débriefing, échanges par e-mail avec un expert, social learning, classe à distance sur-mesure).
Méthodes pédagogiques
Formation digitale basée sur une pédagogie active avec une combinaison de théorie, de démonstrations, de partages d’expérience et de bonnes pratiques. Pour renforcer l’apprentissage, les séquences pédagogiques sont de courte durée et un tutorat est proposé en option.

Pédagogie

Programme de la formation

Appréhender la navigation de votre application web avec react-router
  • Différence entre le routing côté serveur et le routing côté client.
  • Présentation de la librairie react-router.
  • Présentation du projet à réaliser.
  • Préparation de l'environnement pour la réalisation du projet.
  • Différence entre le routing côté serveur et le routing côté client.
  • Présentation de la librairie react-router.
  • Présentation du projet à réaliser.
  • Préparation de l'environnement pour la réalisation du projet.

Prendre en main react-router
  • Création d'un premier navigateur et d'une première route.
  • Mise en place de plusieurs routes.
  • Création d'un système de menus et des liens.
  • Transformation d'un menu en NavLink.
  • Création d'une page d'erreur 404.
  • Création d'une redirection avec le composant Redirect.
  • Propriétés reliées au composant Route.
  • Composant HOC (High Order Component) withRouter.
  • Création d'un premier navigateur et d'une première route.
  • Mise en place de plusieurs routes.
  • Création d'un système de menus et des liens.
  • Transformation d'un menu en NavLink.
  • Création d'une page d'erreur 404.
  • Création d'une redirection avec le composant Redirect.
  • Propriétés reliées au composant Route.
  • Composant HOC (High Order Component) withRouter.

Mettre en application : réaliser un guide de pays
  • Réorganisation du code en différents composants.
  • Création du composant de recherche avec appel à l'API restcountries.eu.
  • Création des résultats du filtre de pays.
  • Création de la page propre à un pays et de ses liens.
  • Conversion d'un lien en un lien dynamique.
  • Conclusion sur l'ensemble du projet.
  • Réorganisation du code en différents composants.
  • Création du composant de recherche avec appel à l'API restcountries.eu.
  • Création des résultats du filtre de pays.
  • Création de la page propre à un pays et de ses liens.
  • Conversion d'un lien en un lien dynamique.
  • Conclusion sur l'ensemble du projet.


Programme de la formation

Options

Tutorat : 350 € HT
Bénéficiez de l’accompagnement d’un formateur expert du domaine pour vous guider et renforcer votre apprentissage.

Options

Points forts

Solutions de financement

Selon votre situation, votre formation peut être financée par :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
Contactez nos équipes pour en savoir plus sur les financements à activer.

Solutions de financement