Planning TW3 — 11 cours de 4 h + 1 examen

Ce conducteur découpe le module en 11 séances de cours réparties sur 12 créneaux de 4 h, puis 1 examen (13 créneaux, 52 h). La progression va du socle outillage vers le back-end typé, puis la persistance, l'architecture, la sécurisation et enfin la qualité du code. Chaque créneau de cours suit le même rythme : rappel, apport théorique court, atelier guidé, exercice évalué. La dernière séance (3 décembre) est réservée à l'évaluation finale.

📆 Calendrier des séances

🧭 Logique de progression

📅 Détail des séances

Séance 1 — Jeudi 10 septembre · Outillage, versionnage et npm

• 🗓️ 10 septembre 2026 · ⏰ 9 h 00 – 13 h 00 · 📦 Bloc 1 — Socle
• Chapitres : Git, Tooling, npm
• Objectifs : configurer son poste, versionner proprement, comprendre le rôle du gestionnaire de paquets et des outils de qualité (extensions VS Code, debug, linting, formatage).
• Atelier : initialiser un dépôt, brancher, fusionner, publier sur GitHub ; installer des extensions VS Code essentielles ; initialiser un package.json et installer une dépendance.
• Livrable : dépôt fil rouge créé avec un README et un premier commit signé du binôme.

Séance 2 — Jeudi 17 septembre · JavaScript moderne, asynchrone et tooling

• 🗓️ 17 septembre 2026 · ⏰ 9 h 00 – 13 h 00 · 📦 Bloc 1 — Socle
• Chapitres : JavaScript, Données asynchrones, Tooling
• Objectifs : maîtriser Promise, async/await, la gestion d'erreurs, fetch et les outils de debug.
• Atelier : consommer une API publique, afficher les données avec gestion des erreurs réseau, configurer le débogueur Node.js.
• Livrable : exercice JavaScript + configuration debug.

Séance 3 — Jeudi 24 septembre · TypeScript

• 🗓️ 24 septembre 2026 · ⏰ 9 h 00 – 13 h 00 · 📦 Bloc 1 — Socle
• Chapitres : TypeScript — primitifs et inférence, interfaces et unions, utility types et type guards, asynchrone typé
• Objectifs : comprendre le typage statique et l'inférence, distinguer interface/type et unions, typer l'asynchrone (Promise, async/await, erreurs), appliquer les utility types et type guards
• Atelier : convertir un script JavaScript en TypeScript strict, puis typer complètement un client d'API (réponse, erreurs, pagination)
• Livrable : exercice TypeScript

Séance 4 — Jeudi 1er octobre · Node.js côté serveur

• 🗓️ 1er octobre 2026 · ⏰ 9 h 00 – 13 h 00 · 📦 Bloc 2 — Back-end
• Chapitres : Node.js
• Objectifs : event loop, modules, système de fichiers, premier serveur HTTP natif.
• Atelier : serveur HTTP sans framework servant du JSON et des fichiers statiques.
• Livrable : exercice Node.js.

Séance 5 — Jeudi 8 octobre · Express

• 🗓️ 8 octobre 2026 · ⏰ 9 h 00 – 13 h 00 · 📦 Bloc 2 — Back-end
• Chapitres : Express — routing, middlewares, requêtes et réponses, erreurs.
• Objectifs : construire une API avec routage, middlewares et gestion d'erreurs centralisée.
• Atelier : migrer le serveur natif de la séance 4 vers Express.
• Livrable : exercice Express.

Séance 6 — Jeudi 15 octobre · API REST

• 🗓️ 15 octobre 2026 · ⏰ 8 h 00 – 12 h 00 (horaire exceptionnel) · 📦 Bloc 2 — Back-end
• Chapitres : API REST — principes, URLs, méthodes et codes, bonnes pratiques, tests.
• Objectifs : concevoir une API cohérente, idempotente et documentée.
• Atelier : conception des routes du projet fil rouge, tests avec un client HTTP.
• Livrable : exercice REST + collection de requêtes de test.

Séance 7 — Jeudi 22 octobre · Docker et base MongoDB

