React et Next.js — Interfaces Web Modernes et Applications Full Stack
Construisez des interfaces utilisateur réactives avec React et des applications full stack avec Next.js. Hooks, state management (Zustand), Tailwind CSS, Server Components et déploiement Vercel.
- Format : Hybride
- Durée : 45 heures
- Niveau intermédiaire
- Certificat inclus
- Langue : Français
Présentation
React est la bibliothèque front-end la plus utilisée au monde. Next.js en est le cadre full stack de référence. Cette formation vous amène de la maîtrise des fondamentaux React jusqu'à la construction d'applications complètes avec Next.js App Router, rendu serveur et déploiement automatique.
Vous construirez deux projets : un tableau de bord de données de santé (React pur avec Recharts) et une application complète de prise de rendez-vous médicaux (Next.js + Prisma + PostgreSQL). Tailwind CSS pour le style, Zustand pour le state global, et GitHub Copilot comme co-pilote tout au long de la formation.
Objectifs
- Maîtriser les composants React, hooks (useState, useEffect, useContext)
- Gérer l'état global avec Zustand et les formulaires avec React Hook Form
- Construire des interfaces responsive avec Tailwind CSS
- Développer des applications full stack avec Next.js App Router
- Connecter une base de données PostgreSQL avec Prisma ORM
- Déployer et optimiser une application Next.js sur Vercel
Public concerné
- Développeurs web souhaitant maîtriser React
- Développeurs backend voulant créer leurs propres interfaces
- Freelances construisant des applications pour clients
- Entrepreneurs tech africains développant des produits SaaS
Programme
4 modules, 16 leçons.
Module 1 : Introduction et fondamentaux
- Présentation du programme 50 min
- Concepts de base 35 min
- Environnement de travail 51 min
- Ressources et bibliographie 22 min
Module 2 : Mise en pratique
- Exercice guidé 1 31 min
- Exercice guidé 2 52 min
- Cas pratique 28 min
- Quiz de validation 38 min
Module 3 : Approfondissement
- Techniques avancées 48 min
- Études de cas réels 41 min
- Projet pratique 52 min
- Correction et feedback 56 min
Module 4 : Évaluation et certification
- Révision générale 53 min
- Examen final 34 min
- Présentation des résultats 45 min
- Remise des certificats 21 min
Prérequis
- JavaScript intermédiaire (ES6+, promesses)
- Bases HTML/CSS
- Avoir suivi notre formation HTML/PHP/JS ou équivalent