Lorsqu’il s’agit de comprendre le fonctionnement d’une page web dans un navigateur, il est essentiel de comprendre les interactions entre clients et serveurs.

Bien que ces concepts théoriques ne soient pas impératifs pour débuter en développement web, ils s’avèrent inestimables pour appréhender les coulisses du Web.

Clients et Serveurs : Les Acteurs Principaux

Les ordinateurs connectés à Internet sont catégorisés en deux groupes : les clients et les serveurs. Voici une représentation schématique de leur interaction :

  • Clients: Ce sont les dispositifs connectés à Internet tels que votre ordinateur en Wi-Fi ou votre téléphone en réseau mobile, ainsi que les navigateurs comme Firefox ou Chrome.
  • Serveurs: Ils hébergent les pages web, les sites et les applications. Lorsqu’un client souhaite accéder à une page web, une copie de celle-ci est téléchargée depuis le serveur vers le client. La machine utilisée affiche ensuite le contenu dans le navigateur.
Modèle-client-serveur

Les Autres Piliers du Web

Outre les clients et les serveurs, d’autres composants cruciaux interviennent dans le processus. Pour mieux appréhender ces éléments, faisons une analogie avec une rue dans une ville comme Douala. D’un côté se trouve la maison (le client), de l’autre le magasin (le serveur), où vous désirez acheter quelque chose.

  • Connexion Internet : Elle permet l’échange de données sur le Web, équivalant à la rue reliant la maison et le magasin.
  • TCP/IP : Transmission Control Protocol / Internet Protocol (en français : protocole de contrôle de transmission d’une part et protocole Internet d’autre part) sont des protocoles définissants comment les données voyagent sur le Web. Comparables aux moyens de transport qui vous permettent de faire vos achats.
  • DNS : Un annuaire pour les sites web, il permet au navigateur de localiser l’adresse réelle du site avant de récupérer son contenu, similaire à la recherche de l’adresse du magasin.
  • HTTP : Le langage de communication entre les clients et les serveurs, parallèle à la langue utilisée pour faire vos achats.

Les Fichiers Constituants d’un Site Web

Un site web repose sur divers fichiers, qui peuvent être assimilés aux différents produits disponibles en magasin. On les divise en deux catégories :

  • Fichiers de Code : Principalement composés de HTML, CSS et JavaScript (d’autres technologies seront explorées ultérieurement).
  • Ressources : Englobant tous les autres éléments nécessaires à la construction d’un site web, tels qu’images, musiques, vidéos, documents Word et PDF.

Le Processus en Détail

Lorsque vous saisissez une adresse web dans votre navigateur, le processus se déroule comme suit :

  1. Le navigateur consulte le serveur DNS pour obtenir l’adresse réelle du serveur du site (l’équivalent de trouver l’adresse du magasin).
  2. Une requête HTTP est envoyée au serveur, demandant une copie du site web au client (analogie de faire un achat au magasin). Ces échanges se font via la connexion internet, utilisant le protocole TCP/IP.
  3. Si le serveur accepte la requête, il renvoie un message « 200 OK » au client, signifiant qu’il peut consulter le site web. Le serveur commence ensuite à envoyer les fichiers du site web en petits morceaux, appelés « paquets de données » (similaire à vous fournir les produits que vous emportez chez vous).
  4. Le navigateur assemble ces morceaux pour afficher le site web sur votre écran (comparable à avoir les produits à votre porte).

Analyse des Éléments Constitutifs

Lorsque les navigateurs requièrent des fichiers HTML, ils identifient souvent des éléments <link> pour les feuilles de style CSS et des éléments <script> pour les scripts JavaScript. Il est vital de comprendre l’ordre d’analyse de ces fichiers lors du chargement de la page :

  1. Le navigateur commence par analyser le fichier HTML pour repérer les éléments <link> (pour les feuilles de style CSS) et <script> (pour les scripts).
  2. Il envoie des requêtes au serveur pour les fichiers CSS et JavaScript indiqués par ces éléments. Une fois reçus, il les analyse.
  3. Le navigateur crée une structure en mémoire à partir du document HTML, formant le DOM. Il génère également le CSSOM et compile le code JavaScript.
  4. Avec le DOM, le navigateur applique les styles du CSSOM et exécute le JavaScript, affichant ainsi la page à l’écran pour une interaction immédiate.

Les Adresses IP et les Paquets

Les adresses web familières cachent en réalité des suites de chiffres. Ces adresses IP sont les emplacements uniques sur le Web. Le système DNS intervient pour les rendre accessibles. Il est possible d’accéder directement aux sites via leur adresse IP, bien que les serveurs DNS facilitent grandement la tâche.

Enfin, les données sur le Web sont envoyées en petits morceaux, ou « paquets ». Ce choix favorise la fiabilité et l’efficacité de l’échange, permettant à plusieurs utilisateurs de télécharger simultanément un site web.

Un blog 100% Tech