-
Introduction au développement web moderne : Révisions des concepts de base (HTML, CSS, JS, DOM, fetch, API) et rôle de ces outils dans les cadriciels modernes.
-
Présentation de Vercel, Next.js et React : Déploiement d’une première application, introduction à Git/Github. Installation de Next.js, anatomie du projet, et création du premier composant React.
-
Approfondissement de React (Partie 1) : Gestion de l’état, passage de props et rendu conditionnel, cycle de vie des composants, utilisation des hooks
useState(),useEffect().
-
Approfondissement de React (Partie 2) : Exploration des hooks avancés (
useContext(),useReducer(), etc.) et documentation du code avec JSDoc.
-
Intégration de Tailwind CSS: Installation et configuration de Tailwind pour des interfaces réactives, démonstration de l’utilisation des composants Tailwind UI.
-
Next.js : Client/Server et connexion à une BD : Mise en œuvre des scripts côté client et serveur, explication du Shadow DOM, fichiers spéciaux: layout, template, router et connexion à une base de données sur Vercel.
-
Authentification avec Next.js : Implémentation des méthodes d’authentification, gestion des sessions et sécurisation des endpoints.
- Next.js avancé : Streaming, requêtes parallèles/séquentielles/asynchrones, Server-Side Rendering (SSR) et Incremental Static Regeneration (ISR).
- Design avec Material UI : Utilisation et personnalisation de Material UI pour concevoir des interfaces modernes et personnalisées.
- Tests et débogage dans les applications modernes : utilisation de React DevTools, des logs Next.js et introduction aux tests end-to-end (e2e) avec Cypress ou Playwrigh
