RM WEB

Partie 1 — Introduction : Qu’est-ce que le Web ?

1. Internet et le Web : ne pas confondre

Internet

• Réseau mondial reliant des millions d’ordinateurs.
• Utilise des protocoles de communication (TCP/IP).
• Supporte de nombreux services : email, FTP, visioconférence, jeux en ligne, etc.

Le Web

• Service spécifique d’Internet.

• Créé au début des années 1990 par Tim Berners-Lee.

• Basé sur 3 piliers :

  • URL (Uniform Resource Locator) : l’adresse des ressources.
  • HTTP/HTTPS (HyperText Transfer Protocol) : protocole de communication.
  • HTML (HyperText Markup Language) : langage pour décrire les pages.

Analogie

• Internet = autoroutes.
• Web = voitures qui roulent dessus (parmi d’autres véhicules : mail, FTP, etc.).

2. Historique rapide du Web

Étapes clés

• 1969 : ARPANET → première connexion entre ordinateurs distants.
• Années 1980 : TCP/IP devient le langage universel des réseaux.
• 1991 : naissance du Web au CERN (Tim Berners-Lee).
• Années 2000 : Web 2.0 (participatif, réseaux sociaux, AJAX, blogs).
• Aujourd’hui : Web moderne (applications riches, Cloud, APIs, microservices).

Anecdote

La première page web (1991) est encore en ligne sur le site du CERN. Elle expliquait… ce qu’était le Web !

3. Schéma simplifié du Web

Fonctionnement

• Un utilisateur saisit une URL dans un navigateur.
• Le navigateur envoie une requête HTTP au serveur.
• Le serveur renvoie une réponse HTTP (souvent du HTML + CSS + JS).
• Le navigateur interprète et affiche la page.

Schéma ASCII

[ Navigateur (client) ] -- Requête HTTP --> [ Serveur web ]
[ Navigateur (client) ] <-- Réponse HTML -- [ Serveur web ]

4. Rôle du développeur web

Ce que fait le développeur

• Crée des sites et applications web.
• Écrit du code en HTML, CSS, JavaScript, PHP, etc.
• S’assure que les pages s’affichent correctement dans les navigateurs.
• Tient compte de l’accessibilité, de la performance et de la sécurité.

Ce qu’il ne fait pas

• Installer des câbles ou configurer un routeur (c’est le rôle des admins réseau).
• Fabriquer un navigateur ou un système d’exploitation.

En résumé

Le développeur agit dans le cadre du Web, mais doit comprendre l’écosystème global pour travailler efficacement.

5. Étude de cas : trajet d’une requête web

Exemple : l’utilisateur tape www.google.com

1. Le navigateur cherche l’adresse IP correspondante (via DNS).
2. Il ouvre une connexion avec le serveur de Google.
3. Il envoie une requête HTTP GET.
4. Le serveur renvoie une page HTML.
5. Le navigateur l’affiche.

Observation pratique

• Ouvrir les Outils de développement du navigateur (F12).
• Onglet « Réseau » → recharger une page → voir toutes les requêtes.
• Chaque ressource (HTML, CSS, JS, image) = une requête.

6. Exercice guidé

Exercice 1 — Discussion

Question : Quels services d’Internet utilisez-vous régulièrement qui ne sont pas le Web ?

Exercice 2 — Schéma

Dessine le trajet d’une requête :

• Navigateur
• Internet
• Serveur
• Réponse affichée

Exercice 3 — DevTools

1. Ouvre Firefox/Chrome.
2. Va sur un site simple (ex. Wikipédia).
3. Dans DevTools → onglet Réseau → observe le nombre de requêtes.

7. Synthèse

• Internet ≠ Web : le Web est un service d’Internet.
• Le Web repose sur URL + HTTP + HTML.
• Le trajet d’une requête : navigateur → serveur → réponse → affichage.
• Le développeur web travaille au niveau du code des applications web, pas dans l’infrastructure physique.

Fiche mémo

• Internet = réseau mondial.
• Web = service d’Internet basé sur HTTP/HTML.
• Client = navigateur, Serveur = machine qui héberge les pages.
• URL = adresse d’une ressource.
• Requête HTTP = demande envoyée par le client.
• Réponse HTTP = contenu renvoyé par le serveur.