Albi, France
Projets

Cours TW3 — Technologies du Web 3 (Université Champollion)

Aperçu du projet : Cours TW3 — Technologies du Web 3 (Université Champollion)
1 septembre 2025
TW3 — Technologies du Web 3 est la refonte de mon cours de Licence 3 à l'Université Champollion (Albi). Conçu à l'origine sous Nextra, il a été réécrit sur Fumadocs pour offrir une navigation bien plus fluide dans la masse des contenus, et enrichi d'un système de quiz et d'exercices suivis : chaque étudiant visualise ses points faibles et cible ses révisions.

🎯 Objectifs

  • Offrir un support de cours structuré, navigable et accessible
  • Passer d'une navigation linéaire à une exploration par module
  • Intégrer des quiz auto-évalués et des exercices suivis
  • Permettre aux étudiants de cibler les points ratés et de faciliter leurs révisions

📋 Vue d'ensemble

Élément
Détail
PublicÉtudiants L3 — Université Champollion (Albi)
RôleDéveloppeur & concepteur pédagogique
Ancien frameworkNextra
Nouveau frameworkFumadocs
FormatCours modulaires en MDX + quiz + suivi
LivrablePlateforme en ligne + tableau de bord

🧩 Fonctionnalités clés

  • Navigation Fumadocs : sommaire latéral, recherche et progression par chapitre
  • Quiz intégrés : QCM à correction immédiate et explications détaillées
  • Exercices suivis : scores et chapitres terminés mémorisés dans le navigateur
  • Ciblage des révisions : les points à revoir sont mis en évidence automatiquement
  • Contenus MDX : cours riches et maintenables, sans friction éditoriale
  • Responsive & accessible : lecture optimale sur tous les écrans

🧠 Modules abordés

Module
Contenu
JavaScript avancéObjets, destructuration, objets globaux
Node.jsServeur JS, I/O non bloquant, architecture événementielle
npmPaquets, package.json, scripts de projet
ReactComposants, props, hooks, interface utilisateur
Next.jsApp Router, Server Components, rendu hybride
MongoDBBase NoSQL documentaire : modélisation, CRUD, indexation
DockerConteneurisation, images, déploiement reproductible
GitBranches, commits, collaboration distribuée
AuthentificationSessions, jetons, OAuth, sécurisation des accès
ToolingExtensions VS Code, debug, qualité et productivité
UX/UIExpérience utilisateur, UI et bonnes pratiques

⚙️ Stack technique

Technologie
Usage
Type
FumadocsFramework de docs & navigationFramework
MDXContenu des coursContenu
Next.jsRendu des pagesFramework
TypeScriptTypage statiqueLangage
VercelDéploiement et hébergementInfra

🛠️ Méthode de refonte

De Nextra à Fumadocs : ma démarche

1
Audit de la base NextraInventaire des modules, de la navigation existante et des frictions de parcours pour les étudiants.
2
Migration vers FumadocsRéécriture de la structure de docs pour une navigation latérale, une recherche et une progression par chapitre fluides.
3
Système de quiz & exercicesAjout de QCM auto-évalués et d'un suivi persistant des scores côté navigateur.
4
Tableau de bord & révisionsMise en évidence automatique des points à revoir pour cibler les révisions efficacement.

⚡ Défis relevés

  • Repenser la navigation dans une masse de cours importante sans perdre l'étudiant
  • Garantir une migration fidèle du contenu Nextra vers Fumadocs
  • Concevoir un suivi de progression léger, sans backend (stockage navigateur)
  • Préserver performance et accessibilité sur tous les appareils

📊 Résultats

Indicateur
Valeur
Modules11 (JS avancé → UX/UI)
QuizQCM à correction immédiate
SuiviScores & chapitres terminés (navigateur)
NavigationFumadocs (sommaire, recherche, progression)
Une plateforme pédagogique moderne, navigable et outillée pour la réussite des étudiants : les quiz et le suivi de progression transforment la révision en parcours ciblé.

❓ Questions fréquentes

FAQ — cours TW3 (Fumadocs)