CATALOGUE Code & Data Formation PHP/MySQL Apprendre PHP 4 & MySQL - Formation aux fondamentaux

Comprendre le fonctionnement des sites web : statiques, interactifs et dynamiques

Retour à la formation
Chapitre 3 Leçon 1
Précédent
Suivant

Découvrez le fonctionnement des sites statiques, interactifs et dynamiques, ainsi que l'utilisation de JavaScript et PHP côté client et serveur.

Détails de la leçon

Description de la leçon

Pour commencer, explorons les sites statiques. Un site statique fonctionne simplement: un internaute saisit l'URL, le serveur renvoie la page HTML via une requête HTTP, et le navigateur affiche cette page. Cependant, il manque d'interactivité en dehors des liens hypertextes.

Observons maintenant un site interactif côté client. Ici, du code JavaScript est inclus dans la page HTML. Après avoir saisi l'URL, la page HTML avec le JavaScript est envoyée au navigateur. Ce script attend un événement pour s'exécuter, par exemple un rollover d'image. Ces sites sont rapides, mais posent des problèmes de compatibilité et de sécurité car le code source est du côté client.

Vient ensuite le site interactif côté serveur, où un module PHP est intégré au serveur web. La page portant l'extension .php contient du code PHP. Lorsqu'une requête est reçue, le serveur exécute le code PHP et renvoie le résultat en HTML. Cela réduit les problèmes de compatibilité et de sécurité mais prend plus de temps à cause des échanges serveur-client.

Enfin, un site dynamique inclut un serveur de base de données en plus du serveur web. Le serveur web interroge la base de données via des requêtes SQL et intègre les informations retournées dans la page PHP avant de l'envoyer au navigateur.

Apprenez dans cette leçon comment chacun de ces types de sites fonctionne et les avantages et inconvénients associés.

Objectifs de cette leçon

Comprendre le fonctionnement des sites web statiques, interactifs (côté client et serveur) et dynamiques.
Apprendre les avantages et les inconvénients de chaque type de site.
Maîtriser les notions de JavaScript côté client et PHP côté serveur.

Prérequis pour cette leçon

Connaissance de base en HTML.
Notions élémentaires de programmation.

Métiers concernés

Développeur web
Intégrateur web
Ingénieur logiciel travaillant avec des technologies front-end et back-end

Alternatives et ressources

Pour les sites interactifs : Utiliser des frameworks comme Angular ou React.
Pour les sites côté serveur : Utiliser des langages comme Ruby avec Rails ou Python avec Django.

Questions & Réponses

La principale limite d'un site statique est le manque d'interactivité, à l'exception de l'utilisation de liens hypertextes.
L'avantage principal des sites interactifs côté client est leur rapidité d'exécution car le code s'exécute directement dans le navigateur.
Les sites interactifs côté serveur n'ont pas de problèmes de compatibilité avec les navigateurs car le code PHP est exécuté sur le serveur et seul le résultat HTML est envoyé au navigateur.