> 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

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

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

Télécharger au format pdf Partager cette formation par e-mail 2

Télécharger au format pdf Partager cette formation par e-mail 2

Ce cours en ligne a pour objectif la mise en place d'un système de navigation côté client sur une application web avec le framework React. Il 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

Formation en ligne

Réf. 4VT
  7h00
Prix : 95 € H.T.
Langue : FR




Ce cours en ligne a pour objectif la mise en place d'un système de navigation côté client sur une application web avec le framework React. Il 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 :
  • Utiliser la librairie react-router
  • Préparer l'environnement de développement
  • Connaître 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.

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

Prérequis
Connaissances de base sur React et en langage JavaScript.

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.

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.

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.


Modalités pratiques
Activités digitales
Démonstrations, cours enregistrés, partages de bonnes pratiques, quiz, fiches de synthèse.
Tutorat
Un formateur dédié accompagne l’apprenant dès le début de sa formation. Il corrige ses exercices et répond à ses questions par e-mail. Il anime une classe à distance sur mesure planifiée par l’apprenant durant la formation. Un forum de discussion permet aussi d’échanger et de partager entre les apprenants sur leurs pratiques. Un chef de projet coordonne les échanges.
Pédagogie et pratique;
Une évaluation tout au long de la formation grâce à une pédagogie active mixant théorie, exercice, partage de pratique et gamification. Un service technique est dédié au support de l’apprenant. La formation est diffusée au format SCORM (1.2) et accessible en illimité pendant 1 an.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétence acquises.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • 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.