Frontend

Le frontend (ou « front ») est la partie visible d'une application : tout ce que l'utilisateur voit et avec quoi il interagit, c'est-à-dire l'interface. Il s'exécute côté client, dans le navigateur web ou sur le téléphone de l'utilisateur.

Il s'oppose au backend, qui s'exécute sur un serveur et traite les données. Dans une architecture client-serveur, le client correspond au frontend et le serveur au backend.

À quoi sert le frontend ?

Le frontend affiche les pages, les formulaires, les boutons et les animations. Il réagit aux actions de l'utilisateur (clic, saisie, défilement), valide certaines informations pour guider la saisie et communique avec le backend pour lire ou enregistrer des données.

Cette communication passe en général par des appels réseau vers des endpoints en HTTP : le frontend envoie une requête, reçoit une réponse et met à jour l'affichage. Comme le code du frontend est exécuté chez l'utilisateur, il ne doit jamais contenir de secret, et les contrôles de sécurité doivent être refaits côté backend.

Technologies et exemples

Un frontend web repose sur HTML (la structure), CSS (l'apparence) et JavaScript (le comportement). On s'appuie souvent sur des bibliothèques et frameworks comme React, ou Next.js pour structurer et optimiser les pages, avec TypeScript pour fiabiliser le code. Le code est regroupé et optimisé par un module bundler.

Pour mobile, React Native permet de construire un frontend iOS et Android à partir de JavaScript. Les éléments communs à plusieurs écrans, comme l'en-tête et le pied de page, sont factorisés dans un layout.