Introduction aux technologies web – Plateforme Licence 3

Q: La plateforme est-elle accessible sur mobile ?

Oui, elle est conçue responsive et conforme aux standards d'accessibilité, y compris sur smartphone et tablette.

Q: Le contenu peut-il être mis à jour sans compétence technique ?

Les cours sont rédigés en MDX, un format proche du Markdown : un enseignant peut ajouter un module ou un quizz sans toucher au code.

Q: Quelles technologies sont enseignées ?

Docker, Node.js, Git, MongoDB, GraphQL, Next.js, l'authentification, ainsi que l'UX/UI et l'accessibilité.

2 février 2025

Commandée par l'Université Champollion (Albi), cette plateforme pédagogique accompagne les étudiants de Licence 3 dans la découverte des technologies web modernes. L'enjeu : transformer un support de cours classique en un véritable parcours interactif, accessible et évolutif — directement rédigé en MDX.

🎯 Objectifs

Offrir un support de cours structuré et accessible
Intégrer des contenus interactifs (quizz, exercices, TL;DR)
Favoriser l'autonomie et la progression des étudiants
Mettre en œuvre une approche pédagogique moderne et évolutive

📋 Vue d'ensemble

Élément	Détail
Public	Étudiants L3 — Université Champollion (Albi)
Rôle	Développeur & concepteur pédagogique
Format	Plateforme de cours interactive (MDX)
Périmètre	6 modules thématiques
Livrable	Plateforme en ligne + activités (quizz, exercices)

🧩 Contenus abordés

Docker : conteneurisation et gestion d'environnements
Node.js : développement backend asynchrone
Git & GitHub : gestion de versions et collaboration
MongoDB : bases de données NoSQL
GraphQL : requêtes API flexibles
Authentification : sécurisation des applications web
React & Next.js : développement frontend moderne
UX/UI & Accessibilité : conception d'interfaces inclusives

⚙️ Stack technique

Technologie	Usage	Type
Next.js	Rendu SSR/SSG des pages de cours	Framework
MDX	Contenu Markdown + composants React	Contenu
TypeScript	Typage statique	Langage
Tailwind CSS	Design responsive et moderne	Style
Vercel	Déploiement et hébergement	Infra
pnpm	Gestion des dépendances	Outil

🛠️ Méthode pédagogique

Ma méthode pédagogique en 4 étapes

Cadrage & programmesAnalyse des attendus pédagogiques L3 et définition d'une progression par modules cohérente.

Contenu MDX modulaireRédaction des cours en MDX : théorie, quizz et exercices dans des composants réutilisables.

Design system & accessibilitéMise en place d'une charte cohérente et du respect des bonnes pratiques d'inclusion (WCAG).

Déploiement & suiviMise en ligne sur Vercel et ajustements suite aux retours des étudiants.

⚡ Défis relevés

Structuration de contenus variés (théorie, pratique, quizz)
Intégration fluide de composants interactifs dans des pages MDX
Performance et accessibilité sur tous les appareils
Architecture modulaire pour faciliter les mises à jour

📊 Résultats

Indicateur	Valeur
Modules thématiques	6
Technologies présentées	10+
Formats interactifs	Quizz, exercices, TL;DR
Accessibilité	Conforme WCAG 2.1

Une plateforme pédagogique moderne, interactive et évolutive, offrant aux étudiants une immersion complète dans les technologies web actuelles.

❓ Questions fréquentes

FAQ — plateforme de cours

La plateforme est-elle accessible sur mobile ?

Le contenu peut-il être mis à jour sans compétence technique ?

Quelles technologies sont enseignées ?