Développer avec Codex d’OpenAI
Cette formation de 21 heures permet d’exploiter l’IA générative Codex (ou GPT-4) dans le développement logiciel. Les participants…
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…
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.
Populaire
Python – Préparation à la certification TOSA (RS 6962)
Cette formation de 35 heures permet de préparer efficacement la certification TOSA Python (RS 6962), en couvrant les…
Conception et Design Patterns
Cette formation de 14 heures permet de maîtriser les fondements de la conception orientée objet et d’appliquer les…
👀 Cross-sell
Les apprenants ont aussi consulté
D'autres formations populaires qui pourraient compléter votre parcours.
Populaire
Accompagner la personne en situation de handicap vivant à domicile CCS – BC04
Formation au bloc complémentaire BC04 du titre Assistant de vie aux familles (RNCP37715) pour accompagner la personne en…
Populaire
Développer l’activité commerciale par les réseaux sociaux
Cette formation permet aux participants d’acquérir les compétences nécessaires pour utiliser les réseaux sociaux comme leviers de développement…
Populaire
Chef de projet data et intelligence artificielle
Le programme vise à doter les étudiants de compétences avancées en programmation Python, machine learning et deep learning,…
