Web et Programmation

Le traitement côté Serveur (Backend)

Lorsqu'un site n'est pas "statique", c'est à dire que le contenu n'est pas toujours strictement identique, le serveur doit utiliser des langages de programmation comme Python ou PHP pour préparer la réponse.

Du point de vue de l'utilisateur, ce traitement est invisible. Le code source est stocké sur le serveur, et n'est jamais transmis au client. Ce dernier ne reçoit qu'un fichier HTML, généré dynamiquement grâce au programme.

Exemples d'utilisation :

Traitement des données : Calculs, vérification de mots de passe, accès à une base de données.
Génération HTML : Le programme construit le code HTML "à la volée" (par exemple, pour afficher votre nom d'utilisateur sur une page).

Le traitement côté Client (Frontend)

Une fois la page reçue, le navigateur peut encore exécuter du code pour rendre la page vivante. C'est le rôle du JavaScript (JS).

Contrairement au Python, le code JavaScript est envoyé directement au navigateur. C'est la machine de l'utilisateur qui l'exécute.

function saluer() {
alert("Hello World !");
}

Exemples d'utilisation :

Interactivité : Créer des menus déroulants, des galeries d'images ou des animations.
Réactivité : Modifier le contenu de la page sans rechargement (ex: un compteur de "likes").
Vérification : Contrôler que les champs d'un formulaire sont bien remplis avant même de l'envoyer au serveur.

Sécurité

Puisque le programme est exécuté par le client, il est entièrement visible (via l'inspecteur du navigateur). On ne doit donc jamais y placer d'informations secrètes (comme des clés d'accès ou des mots de passe).

À retenir : Frontend vs Backend

Côté Serveur (Backend) : Le programme s'exécute sur le serveur. Il prépare le HTML. Le client ne voit jamais le code source et le langage utilisé dépend du serveur.
Côté Client (Frontend) : Le programme s'exécute sur l'ordinateur de l'utilisateur. Il ne peut pas modifier les fichiers du serveur. Le langage utilisé doit être universel, il s'agit du JavaScript.

Synthèse

Lorsque l'utilisateur demande à accéder à un site web, le navigateur effectue de nombreuses tâches :

Il commence par chercher l'adresse IP du serveur demandé par l'utilisateur, grâce au système de DNS.
Une fois l'adresse obtenue, il effectue une requête HTTP au serveur (éventuellement avec des paramètres obtenus grâce à un forulaire).
Le serveur exécute éventuellement un programme pour adapter sa réponse.
Il envoie ensuite la réponse au client, avec un fichier HTML.
Le navigateur interprète le fichier HTML, effectue éventuellement d'autres requêtes au serveur pour demander d'autres fichiers annexes
Le navigateur lit les script JavaScript et les exécute, puis affiche le rendu final à l'utilisateur.