Technologies du Web 3

JavaScript, TypeScript, Node.js, Express, REST, MongoDB et Docker

Passez du JavaScript moderne à une application serveur complète : typage TypeScript, API Express structurée en MVC, conception REST, bases de données, conteneurisation et sécurité. Des cours structurés en MDX, des quiz auto-évalués et un tableau de bord qui suit votre progression, chapitre par chapitre.

Tableau de bord

Cours en MDX

Un contenu riche, structuré par chapitre, avec navigation latérale et table des matières.

Quiz intégrés

Des questions à choix multiples avec correction immédiate et explications détaillées.

Suivi de progression

Scores, chapitres terminés et points à revoir, mémorisés dans votre navigateur.

Bienvenue dans TW3 (Technologies Web 3), le module avancé de la formation Champollion dédié au développement web full-stack moderne.

Contrairement à TW2 qui pose les fondations (HTML, CSS, JavaScript), TW3 vous fait passer de « je sais coder une page » à « je construis, déploie et sécurise une application web complète ».

TW3 suppose que vous maîtrisez les prérequis de TW2 : HTML sémantique, CSS (flexbox/grid), et les bases de JavaScript (variables, fonctions, DOM, asynchronisme). Si ce n'est pas le cas, commencez par TW2.

Objectifs du parcours

  • Mettre en place un environnement de développement et versionner avec Git.Moyenne
  • Gérer les dépendances avec npm et configurer le poste.Moyenne
  • Configurer l outillage qualité (debug, linting, formatage).Moyenne
  • Maîtriser les objets, la destructuration et les objets globaux en JavaScript.Moyenne
  • Mettre en place un environnement de développement Node.js professionnel.Moyenne
  • Typer son code avec TypeScript, y compris l asynchrone.Élevée
  • Construire une API Express structurée en MVC et conforme aux principes REST.Élevée
  • Concevoir et consommer des API REST cohérentes, idempotentes et documentées.Moyenne
  • Persister des données avec MongoDB (modélisation, CRUD, indexation).Moyenne
  • Structurer le code en MVC et utiliser un ORM (Prisma).Élevée
  • Sécuriser ses applications (authentification, sessions, jetons).Élevée
  • Conteneuriser et déployer ses applications avec Docker.Moyenne

Les chapitres du cours

Douze modules répartis sur douze séances, du socle outillage à la mise en conteneur d une API. Cliquez sur un chapitre pour commencer ou reprendre où vous vous étiez arrêté.

Séance 1

Jeudi 10 septembre

· Outillage, versionnage et npm

Git

Branches, commits et collaboration distribuée.

Quizà faire
Exerciceà faire
Commencer

Tooling

Extensions VS Code, debug, qualité et productivité.

Quizà faire
Exerciceà faire
Commencer

npm

Paquets, package.json et scripts de projet.

Quizà faire
Exerciceà faire
Commencer
Séance 2

Jeudi 17 septembre

· JavaScript moderne, asynchrone et tooling

JavaScript avancé

Objets, destructuration et objets globaux.

Quizà faire
Exerciceà faire
Commencer
Séance 3

Jeudi 24 septembre

· TypeScript : types fondamentaux

TypeScript

Typage statique de JavaScript : inférence, génériques, utility types et programmation asynchrone typée (Promise, async/await, gestion d'erreurs).

Quizà faire
Exerciceà faire
Commencer
Séance 4

Jeudi 1er octobre

· Node.js côté serveur

Node.js

Serveur JavaScript, I/O non bloquant et architecture événementielle.

Quizà faire
Exerciceà faire
Commencer
Séance 5

Jeudi 8 octobre

· Express

Express

Construire des API HTTP avec Express : routage, middlewares, requêtes/réponses, gestion des erreurs et structure de projet.

Quizà faire
Exerciceà faire
Commencer
Séance 6

Jeudi 15 octobre

· API REST

API REST

Concevoir et consommer des API REST : principes, nommage des ressources, méthodes HTTP, codes de statut et bonnes pratiques de production.

Quizà faire
Exerciceà faire
Commencer
Séance 7

Jeudi 22 octobre

· Docker et base MongoDB

Docker

Conteneurisation, images et déploiement reproductible.

Quizà faire
Exerciceà faire
Commencer
Séance 8

Jeudi 5 novembre

· MongoDB

MongoDB

Base de données NoSQL documentaire : modélisation, CRUD, indexation.

Quizà faire
Exerciceà faire
Commencer
Séance 9

Jeudi 12 novembre

· Architecture MVC et ORM — Prisma

MVC & ORM

Architecture MVC et accès aux données : séparer les responsabilités, concevoir une couche modèle propre et utiliser un ORM (Prisma) dans une API Express.

Quizà faire
Exerciceà faire
Commencer
Séance 10

Jeudi 19 novembre

· Authentification

Authentification

Sessions, jetons, OAuth et sécurisation des accès.

Quizà faire
Exerciceà faire
Commencer

Progression recommandée

Bien que les modules soient accessibles dans n importe quel ordre, voici le cheminement du planning pédagogique, en quatre blocs, pour consolider les bases avant d aller plus loin.

Bloc 1 — Socle (séances 1 à 3)

Configurez votre poste avec Git, Tooling et npm, maîtrisez la gestion des dépendances et du versionnage, puis approfondissez JavaScript avancé avec l asynchrone. Sécurisez votre code avec TypeScript.

Bloc 2 — Back-end (séances 4 à 7)

Découvrez l environnement serveur avec Node.js, construisez une API avec Express, puis alignez-la sur les principes REST.

Bloc 3 — Données et architecture (séances 8 à 10)

Conteneurisez une base MongoDB avec Docker, persistez vos données, structurez votre code en MVC & ORM avec Prisma.

Bloc 4 — Qualité et évaluation (séances 11 à 12)

Sécurisez l accès avec Authentification, puis passez l examen final sur le projet fil rouge (architecture MVC, typage, API, MongoDB conteneurisée).

Vous pouvez sauter directement à un module si vous avez déjà des bases dans ce domaine. Chaque fichier index.mdx de module contient sa propre feuille de route.

Une démarche orientée projet

TW3 n est pas une suite de cours théoriques. Chaque domaine alterne concepts, exemples vérifiables, exercices pratiques et quiz. L objectif final est de produire une application full-stack cohérente :

Backend

API Express structurée en MVC avec base de données MongoDB.

Contrat

API REST typée en TypeScript, documentée et testée.

Ops

Conteneur Docker et dépôt Git versionné.

Sécurité

Authentification, sessions et bonnes pratiques.

Prérequis matériels et logiciels

  • Un éditeur de code (VS Code recommandé — voir le module Tooling).
  • Node.js 20+ installé localement (voir Node.js / installation).
  • Un terminal (bash, PowerShell ou WSL sous Windows).
  • Un compte GitHub ou GitLab pour le travail collaboratif.

Et après ?

Une fois ce module terminé, vous disposerez de toutes les briques côté serveur pour alimenter une application web. Le module TW4 prend le relais côté interface avec React, Next.js et l UX/UI. Commencez par Git (configuration du poste) ou choisissez votre point d entrée dans les cartes ci-dessus.