Un site dynamique est un site dont le contenu peut changer en fonction des interactions de l’utilisateur (ex. : formulaires, connexions, mises à jour en temps réel). Contrairement à un site statique (affichage fixe), un site dynamique génère des pages à la volée en utilisant des langages de programmation côté serveur et côté client.
Exemples : Réseaux sociaux, boutiques en ligne, plateformes de blog.
Un site web dynamique repose sur deux environnements distincts :
- Côté Client (Frontend) : Ce que voit et utilise l’utilisateur dans son navigateur.
- Côté Serveur (Backend) : Ce qui se passe « derrière la scène » sur le serveur, invisible pour l’utilisateur.
Les langages côté client s’exécutent dans le navigateur de l’utilisateur. Ils sont responsables de l’affichage et de l’interactivité.
Les langages côté serveur s’exécutent sur le serveur web. Ils traitent les requêtes, accèdent aux bases de données, et génèrent des pages HTML.
| Côté Client (Frontend) | Côté Serveur (Backend) |
| Exécuté dans le navigateur web de l’utilisateur. | Exécuté sur un serveur distant. |
| Responsable de l’affichage et des interactions. | Responsable du traitement des données et de la logique métier. |
| Langages : HTML, CSS, JavaScript. | Langages : PHP, Python, Node.js, Java, etc. |
| Exemple : Affichage d’un formulaire. | Exemple : Traitement des données du formulaire et stockage en base de données. |
Exemple (serveur PHP)
<?php
$nom = "Alice";
echo "<p>Bonjour $nom !</p>";
?>Le serveur exécute le code PHP et renvoie au navigateur :
<p>Bonjour Alice !</p>👉 Le client ne voit jamais le code PHP : il reçoit uniquement le résultat en HTML.