• 🗓️ 22 octobre 2026 · ⏰ 9 h 00 – 13 h 00 · 📦 Bloc 2 — Back-end
• Chapitres : Docker, MongoDB via Docker
• Objectifs : conteneuriser, monter un volume et orchestrer une base MongoDB accessible depuis le projet fil rouge.
• Atelier : Dockerfile + docker-compose.yml pour fournir une base MongoDB au projet (remplace l'installation locale).
• Livrable : exercice Docker — base MongoDB conteneurisée et connectée.

Séance 8 — Jeudi 5 novembre · MongoDB

• 🗓️ 5 novembre 2026 · ⏰ 9 h 00 – 13 h 00 · 📦 Bloc 3 — Données et architecture
• Chapitres : MongoDB — NoSQL, installation, CRUD, modélisation.
• Objectifs : modéliser des documents, écrire des requêtes CRUD, choisir entre imbrication et référence.
• Atelier : brancher l'API Express de la séance 5 sur la base MongoDB du conteneur Docker (séance 7).
• Livrable : exercice MongoDB.

Séance 9 — Jeudi 12 novembre · Architecture MVC et ORM (Prisma)

• 🗓️ 12 novembre 2026 · ⏰ 9 h 00 – 13 h 00 · 📦 Bloc 3 — Données et architecture
• Chapitres : MVC & ORM, Prisma en pratique
• Objectifs : séparer routes, contrôleurs, services et modèles ; comprendre l'apport d'un ORM/ODM ; schéma et migrations.
• Atelier : refactoriser l'API en MVC au-dessus de la base MongoDB conteneurisée, puis poser le schéma Prisma.
• Livrable : arborescence de projet conforme au modèle vu en cours.

Séance 10 — Jeudi 19 novembre · Authentification

• 🗓️ 19 novembre 2026 · ⏰ 9 h 00 – 13 h 00 · 📦 Bloc 3 — Données et architecture
• Chapitres : Authentification
• Objectifs : hachage de mot de passe, sessions et JWT, identification et autorisation (IAM).
• Atelier : ajouter l'inscription, la connexion et une route protégée.
• Livrable : exercice authentification.

Séance 11 — Jeudi 26 novembre · Tooling — qualité du code

• 🗓️ 26 novembre 2026 · ⏰ 9 h 00 – 13 h 00 · 📦 Bloc 4 — Qualité
• Chapitres : Tooling — qualité, débogage, linting, formatage et tests.
• Objectifs : instrumenter le projet fil rouge avec ESLint (flat config), Prettier, un test et la configuration de débogage.
• Atelier : coupler Prettier + ESLint, ajouter un test et configurer le débogueur.
• Livrable : exercice tooling.

Séance 12 — Jeudi 3 décembre · Examen (évaluation finale)

• 🗓️ 3 décembre 2026 · ⏰ 9 h 00 – 13 h 00 · 📦 Bloc 5 — Évaluation
• Pas de cours nouveau : cette séance est réservée à l'évaluation finale du module.
• Modalités : mise en situation sur le projet fil rouge (branche session-10) — architecture MVC, qualité du typage, cohérence de l'API et persistance MongoDB conteneurisée.

🧵 Le projet fil rouge

Le même projet traverse les douze séances : une petite application de gestion (catalogue, tâches ou réservations, au choix du groupe).

🔗 Le dépôt fil rouge (à créer par les étudiants)

Chaque exercice de cours construit une étape du même dépôt, publié en référence sur GitHub. Un étudiant qui suit les 12 séances aboutit exactement à ce dépôt.

• Dépôt de référence : github.com/micmc422/projet-fil-rouge-tw3
• Le dossier de travail de chaque binôme s'appelle projet-fil-rouge-tw3.
• Le dépôt de référence possède une branche session-NN par séance (ex. session-01, session-04), représentant l'état cumulé du projet à la fin de la séance. Pour rattraper un cours : git switch session-04. Pour visualiser la progression : comparez deux branches.

Comment récupérer la bonne branche

À partir de votre dépôt local projet-fil-rouge-tw3 :

# Lister les branches distantes disponibles
git branch -r

# Basculer sur la branche d'une séance donnée (ex. séance 4 — Node.js)
git switch session-04

# Pour revenir à la dernière séance travaillée
git switch session-10

# Pour voir l'état d'une séance précise sans changer de branche
git log origin/session-04 --oneline

Le dépôt de référence publie une branche par séance. Chaque branche est cumulative : session-04 contient tout ce qui a été fait aux séances 1 à 4.

Lien cours → branche du dépôt fil rouge :

Chaque page exercice.mdx contient une section « 🧵 Projet fil rouge » qui nomme le dossier cible, lie la branche correspondante et liste les opérations à effectuer (init → install → code → commit), en renvoyant vers l'exercice générique qui reste l'évaluation de la séance.

✅ Repères d'évaluation

• Un quiz de chapitre validé par séance ;
• un exercice évalué rendu à chaque fin de bloc ;
• le projet fil rouge évalué en séance 12 sur l'architecture, la qualité du typage et la cohérence de l'API.