Développement et technologies web

Du HTML aux API, chaque couche technique possède un rôle différent. Ces définitions permettent de mieux comprendre ce qui s’exécute dans le navigateur, sur le serveur et entre les deux.

Les technologies évoluent rapidement. Le bon choix dépend du besoin, de l’équipe, du coût de maintenance et de la durée de vie attendue du projet.

A

API

Une API définit une manière structurée pour deux logiciels d’échanger des données ou de demander une action. Sur le web, elle utilise souvent HTTP et des formats comme JSON. Une API ne désigne pas uniquement un service externe : le DOM du navigateur est également une API mise à disposition du JavaScript.

Astro

Astro est un framework web orienté contenu qui génère du HTML au build ou à la demande et permet d’ajouter de l’interactivité de manière ciblée. Ses composants peuvent produire des pages avec peu de JavaScript côté client, tout en intégrant si nécessaire React, Vue ou d’autres bibliothèques. Le mode de rendu dépend de la configuration du projet.

Voir aussi : Composant, Tailwind CSS, Documentation officielle d’Astro

B

Back-end

Le back-end désigne la partie serveur qui applique les règles métier, traite les requêtes, contrôle les accès et dialogue avec les bases de données ou services tiers. Il n’est généralement pas visible directement par l’utilisateur. Sa qualité influence la sécurité, la fiabilité et les performances de l’ensemble du service.

Base de données

Une base de données stocke et organise des informations afin qu’une application puisse les créer, les rechercher, les modifier et les relier. Elle peut contenir des utilisateurs, produits, commandes ou contenus. Son modèle, ses droits d’accès, ses sauvegardes et la qualité des requêtes sont essentiels à la fiabilité du projet.

C

Composant

Un composant est une unité réutilisable d’interface ou de logique, comme une carte, un bouton, un formulaire ou une navigation. Il regroupe son comportement et sa présentation autour d’une responsabilité claire. Une bonne composition évite les duplications sans créer une abstraction si complexe qu’elle devient plus difficile à maintenir que le code initial.

CSS

CSS est le langage utilisé pour définir la présentation d’un document web : couleurs, typographies, espacements, mise en page, animations et adaptation aux écrans. Il sépare autant que possible le contenu de son apparence. Une feuille CSS peut être simple ou organisée au moyen d’une méthodologie, de composants ou d’un framework.

Voir aussi : Documentation CSS de MDN

D

DOM

Le DOM est la représentation en objets d’un document HTML ou XML fournie par le navigateur. Il permet aux scripts d’accéder aux éléments de la page, de lire leurs propriétés et de les modifier. Le DOM est une API Web ; il ne fait pas partie du langage JavaScript lui-même.

Voir aussi : Référence DOM de MDN

F

Framework

Un framework fournit une structure, des conventions et des outils pour développer une application plus rapidement et de façon cohérente. Il prend en charge une partie de l’architecture ou des tâches répétitives. En contrepartie, il impose des choix techniques, une courbe d’apprentissage et des mises à jour à suivre.

Front-end

Le front-end est la partie d’un site exécutée ou affichée dans le navigateur : structure HTML, styles CSS, interactions JavaScript et composants d’interface. Il doit gérer différents appareils, navigateurs et modes d’utilisation. Il communique souvent avec un back-end ou des API pour obtenir et envoyer des données.

Voir aussi : Back-end, API

H

HTML

HTML est le langage de balisage qui structure le contenu d’une page web : titres, paragraphes, liens, images, formulaires et zones sémantiques. Un HTML correctement choisi améliore la robustesse, l’accessibilité et la compréhension du document par les navigateurs et les moteurs de recherche. Il ne sert pas à définir l’apparence graphique.

Voir aussi : CSS, JavaScript, DOM, Documentation HTML de MDN

J

JavaScript

JavaScript est un langage de programmation utilisé pour rendre les pages interactives, manipuler le DOM, appeler des services distants ou gérer des données dans le navigateur. Il peut aussi s’exécuter côté serveur. Une fonctionnalité essentielle devrait, lorsque c’est possible, rester compréhensible et robuste même si un script tarde ou échoue.

Voir aussi : Documentation JavaScript de MDN

P

PHP

PHP est un langage principalement exécuté côté serveur pour générer des pages, traiter des formulaires, accéder à une base de données ou exposer une API. Le navigateur reçoit le résultat produit, généralement du HTML ou du JSON, et non le code PHP lui-même. De nombreux CMS et applications web reposent sur PHP.

R

React

React est une bibliothèque JavaScript destinée à construire des interfaces à partir de composants et d’un état. Elle met à jour l’affichage lorsque les données changent. React peut être utilisé dans une application complète ou seulement pour certaines zones interactives ; son adoption ajoute toutefois du JavaScript et des choix d’architecture à assumer.

Voir aussi : Documentation officielle de React

T

Tailwind CSS

Tailwind CSS est un framework CSS fondé sur des classes utilitaires composables directement dans les fichiers de templates. Il génère les styles correspondant aux classes détectées dans les sources. Cette approche accélère la construction d’interfaces cohérentes, mais nécessite des conventions pour garder le balisage lisible et éviter les combinaisons incohérentes.

Voir aussi : Documentation officielle de Tailwind CSS

W

Webhook

Un webhook permet à un service d’envoyer automatiquement une requête HTTP vers une URL lorsqu’un événement se produit : paiement confirmé, formulaire reçu ou commande expédiée. Contrairement à une vérification répétée, l’information est poussée vers le destinataire. La signature, les doublons, les erreurs et les nouvelles tentatives doivent être gérés.