Développement Web (M2)
M2 iWOCS - WEB - Université Le Havre Normandie
Syllabus
Outils, protocoles, standards et langages du Web
Master 2 Informatique IWOCS — Université Le Havre Normandie
Volume horaire : 45h (15h CM, 30h TD/TP)
Objectifs pédagogiques
Cette UE vise à consolider et approfondir les compétences en développement Web full-stack à l’aide des technologies modernes de l’écosystème TypeScript.
Les étudiants apprennent à concevoir une application complète intégrant :
- un serveur Web full-stack avec génération côté serveur (SSR),
- un Web Service interopérable (REST ou GraphQL),
- une interface de visualisation dynamique des données.
L’ensemble est mis en pratique autour d’un fil rouge d’application :
la gestion et la visualisation d’annonces immobilières.
Contenu du cours
Partie 1 — Serveur full-stack et SSR
- Framework Web Next.js (App Router)
- Modélisation et base de données avec Prisma ORM
- Authentification et rôles avec NextAuth
- Gestion des formulaires et rendu SSR
- Tests unitaires et d’intégration
Partie 2 — Web Services et API
- Architectures REST et GraphQL
- Conception et documentation d’API (OpenAPI / Swagger)
- Sécurisation et gestion des accès (JWT, rôles, middleware)
- Communication client / service (fetch, axios, Apollo)
Partie 3 — Visualisation et intégration Front
- Composants front modernes (React, Next.js côté client)
- Représentation de données : Recharts, D3.js, etc.
- Interaction et filtres dynamiques
- Construction d’un tableau de bord des données
Travaux pratiques et évaluation
Chaque partie donne lieu à un TP noté, menant progressivement à une application complète.
L’évaluation repose sur :
- la qualité technique (architecture, typage, tests),
- la pertinence fonctionnelle (authentification, rôles, CRUD, API),
- la clarté de l’interface et de la visualisation,
- et une soutenance orale de présentation du projet.
Évaluation continue + oral final.
Travail en binôme sur la forge universitaire.
Compétences visées
| Domaine | Code | Intitulé |
|---|---|---|
| D1 | C4 | Sécurité, tests, robustesse |
| D2 | C1 | Développement Web (frontend / backend) |
| D2 | C2 | Conception d’API et protocoles de communication |
| D2 | C3 | Architecture logicielle et intégration |
| D4 | C1 | Travail collaboratif, Git, forge universitaire |
🧰 Prérequis
- Bases du développement Web vues en M1 IWOCS
- Notions de JavaScript / TypeScript, HTTP, bases de données relationnelles
🔑 Mots-clés
Next.js, TypeScript, Prisma, NextAuth, REST, GraphQL, SSR, Recharts, D3.js, ORM, API, full-stack, data visualization.
Evaluations et aptitudes
| Serveur Fullstack | Web Services | Visualisation / Front | |||
|---|---|---|---|---|---|
| Domaine | Compétence | Aptitude | |||
| D1 | D1.C4 | Maîtriser l’écriture des tests, la sécurité et la robustesse du code | ✓ | ✓ | ✓ |
| D2 | D2.C1 | Backend : Framework Web Next.js (SSR, ORM, Auth) | ✓ | ||
| Frontend : Formulaires, pages dynamiques et responsive design | ✓ | ||||
| Frontend : Visualisation de données (Recharts, D3, etc.) | ✓ | ||||
| D2.C2 | Concevoir et exposer des Web Services (REST, GraphQL) | ✓ | ✓ | ✓ | |
| D2.C3 | Concevoir et structurer une architecture logicielle modulaire | ✓ | ✓ | ✓ | |
| D4 | D4.C1 | Collaborer avec Git / travail en groupe | ✓ | ✓ | ✓ |