Client vs Server

Les deux côtés de chaque interaction web

⏱ Estim. ~4 min

01 · Lire

Chaque fois que tu utilises un site web ou une appli, les deux côtés de la conversation sont toujours là :- Client — ton navigateur ou ton appli, qui tourne sur ton appareil. Il s'occupe d'afficher les choses à l'écran, de réagir à tes clics et à tes touches. - Server (serveur) — un ordinateur ailleurs. Il stocke les données, traite les requêtes et renvoie les résultats.

Ils travaillent ensemble : le client gère ce que tu vois, le serveur gère ce qui se passe en coulisses.

💡 Imagine çaImagine un restaurant. Toi (client), tu es assis à table, tu consultes la carte, tu commandes. La cuisine (server) reçoit ta commande, prépare la nourriture et la sert. Tu n'entres pas dans la cuisine, et la cuisine ne s'assoit pas à ta table. Chacun son travail.

Points clés

Client = ton appareil (navigateur, appli mobile). S'occupe de l'affichage et de l'interaction.
Server = ordinateur distant. S'occupe du stockage des données, de la logique, du traitement.
Le client envoie des requêtes (« je veux cette page »), le serveur répond (« voici les fichiers »)
Du code tourne côté client (le JavaScript dans le navigateur), d'autre côté serveur (la gestion de ta connexion)

02 · Glisser pour trier

Pour chaque action, à toi de juger : ça se passe côté Client (ton navigateur) ou côté Server (l'ordinateur distant) ?

(Cette section est interactive — active JavaScript pour l'utiliser.)

03 · Quiz

Dans l'analogie du restaurant, à quoi correspond le « server » ?

La carte
La table où tu es assis
Les autres clients
La cuisine qui prépare les plats

04 · Quiz

Du JavaScript change la couleur d'un bouton sur une page web. Où s'exécute ce code ?

Sur le client (ton navigateur)
Sur le server
Dans la base de données
Sur un serveur DNS

Autres leçons de ce chapitre

⚠ L'expérience interactive complète nécessite JavaScript. Active-le et recharge la page.

※ Ce site est un projet éducatif indépendant — pas un produit officiel d'Anthropic. Claude™ est une marque déposée d'Anthropic, PBC.