Lexique

Ce lexique regroupe les termes techniques et abréviations utilisés dans les leçons du cours. Chaque définition possède une ancre permettant de créer des liens directs.

Abréviations

CDN

Content Delivery Network (réseau de diffusion de contenu). Ensemble de serveurs répartis géographiquement qui distribuent du contenu web (images, scripts, polices) pour réduire la latence et améliorer les temps de chargement.

CSS

Cascading Style Sheets (feuilles de style en cascade). Langage de mise en forme qui définit la présentation visuelle des documents HTML : couleurs, polices, espacements, disposition.

DNS

Domain Name System (système de noms de domaine). Service qui traduit les noms de domaine lisibles (ex. example.com) en adresses IP numériques utilisées par les ordinateurs.

DOM

Document Object Model (modèle objet du document). Représentation arborescente d'un document HTML/XML permettant aux scripts d'accéder et de manipuler dynamiquement le contenu, la structure et les styles.

EDI

Environnement de développement intégré (IDE en anglais). Logiciel regroupant éditeur de code, débogueur, compilateur et autres outils de développement. Exemples : PHPStorm, WebStorm.

FOUT

Flash Of Unstyled Text. Affichage temporaire du texte avec une police de substitution avant le chargement complet de la police web demandée.

FTP

File Transfer Protocol (protocole de transfert de fichiers). Protocole réseau permettant le transfert de fichiers entre un client et un serveur. Utilisé pour la mise en ligne de sites web.

GIT

Système de gestion de versions décentralisé créé par Linus Torvalds. Permet de suivre l'historique des modifications du code, de collaborer et de gérer différentes versions d'un projet.

HTML

HyperText Markup Language (langage de balisage hypertexte). Langage standard pour structurer le contenu des pages web à l'aide de balises sémantiques.

HTTP

HyperText Transfer Protocol (protocole de transfert hypertexte). Protocole de communication client-serveur utilisé pour transférer les pages web sur Internet. Inventé par Tim Berners-Lee.

HTTPS

HyperText Transfer Protocol Secure. Version sécurisée de HTTP utilisant le chiffrement TLS pour protéger les données échangées entre le navigateur et le serveur.

IDE

Integrated Development Environment. Voir EDI.

IP

Internet Protocol (protocole Internet). Protocole de communication fondamental d'Internet qui attribue une adresse unique à chaque appareil connecté (ex. 127.0.0.1 pour localhost).

MathML

Mathematical Markup Language. Langage XML pour représenter des formules et notations mathématiques dans les pages web.

MIME

Multipurpose Internet Mail Extensions. Standard définissant le type de contenu des fichiers transmis sur Internet (ex. text/html, image/png, application/json).

PHP

Hypertext Preprocessor. Langage de programmation côté serveur principalement utilisé pour le développement web dynamique.

RGPD

Règlement Général sur la Protection des Données (GDPR en anglais). Réglementation européenne encadrant la collecte et le traitement des données personnelles.

SEO

Search Engine Optimization (optimisation pour les moteurs de recherche). Ensemble de techniques visant à améliorer le positionnement d'un site dans les résultats de recherche.

SGBD

Système de gestion de base de données. Logiciel permettant de stocker, organiser et interroger des données structurées. Exemples : MySQL, PostgreSQL.

SVG

Scalable Vector Graphics (graphiques vectoriels adaptables). Format d'image vectorielle basé sur XML. Les images SVG peuvent être redimensionnées sans perte de qualité.

TLS

Transport Layer Security (sécurité de la couche transport). Protocole cryptographique assurant la confidentialité des communications sur Internet. Successeur de SSL.

URL

Uniform Resource Locator (localisateur uniforme de ressource). Adresse complète d'une ressource sur le web (ex. https://example.com/page.html).

UTF-8

Unicode Transformation Format 8-bit. Encodage de caractères universel capable de représenter tous les caractères de toutes les langues. Standard recommandé pour le web.

W3C

World Wide Web Consortium. Organisme international de standardisation du web qui développe les spécifications HTML, CSS, accessibilité (WCAG) et autres standards.

WCAG

