Une page web combine HTML (structure), CSS (style) et JavaScript (interactivité), avec AJAX pour charger des données dynamiquement sans rechargement.
HTML, CSS, JavaScript
Une page web, c’est en réalité un assemblage de trois langages fondamentaux, chacun avec un rôle précis :
| Langage | Rôle | Exemple |
|---|---|---|
| HTML | Structure la page (titres, paragraphes, boutons…) | <h1>Bienvenue</h1> |
| CSS | Gère la mise en forme (couleurs, tailles, dispositions…) | h1 { color: red; } |
| JavaScript (JS) | Ajoute de l’interactivité et des comportements dynamiques | Bouton qui affiche une popup |
Le navigateur lit ces trois langages et affiche une page lisible, jolie et interactive.
AJAX (et appels réseau)
AJAX (ou plus largement les appels API en JavaScript) permet à une page de charger ou envoyer des données sans être rechargée entièrement.
C’est ce qui permet d’avoir :
- des formulaires interactifs,
- des cartes ou listes qui se mettent à jour,
- des avis Google affichés dynamiquement,
- ou encore des devis en temps réel.
Exemple simplifié : quand on affiche les avis Google sur la page d’accueil d’un site, le JavaScript fait une requête AJAX vers l’API Google → récupère les avis → et les injecte dans la page sans la recharger.
Pourquoi c’est important
- HTML / CSS / JS sont la base de tout site web, quel que soit l’outil ou la techno utilisée derrière.
- AJAX permet de connecter le site à des services externes (CRM, Google, CMS…) sans ralentir la navigation.
- Bien maîtrisés, ces trois langages permettent des sites très rapides et fluides — même avec peu de serveur derrière.