Worldlex Wiki En développement logiciel , le terme « front-end » désigne l' interface utilisateur, tandis que « back-end » désigne la gestion et le traitement des données en arrière-plan. Le terme « full stack » désigne l'ensemble de ces deux aspects. Dans le modèle client-serveur , le client est généralement considéré comme le front-end, gérant la plupart des tâches visibles par l'utilisateur, et le serveur comme le back-end, gérant principalement les données et la logique.
Introduction
En architecture logicielle , il peut exister de nombreuses couches entre le matériel et l'utilisateur final . Le front-end est une abstraction qui simplifie les composants sous-jacents en fournissant une interface conviviale , tandis que le back-end gère le stockage des données et la logique métier .
Exemples
Site web de commerce électronique : L’interface utilisateur (par exemple, les pages produits, la barre de recherche) est appelée « front-end », tandis que le système (back-end) traite les paiements et met à jour l’inventaire.
Application bancaire : L’interface utilisateur affiche les soldes des comptes, tandis que le système gère les transactions sécurisées et met à jour les enregistrements.
Plateforme de médias sociaux : L’interface utilisateur affiche le fil d’actualités, tandis que l’interface d’administration stocke les publications et gère les notifications.
En télécommunications , le front-end peut être considéré comme un appareil ou un service, tandis que le back-end est l'infrastructure qui supporte la fourniture des services.
En règle générale , le front-end, ou côté client, comprend tous les composants manipulés par l'utilisateur. Le back-end, ou côté serveur, réside généralement sur le serveur , souvent éloigné physiquement de l'utilisateur.
Définitions logicielles
Dans le contexte du logiciel, les termes « front-end » et « back-end » peuvent être définis de diverses manières. Par exemple, dans les systèmes de gestion de contenu , le front-end désigne l'interface utilisateur, tandis que le back-end désigne l'interface d'administration. De même, en synthèse vocale , le front-end convertit le texte d'entrée en une représentation phonétique symbolique , et le back-end convertit cette représentation en sons. Dans les compilateurs de langages de programmation , le front-end traduit le code source en une représentation intermédiaire , et le back-end génère le code exécutable à partir de cette représentation. Le back-end optimise généralement le code pour en améliorer la vitesse d'exécution. Cette distinction front-end/back-end permet également de différencier un analyseur syntaxique , qui traite le code source, d'un compilateur, qui génère et optimise le code exécutable . Certains modèles, comme GCC , offrent plusieurs options de front-end (analyse de différents langages sources ) et plusieurs options de back-end (génération de code pour différents processeurs cibles ).
Certaines applications d'interface utilisateur graphique (GUI) servent de fine interface pour les programmes d'interface en ligne de commande (CLI) sous-jacents, afin d'éviter aux utilisateurs d'avoir à apprendre la terminologie et les commandes de la CLI .
Le développement web comme exemple
Une autre façon de comprendre les différences entre le développement front-end et back-end consiste à examiner les connaissances requises pour chacun par un développeur logiciel . Les exemples ci-dessous portent sur le développement web .
L'extrémité avant
- Les langages de balisage et les langages web tels que HTML , CSS et JavaScript , ainsi que les bibliothèques auxiliaires couramment utilisées dans ces langages, comme Sass ou jQuery.
- Gestion des requêtes asynchrones et AJAX
- Applications monopages avec des frameworks comme React , Angular ou Vue.js
- Performances Web (optimisation d'éléments tels que la taille maximale du contenu affiché, le temps d'interaction, le nombre d'images par seconde des animations et l'utilisation de la mémoire)
- Conception web adaptative
- Problèmes de compatibilité entre navigateurs et solutions de contournement
- Tests de bout en bout avec un navigateur sans interface graphique
- Automatisez la transformation et le regroupement des fichiers JavaScript, la réduction de la taille des images et la gestion d'autres processus à l'aide d'outils tels que Webpack et Gulp.js.
- Optimisation pour les moteurs de recherche
- Problèmes d'accessibilité
- Des outils de retouche d'images tels que GIMP ou Photoshop
- Conception et création d'interfaces utilisateur
Interface utilisateur
- Les langages de script comme PHP , Python , Ruby , Perl et Node.js
- Les langages compilés comme C# , Java et Go
- couche d'accès aux données
- logique métier
- administration de bases de données
- Évolutivité
- Haute disponibilité
- Les problèmes de sécurité, tels que l'authentification et l'autorisation
- architecture logicielle
- Transformation des données
- Méthodes et logiciels de sauvegarde
partie avant et partie arrière
- Les outils de contrôle de version tels que Git , Mercurial et Subversion
- Outils et protocoles de transfert de fichiers tels que FTP et rsync
API
L'interface utilisateur communique avec le serveur via une API . Dans le cas des interfaces web et mobiles, l'API repose souvent sur des requêtes/réponses HTTP . Une API peut également réduire la charge de traitement de l'interface utilisateur en utilisant différents services côté serveur pour différentes interfaces, comme dans le modèle « Back-end For Front-end » (BFF).
Définitions matérielles
En informatique , le terme « front-end » désigne le matériel qui connecte les appareils au réseau, assure la sécurité (par exemple, avec une DMZ ) ou convertit les données dans un la conception de processeurs , la conception frontale peut désigner la description initiale du comportement d'un circuit dans un langage de description matérielle tel que Verilog , tandis que la conception dorsale peut désigner le processus de mappage de ce comportement sur des transistors physiques sur une puce.