ReactJS – Développement d’interfaces web dynamiques
Version du programme : 1
Type de formation
PrésentielDurée de formation
35 heures (5 jours)Accessibilité
OuiReactJS – 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 des API et construire une application complète avec routing et hooks.
Objectifs de la formation
- 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
Profil des bénéficiaires
- Développeurs front-end, intégrateurs, full-stack ou toute personne souhaitant moderniser ses interfaces web avec un framework performant
- Bonne maîtrise du JavaScript ES6+, HTML et CSS
- Connaissances du DOM, des fonctions fléchées, objets, tableaux et modules requises
Contenu 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
Équipe pédagogique
Suivi de l'exécution et évaluation des résultats
- Évaluation des TP par formateur
- Projet final noté avec grille de critères
- Feuille de présence et satisfaction
- Attestation de fin de formation
Ressources techniques et pédagogiques
- Support PDF récapitulatif React
- Code source commenté des TP
- Démo en live et version finale déployée
- Liste de ressources pour approfondir
Qualité et satisfaction
Capacité d'accueil
Délai d'accès
Accessibilité
Nous accordons une attention particulière à l'accueil des personnes en situation de handicap. Si vous êtes concerné(e) et souhaitez suivre cette formation, nous vous invitons à nous contacter dès que possible. Ensemble, nous étudierons vos besoins spécifiques et mettrons en place les adaptations nécessaires pour garantir votre accès à la formation dans les meilleures conditions.