Les différents langages du Web

Le web repose sur plusieurs langages qui travaillent ensemble pour créer des sites interactifs et fonctionnels. Certains de ces langagues sont dédiés à la structure, d'autres au style ou encore à l'interactivité.

Les langages

HTML (HyperText Markup Language)

Le HTML est le langage de base utilisé pour structurer une page web. Il permet de définir la disposition des différents éléments comme les titres, paragraphes, images, liens et listes. Chaque composant est décrit par des balises, comme <h1> pour les titres et <p> pour les paragraphes. HTML fournit la structure générale et le contenu mais ne gère ni l'apparence ni le comportement dynamique des pages.

CSS (Cascading Style Sheets)

Le CSS est un langage de style utilisé pour contrôler l'apparence des pages HTML. Il permet de définir les couleurs, les polices, les marges, les alignements et bien d'autres aspects visuels. Grâce au CSS, il est possible de créer des mises en page attrayantes et cohérentes sur différents écrans, notamment avec les techniques de responsive design. Les styles peuvent être appliqués directement dans les balises HTML, dans un fichier style;, ou via des feuilles de style externes.

JavaScript (JS)

Le JavaScript est un langage de programmation qui permet d'ajouter de l'interactivité et du dynamisme aux pages web. Contrairement au HTML et au CSS qui définissent la structure et le style, JavaScript permet de manipuler les éléments d'une page en temps réel, comme afficher des alertes, valider des formulaires ou créer des animations complexes. Il s'exécute directement dans le navigateur de l'utilisateur, rendant les sites plus dynamiques et réactifs.

Frontend et backend

Le développement web se divise en deux grandes parties : le frontend et le backend. Le frontend correspond à la partie visible par l'utilisateur, comprenant l'interface graphique et les interactions sur la page. Le backend, quant à lui, gère la logique métier, les bases de données et les communications serveur, restant invisible pour l'utilisateur final. Ces deux parties collaborent pour offrir une expérience fluide et cohérente.

Dans ce cours, nous allons surtout étudier les langages nous permettant de faire du frontend, c'est-à-dire le HTML, CSS et JS. Un des langages clé pour gérer le backend est le php, mais nous ne le verrons pas (ou très peu) dans ce cours. Néanmoins, il n'est pas le seul langage qui permet de gérer le backend, nous aurons l'occasion de voir Node.j qui est une plateforme d'exécution qui nous permettra d'exécuter du code JavaScript du côté serveur.