Du code reçu à la page affichée

Objectif de la leçon

À la fin de cette leçon, vous serez capable d'expliquer comment le navigateur transforme HTML, CSS et JavaScript en page affichée, de distinguer rendu côté client, côté serveur et statique, et de relier ces choix aux Core Web Vitals.

Dans quel module

Ce que se disent le navigateur et le serveur

Que contient un échange HTTP, et comment le navigateur transforme-t-il la réponse en page ?

Leçons du module

1. Lire une requête et sa réponse dans l'onglet Réseau
2. Du code reçu à la page affichée (cette leçon)

Ce que vous apprendrez dans la formation

Cette leçon fait partie de la formation Expliquer comment fonctionne un produit web, du navigateur au serveur

• Décrire les étapes d'une requête web, de l'adresse tapée à la page affichée (URL, résolution DNS, connexion chiffrée, requête et réponse HTTP, rendu par le navigateur).
• Lire un échange HTTP dans l'onglet Réseau du navigateur (méthode, URL, code de statut, en-têtes, cookies, durée) et en tirer un premier diagnostic.
• Expliquer la répartition des rôles entre navigateur, frontend, backend, API, base de données et services tiers, et situer où doit s'exécuter une règle métier.
• Expliquer le rôle d'un CDN et des caches (navigateur, CDN, serveur) et anticiper leurs effets sur la vitesse, la fraîcheur des données et les mises en production.
• Distinguer environnement local, prévisualisation, staging et production, et dire ce qui change de l'un à l'autre (configuration, données, secrets).
• Situer un symptôme (lenteur, page blanche, erreur, donnée périmée) dans la bonne couche et formuler des questions précises à l'équipe technique.
• Produire le schéma annoté du parcours d'une requête dans son propre produit et le faire valider par un développeur.

Formations liées

• Git pour les PM : livrer en équipe sans risquer la prodConfirmé · ~3 h 30 min
• Concevoir et tester une intégration API en tant que PMJunior · ~3 h
• Modéliser les données de son produit et les interroger en SQLJunior · ~3 h 30 min