Module 4 : Les concepts clés du web

Module 4 : Les concepts clés du web

Objectif du module

Comprendre les termes techniques essentiels que vous entendrez souvent — API, serveur, base de données, HTTP, hébergement — expliqués avec des mots simples.

Explication simple

Le vocabulaire technique peut sembler intimidant. Mais derrière chaque terme se cache un concept simple. Prenons-les un par un.

Le serveur

On en a déjà parlé : un serveur, c'est un ordinateur qui est toujours allumé et dont le travail est de répondre aux demandes. Quand vous ouvrez un site, c'est un serveur qui vous envoie la page.

Pourquoi on l'appelle "serveur" ? Parce qu'il sert des pages web, exactement comme un serveur au restaurant sert des plats.

Il existe aussi le mot client : c'est votre navigateur, celui qui demande la page. Le web fonctionne sur ce modèle de client-serveur : un qui demande, un qui répond.

La base de données

Une base de données, c'est un classeur géant numérique où sont rangées toutes les informations d'un site :

  • Les comptes des utilisateurs (nom, email, mot de passe crypté)
  • Les produits d'une boutique (nom, prix, description, stock)
  • Les messages d'un réseau social
  • Les commandes passées
graph TD
    A["Utilisateur clique sur 'Mes commandes'"] --> B["Le frontend envoie la demande"]
    B --> C["Le backend reçoit la demande"]
    C --> D["Il consulte la base de données"]
    D --> E["La base renvoie les données"]
    E --> F["Le backend les met en forme"]
    F --> G["Le frontend les affiche"]

Sans base de données, un site ne pourrait rien mémoriser. À chaque visite, ce serait comme s'il ne vous avait jamais vu.

HTTP et HTTPS

HTTP (HyperText Transfer Protocol) est la langue que parlent votre navigateur et le serveur pour se comprendre. C'est le protocole — c'est-à-dire l'ensemble des règles — qui définit comment les demandes et les réponses sont formulées.

Quand vous voyez HTTPS (avec un S à la fin), le S signifie Secure : la conversation entre votre navigateur et le serveur est chiffrée. Personne ne peut lire ce qui s'échange en chemin. C'est indispensable pour les paiements en ligne, les mots de passe, et en réalité pour tous les sites aujourd'hui.

Comment repérer HTTPS ? Le petit cadenas dans la barre d'adresse de votre navigateur.

L'API

API (Application Programming Interface) est un mot qui fait peur, mais le concept est simple. Une API, c'est un guichet standardisé qui permet à deux logiciels de communiquer entre eux.

Imaginez que votre application météo sur votre téléphone affiche la température. Elle ne mesure pas la température elle-même — elle va demander l'information à un service météo via son API. L'API dit : "Si tu me donnes le nom d'une ville, je te renvoie la température."

Les API sont partout :

Quand vous... Une API est utilisée pour...
Vous connectez avec Google Demander à Google de confirmer votre identité
Voyez une carte Google Maps sur un site Afficher la carte en récupérant les données chez Google
Payez en ligne Communiquer avec le service de paiement (Stripe, PayPal)
Consultez la météo Récupérer les données météo en temps réel
Partagez un article sur un réseau social Envoyer l'information au réseau social

L'hébergement

Héberger un site, c'est le stocker sur un serveur pour qu'il soit accessible à tous, 24h/24. Un site web qui n'est pas hébergé, c'est comme un livre qui n'est dans aucune bibliothèque : il existe, mais personne ne peut le consulter.

Les hébergeurs sont des entreprises qui possèdent des milliers de serveurs et vous louent de la place dessus :

Hébergeur Type Idéal pour
OVH Classique Sites simples, prix bas
Hostinger Classique Débutants
Vercel / Netlify Moderne Sites rapides et modernes
AWS / Google Cloud Cloud Grandes applications

Le nom de domaine

Le nom de domaine, c'est l'adresse lisible de votre site : www.monsite.com. En réalité, les ordinateurs communiquent avec des numéros (les adresses IP, comme 142.250.74.238). Le nom de domaine est un alias qui traduit un nom facile à retenir en un numéro que les machines comprennent.

C'est comme les contacts de votre téléphone : vous cherchez "Maman" au lieu de taper 06 12 34 56 78 à chaque fois.

Le système qui fait cette traduction s'appelle le DNS (Domain Name System) — l'annuaire du web.

graph LR
    A["Vous tapez www.google.com"] --> B["Le DNS traduit en 142.250.74.238"]
    B --> C["Votre navigateur contacte le serveur à cette adresse"]
    C --> D["Le serveur renvoie la page"]

Les cookies

Les cookies sont de petits fichiers que les sites web stockent sur votre ordinateur pour se souvenir de vous. Quand un site vous dit "On utilise des cookies", voici ce que ça veut dire concrètement :

  • Cookie de session : se souvenir que vous êtes connecté (sans lui, il faudrait retaper votre mot de passe à chaque clic)
  • Cookie de préférences : se souvenir de vos choix (langue, thème sombre...)
  • Cookie de tracking : suivre votre navigation pour vous montrer des publicités ciblées

Les deux premiers sont utiles. Le troisième est celui qui suscite le débat sur la vie privée.

Exemple concret

Vous commandez une pizza en ligne :

  1. Vous ouvrez le site (votre navigateur est le client)
  2. La page s'affiche (le serveur envoie le frontend via HTTP)
  3. Vous vous connectez (le backend vérifie dans la base de données)
  4. Vous choisissez une pizza et cliquez sur "Commander" (JavaScript envoie la commande au backend)
  5. Le site affiche une carte pour la livraison (API Google Maps)
  6. Vous payez (API Stripe pour le paiement sécurisé via HTTPS)
  7. La commande est enregistrée (base de données)
  8. Le site pose un cookie pour retenir votre adresse la prochaine fois

Tous les concepts de ce module interviennent dans cette simple action du quotidien.

Métaphore

Imaginez le web comme un service postal ultra-rapide :

  • Le serveur est le bureau de poste qui traite votre courrier
  • La base de données est l'archive où sont gardés tous les dossiers
  • HTTP est la langue officielle dans laquelle les courriers sont rédigés
  • HTTPS est le même courrier, mais dans une enveloppe scellée que seul le destinataire peut ouvrir
  • L'API est le formulaire standardisé que vous remplissez pour faire une demande — il garantit que tout le monde utilise le même format
  • Le nom de domaine est l'adresse simple écrite sur l'enveloppe, le DNS est l'annuaire qui traduit cette adresse en coordonnées GPS
  • Les cookies sont des post-it que le bureau de poste colle sur votre boîte aux lettres pour se souvenir de vos préférences

Résumé en 3 points clés

  1. Le web repose sur un modèle client-serveur : votre navigateur demande, le serveur répond, et la base de données stocke les informations
  2. Les API permettent aux logiciels de communiquer entre eux — elles sont le ciment invisible qui relie les services du web
  3. HTTPS, DNS et cookies sont les mécanismes qui rendent votre navigation sécurisée, lisible et personnalisée