Web Content Accessibility Guidelines (règles pour l'accessibilité des contenus web). Recommandations du W3C pour rendre le contenu web accessible aux personnes en situation de handicap.

WHATWG

Web Hypertext Application Technology Working Group. Groupe de travail maintenant la spécification HTML Living Standard, composé de représentants des principaux éditeurs de navigateurs.

XHTML

eXtensible HyperText Markup Language. Reformulation de HTML selon les règles strictes de XML. Historiquement populaire, remplacé par HTML5 pour les nouveaux projets.

XML

eXtensible Markup Language (langage de balisage extensible). Métalangage permettant de créer des langages de description spécialisés (SVG, MathML, XMP).

XMP

Extensible Metadata Platform (plateforme de métadonnées extensibles). Format XML développé par Adobe pour stocker des métadonnées dans les fichiers multimédias (photos, vidéos, PDF).

---

Termes techniques

Amélioration progressive

Philosophie de développement web consistant à construire une base fonctionnelle accessible à tous, puis à enrichir progressivement l'expérience selon les capacités du navigateur. On part du contenu (HTML), on ajoute la présentation (CSS), puis les interactions (JavaScript).

Attribut

Information complémentaire ajoutée à une balise HTML pour préciser son comportement ou ses caractéristiques. Syntaxe : nom="valeur". Exemples : class, id, href, src, alt.

Auto-hébergement

Pratique consistant à héberger ses propres ressources (polices, scripts, images) sur son serveur plutôt que de les charger depuis des services externes (CDN). Améliore la vie privée et réduit les dépendances.

Back-end

Partie d'une application web exécutée côté serveur, invisible pour l'utilisateur. Gère la logique métier, les bases de données et les traitements. Langages : PHP, Python, Node.js.

Balise

Élément de base du HTML, délimité par des chevrons. Une balise peut être ouvrante (<p>), fermante (</p>) ou auto-fermante (<br>). Aussi appelée « tag » en anglais.

Breakpoint

Point de rupture défini dans une media query où la mise en page change pour s'adapter à une nouvelle largeur d'écran. Exemples courants : 600px (tablette), 1024px (desktop).

Classe

Attribut HTML permettant de regrouper plusieurs éléments sous un même identifiant réutilisable. Utilisée en CSS pour appliquer des styles et en JavaScript pour manipuler des groupes d'éléments.

Commit

Enregistrement d'un ensemble de modifications dans l'historique Git. Chaque commit possède un message descriptif et un identifiant unique (hash).

Dégradation gracieuse

Approche inverse de l'amélioration progressive : on construit d'abord pour les navigateurs modernes, puis on ajoute des solutions de repli pour les anciens. Moins robuste que l'amélioration progressive.

Dépôt

Espace de stockage Git contenant l'ensemble des fichiers d'un projet et leur historique de versions. Peut être local (sur votre machine) ou distant (GitHub, GitLab).

Doctype

Déclaration placée en première ligne d'un document HTML indiquant au navigateur le type de document et le mode de rendu à utiliser. En HTML5 : <!DOCTYPE html>.

Emmet

Extension d'éditeur permettant de générer rapidement du HTML à partir d'une syntaxe abrégée inspirée des sélecteurs CSS. Exemple : ul>li*3>a génère une liste de 3 liens.

Entité HTML

Séquence de caractères représentant un caractère spécial en HTML. Syntaxe : &nom; ou &#numéro;. Exemples : & (esperluette),   (espace insécable).

Flexbox

Module CSS permettant de disposer les éléments en ligne ou en colonne avec un contrôle précis de l'alignement, de l'espacement et de la distribution de l'espace. Déclenché par display: flex.

Front-end

Partie visible d'une application web, exécutée dans le navigateur de l'utilisateur. Comprend HTML, CSS et JavaScript. Aussi appelé « côté client ».

Grid

Module CSS de mise en page bidimensionnelle permettant d'organiser le contenu en lignes et colonnes. Plus puissant que Flexbox pour les mises en page complexes. Déclenché par display: grid.

Hamburger (menu)

Icône de menu mobile représentée par trois lignes horizontales (≡). Un clic ou tap affiche ou masque le menu de navigation.

Hébergeur

Service fournissant l'espace serveur et l'infrastructure technique nécessaires pour rendre un site web accessible sur Internet. Aussi appelé « serveur de production ».

Localhost

Adresse réseau (127.0.0.1) désignant l'ordinateur local. Utilisée pour développer et tester un site web avant sa mise en ligne.

Media query

Règle CSS permettant d'appliquer des styles conditionnellement selon les caractéristiques du périphérique (largeur d'écran, orientation, préférences utilisateur). Syntaxe : @media (condition) { }.

Mobile-first

Stratégie de développement consistant à concevoir d'abord pour les petits écrans, puis à enrichir pour les écrans plus larges via des media queries min-width. Optimise les performances sur mobile.

Mode quirks

Mode de rendu du navigateur émulant le comportement des très anciens navigateurs (IE 5, Netscape 4). Déclenché par l'absence de doctype. À éviter.

Mode standards

Mode de rendu moderne des navigateurs, conforme aux spécifications HTML et CSS. Déclenché par le doctype HTML5. Mode recommandé.

Normalize.css

Feuille de style qui uniformise le rendu par défaut des éléments HTML entre les différents navigateurs. Alternative moderne aux « reset CSS ».

Polices web

Polices typographiques chargées depuis Internet (Google Fonts, Adobe Fonts) ou auto-hébergées, permettant d'utiliser des typographies personnalisées sur un site web.

Propriétés logiques

Propriétés CSS exprimées en termes de flux de lecture (inline, block) plutôt que de direction physique (left, right). S'adaptent automatiquement aux langues RTL. Exemples : margin-inline, padding-block.

Push

Action Git consistant à envoyer les commits locaux vers un dépôt distant (GitHub). Rend les modifications accessibles aux autres collaborateurs.

rem

Unité CSS relative à la taille de police de l'élément racine (<html>). Si la base est 16px, alors 1rem = 16px. Facilite l'accessibilité car s'adapte aux préférences utilisateur.

Responsive

Se dit d'un site web dont la mise en page s'adapte automatiquement à la taille de l'écran (mobile, tablette, desktop) grâce aux media queries et aux unités relatives.

Sémantique

En HTML, utilisation des éléments selon leur signification plutôt que leur apparence. Exemple : <nav> pour la navigation plutôt qu'un <div class="nav">. Améliore l'accessibilité et le SEO.

Serveur de développement

Serveur local (Live Server, MAMP) ou distant (timunix3) utilisé pour prévisualiser un site en cours de développement sous le protocole HTTP.

Serveur de versionnage

Serveur hébergeant les dépôts Git d'une équipe (GitHub, GitLab, Bitbucket). Centralise le code et facilite la collaboration.

Toggle

Action de basculer entre deux états (ouvert/fermé, visible/caché). En JavaScript, classList.toggle() ajoute une classe si elle est absente, la retire si elle est présente.

Validateur

Outil vérifiant la conformité du code HTML ou CSS aux standards du W3C. Le validateur officiel est accessible à validator.w3.org.

---

Codes HTTP courants

---

Voir aussi