Atelier GL — Application Web Full-Stack

Cet atelier de S6 est le projet intégrateur du parcours Génie Logiciel : les étudiants conçoivent, développent, sécurisent et déploient en production une application web full-stack répondant à un besoin réel nigérien. Il mobilise un backend Node.js/Express (ou Django/FastAPI) avec une API REST, un ORM et une authentification JWT/OAuth2, un frontend React avec gestion d’état, les bonnes pratiques de sécurité OWASP et de performance, puis un déploiement automatisé sur VPS Linux avec supervision. Les programmes des exemples et corrigés ont été exécutés (Jest, Supertest, React Testing Library, Python) et les configurations vérifiées (nginx -t, actionlint).

Objectifs d’apprentissage

• Concevoir et développer une application web full-stack complète et déployée en production.
• Maîtriser un framework backend moderne (Node.js/Express ou Django/FastAPI) et une API REST.
• Intégrer un framework frontend réactif (React ou Vue.js) avec la gestion d’état.
• Appliquer les bonnes pratiques de sécurité web et de performance en production.

Prérequis

Développement Web Frontend HTML/CSS/JS (DWF3121, S3) ; Programmation Orientée Objet (Java/C#). Bases de données relationnelles et SQL, Git.

Plan du cours

1. Leçon 1 — Architecture Full-Stack et Backend
2. Leçon 2 — Frontend Réactif
3. Leçon 3 — Sécurité Web et Performance
4. Leçon 4 — Projet Intégrateur et Déploiement

Travaux pratiques

• TP continus (30 h) sur le projet fil rouge : API, frontend, tests, sécurisation.
• Tests de charge avec k6 ou JMeter (leçon 3).
• TP guidé : déploiement complet sur VPS avec Nginx, PM2, Let’s Encrypt, GitHub Actions et supervision (leçon 4).
• Soutenance : démonstration en direct, revue de code, retour d’un jury professionnel.

Modalités d’évaluation

Volume horaire : CM 20 h, TD 10 h, TP 30 h, TPE 20 h (CTT 80 h) — 4 crédits. Évaluation CC + ET : contrôle continu 50 % (livrables de sprint, TP, quiz), examen terminal 50 % (soutenance du projet). Nature : mixte.

Bibliographie

• D. Flanagan, JavaScript: The Definitive Guide, O’Reilly.
• Documentation officielle React (react.dev — gratuit) et Node.js (nodejs.org).
• OWASP, OWASP Top 10 et Cheat Sheet Series (owasp.org — gratuit).
• Documentation Express (expressjs.com) et Prisma (prisma.io/docs).