Web

1. 1

   Qu'est-ce que le Web

   Bienvenue. Si vous ne vous êtes jamais demandé ce qui se passe réellement quand vous tapez une URL dans un navigateur, vous êtes au bon endroit. Le...

   Client-server modelBrowser as a clientURL structureWhat happens between typing and rendering
   20 min
2. 2

   HTTP vs HTTPS

   Imaginez-vous sur le wifi gratuit d'un café. Une autre personne sur ce même réseau, munie de rien de plus exotique qu'un analyseur de paquets, peut...

   Plaintext HTTPHTTPS as HTTP over TLSConfidentialityIntegrityAuthenticityPadlock UI
   15 min
3. 3

   Anatomie d'une requete et d'une reponse

   Vous savez déjà qu'un navigateur envoie une requête et qu'un serveur renvoie une réponse. Ce que vous n'avez pas encore vu, c'est à quoi ces deux...

   Request lineHeadersBodyStatus codesMethodsCurl -v
   30 min
4. 4

   Cookies, sessions et jetons

   HTTP n'a aucune mémoire. Chaque requête que vous envoyez est traitée par le serveur comme s'il ne vous avait jamais vu, même si vous avez envoyé...

   Set-CookieHttpOnlySecureSameSiteServer sessionsJWT+1
   25 min
5. 5

   Le DNS expliqué

   Vous faites pointer un domaine vers un nouveau serveur, la modification est enregistrée, et ça marche depuis votre portable mais pas depuis celui de...

   RootTLDAuthoritative serverRecursive resolverAAAAA+6
   25 min
6. 6

   TLS et certificats

   TLS est la couche qui transforme HTTP ordinaire en HTTPS. À la fin de cette leçon, vous saurez grosso modo ce qui se passe pendant le handshake, ce...

   TLS handshakeClientHelloServerHelloCertificateKey exchangeCA chain of trust+2
   30 min
7. 7

   CORS

   Votre frontend tourne sur localhost:3000, votre API tourne sur localhost:8000, et la requête qui passe parfaitement avec curl échoue dans le...

   Same-origin policyOriginPreflight OPTIONSAccess-Control-Allow-OriginAccess-Control-Allow-MethodsAccess-Control-Allow-Headers+1
   30 min
8. 8

   Bases des API REST

   On vous demande d'ajouter un endpoint à une API existante et vous bloquez dès la première décision : est-ce POST /users/42/deactivate ou PATCH...

   Resources as nounsMethods as verbsStatus codesIdempotencyHATEOASVersioning
   25 min
9. 9

   WebSockets et SSE

   Votre fonctionnalité, c'est « afficher le nouveau message à l'instant où il arrive ». Tous les outils que vous avez vus jusqu'ici supposent que le...

   Long pollingWebSocket upgradeFull-duplex framesServer-Sent EventsWhen to pick each
   25 min
10. 10

    Mise en cache et CDN

    Votre page d'accueil met 900 millisecondes à se construire, et elle construit exactement la même chose pour le dix millième visiteur que pour le...

    Browser cacheProxy cacheCDN edgeCache-ControlETagIf-None-Match+2
    25 min
11. 11

    En-têtes de sécurité

    Un audit de sécurité atterrit sur votre bureau avec quatorze points, et six d'entre eux se révèlent être des en-têtes de réponse que vous n'envoyez...

    Content-Security-PolicyStrict-Transport-SecurityX-Content-Type-OptionsX-Frame-OptionsFrame-ancestorsReferrer-Policy+1
    25 min
12. 12

    Limitation de débit et contrôle du flux

    À 09h14, votre API se met à expirer pour tout le monde. Rien n'a été déployé. En fait, l'intégration d'un client contient une boucle de réessai sans...

    Token bucketLeaky bucketFixed windowWhere to enforce429Retry-After+1
    20 min
13. 13

    Surveillance et journalisation

    Il est trois heures du matin et un client signale que le paiement échoue. Vous avez un nom, une heure approximative, et un système réparti sur cinq...

    Structured logsCorrelation IDsTracesSpansFour golden signalsLog vs metric+1
    20 min
14. 14

    Projet final : Un petit serveur web

    Chaque leçon de ce cours a expliqué un en-tête vu de l'extérieur. Vous avez appris ce que promet Cache-Control, ce qu'autorise...

    Serving HTTPCache headersCORS headersSecurity headersCurl -v304 Not Modified+1
    40 min

Chaque leçon, quiz et réponse du tuteur s’affiche dans votre langue. Le tuteur IA répond dans la langue que vous utilisez.

See how hiring teams interview engineers on Web, in production-like environments.