Aller au contenu
Demander un devis
Langage & Développement informatique

ReactJS – Développement d’interfaces web dynamiques

Cette formation de 35 heures permet de découvrir le framework ReactJS, incontournable pour le développement d’interfaces web modernes. Les participants apprendront à créer des composants réactifs, gérer l’état, interagir avec…

35h
Intermédiaire
Blended

Description de la formation

Découverte de React et JSX

  • Pourquoi React? Avantages et fonctionnement
  • Composants fonctionnels, props, JSX
  • TP : composants simples avec affichage dynamique

État local et interaction

  • Hook useState, gestion des événements
  • Listes, clés, rendu conditionnel
  • TP : mini application TODO

useEffect et récupération de données

  • Cycle de vie et useEffect
  • Appels d’API (fetch, axios), chargement conditionnel
  • TP : affichage de données dynamiques

Routing et formulaires

  • React Router DOM (v6) : routes, liens, paramètres
  • Formulaires contrôlés, validation
  • TP : mini SPA avec plusieurs vues

Projet final

  • Structuration MVC, composants réutilisables
  • Création d’une application finale (catalogue, blog…)
  • Déploiement avec Vercel ou GitHub Pages
  • Présentation et évaluation

Objectifs pédagogiques

  • Créer des interfaces web avec des composants React
  • Gérer l’état avec les hooks (useState, useEffect)
  • Intégrer une API pour charger dynamiquement des données
  • Structurer une SPA avec React Router
  • Concevoir, tester et publier une application React

Programme détaillé

Module 1 Découverte de React et JSX
  • Pourquoi React? Avantages et fonctionnement
  • Composants fonctionnels, props, JSX
  • TP : composants simples avec affichage dynamique
Module 2 État local et interaction
  • Hook useState, gestion des événements
  • Listes, clés, rendu conditionnel
  • TP : mini application TODO
Module 3 useEffect et récupération de données
  • Cycle de vie et useEffect
  • Appels d’API (fetch, axios), chargement conditionnel
  • TP : affichage de données dynamiques
Module 4 Routing et formulaires
  • React Router DOM (v6) : routes, liens, paramètres
  • Formulaires contrôlés, validation
  • TP : mini SPA avec plusieurs vues
Module 5 Projet final
  • Structuration MVC, composants réutilisables
  • Création d’une application finale (catalogue, blog...)
  • Déploiement avec Vercel ou GitHub Pages
  • Présentation et évaluation

Prérequis

  • Bonne maîtrise du JavaScript ES6+, HTML et CSS
  • Connaissances du DOM, des fonctions fléchées, objets, tableaux et modules requises

Public visé

  • Développeurs front-end, intégrateurs, full-stack ou toute personne souhaitant moderniser ses interfaces web avec un framework performant

Modalités de la formation

  • ⏱ Durée : 35h
  • 📍 Format : Mixte (présentiel + distanciel)
  • 📊 Niveau d'entrée : Intermédiaire
  • 👥 Effectif : 4 à 12 stagiaires (groupe restreint)
  • 🎯 Pédagogie : Apports théoriques, exercices pratiques, études de cas, projet fil rouge
  • ♿ Accessibilité : Formations accessibles aux personnes en situation de handicap. Contactez notre référent handicap.
Allez plus loin

Formations similaires

Dans le même domaine et au niveau Intermédiaire.

Langage & Développement informatique Intermediaire

Programmer en langage C

Cette formation de 35 heures permet d’acquérir les bases solides du langage C, utilisé pour le développement système,…

⏱ 35h 📡 blended

4500€

HT · Finançable

Voir →
Langage & Développement informatique Intermediaire

Git / GitHub

Cette formation de 14 heures permet de comprendre et maîtriser Git pour gérer les versions de fichiers et…

⏱ 14h 📡 blended

1800€

HT · Finançable

Voir →
👀 Cross-sell

Les apprenants ont aussi consulté

D'autres formations populaires qui pourraient compléter votre parcours.

Populaire
Bureautique & outils collaboratifs Avance

Word E-Learning

La formation Word vous permettra d’acquérir les bases pour créer et mettre en forme des documents simples et…

📡 blended

500€

HT · Finançable

Voir →