Front-end et Back-end

Eh bien, nous avons déterminé les applications, nous avons fait la classification de base, nous avons trié les types d'applications web. Mais comment cela fonctionne-t-il ?

Et c'est là que nous arrivons à des termes très importants.

Front-end et Back-end

L'illustration la plus simple est le théâtre. Nous assistons à la représentation, nous voyons les artistes sur la scène, nous les applaudissons, nous recevons des saluts en retour. Et en même temps, nous savons avec certitude que le théâtre ne se limite pas à l'auditorium, et ne s'arrête pas à la scène. Quelque part, des costumes sont cousus, des préparatifs sont en cours dans la loge, quelque part, le metteur en scène donne des instructions. Nous ne voyons pas tout cela, mais nous savons avec certitude que c'est là, et que sans tout cela, le théâtre ne pourrait pas fonctionner.

De la même manière, tout est organisé dans les applications web.

Il y a une couche que nous voyons. La page qui s'affiche lorsque nous ouvrons un site. Cette page comporte probablement une sorte d'animation et même des boutons sur lesquels on peut cliquer.

Cette couche visible est appelée "Frontend". Elle comprend tout ce qui se trouve du côté de l'utilisateur. Tout ce qui s'affiche sur l'écran de votre appareil. Quelque chose que vous pouvez voir et même sentir.

Mais en même temps, nous pouvons être sûrs que tout ne se limite pas au frontend. Après tout, le frontend lui-même, depuis peu, n'est ni sur l'écran ni dans la mémoire de l'ordinateur. Il apparaît lorsque nous décidons d'ouvrir un autre site et que nous entrons son adresse dans le navigateur.

Nous faisons une demande d'affichage du site et recevons une réponse. Quels sont les blocs qu'il contient, où ils sont situés, comment ils se présentent, quelles sont les polices utilisées. Nous appuyons sur un bouton et la commande est envoyée au serveur pour qu'il calcule certaines informations, émette une réponse et fournisse une solution au problème. Ce système de demande et de réponse, Request-Response, est la pierre angulaire du fonctionnement de toutes les applications Web.

La demande sur Internet va vers le serveur, du côté invisible à nos yeux, vers le "Backend". En même temps, la demande elle-même contient aussi certaines informations, elle a des paramètres. Sur la base de ces informations, le backend décide de la réponse à envoyer (ou il peut faire la moue poliment, accuser réception de la demande, mais ne plus transmettre de données).

HTTP

Le protocole de transfert de données lui-même s'appelle HTTP - HyperText Transfer Protocol. Vous pouvez voir ces 4 lettres au début de la barre d'adresse du navigateur. Cela indique que l'interaction sera réalisée à l'aide du protocole HTTP. On peut dire que les parties ont convenu de la langue dans laquelle elles communiqueront.

Et ne vous laissez pas tromper par son nom. En effet, à l'aube de l'Internet, le protocole a été conçu exclusivement pour l'hypertexte. C'est-à-dire un texte avec des liens, avec la possibilité d'aller sur une autre page, d'obtenir un autre texte. Aujourd'hui, il permet de transférer n'importe quelle donnée : des images drôles, des chansons, des vidéos de danse de Tik-Tok.

Dans les modules suivants du cours, nous traiterons en détail la structure des demandes et des réponses. Nous créerons des demandes avec des réponses, ainsi que la logique de leur traitement. A ce stade, il suffit de comprendre le principe même du transfert des données du frontend vers le backend et vice-versa.

Bases de données

Au fait, les données elles-mêmes n'apparaissent pas par magie. L'apparition des requêtes du côté du frontend est facile à comprendre - vous les saisissez vous-même. Mais pour que les informations vous soient transmises, il faut organiser d'une manière ou d'une autre leur stockage et leur traitement.

À cette fin, les "bases de données" (DB) fonctionnent. Elles stockent les données sous une forme structurée. Et il existe des systèmes qui gèrent ces données - les SGBD (systèmes de gestion de base de données). Ils vous permettent d'écrire de nouvelles données dans la base de données, d'en extraire des données, de les modifier, de les supprimer (tout cela est désigné par l'abréviation CRUD - Create, Read, Update, Delete). Nous étudierons tout cela en détail dans les prochains modules. Voyons ce que sont les bases de données en général, comment leur travail est organisé et comment il est facile de les gérer dans AppMaster.io.