Archives par mot-clé : html

Front End / Back End / Full Stack : quelles différences?

Pour comprendre la différence entre développement Front End et Back End, imaginez que vous ouvrez un magasin de vêtements.

Vous allez avoir besoin de 2 parties dans la magasin, il y a d’abord la boutique qui est l’espace de vente où vous allez recevoir vos clients. Vous allez engager une personne qui va alors s’occuper d’agencer la boutique pour que cela reflète l’identité de votre marque mais aussi pour donner aux clients l’envie d’acheter vos produits.

A l’arrière de la boutique inaccessible au client, c’est là où vous allez ranger et gérer vos stocks de vêtements, gérer les livraison avec vos fournisseurs, etc, bref ce que le client ne verra jamais mais dont l’activité est essentiel pour faire tourner votre boutique.

Et bien disons maintenant  que le magasin c’est un site web, le développeur front end va s’occuper de tout ce que va être vu par le client et le développeur back end s’occupe de tout ce qui permet de faire tourner le site web

Le développement Front End

Le « frontend » désigne les éléments d’un site internet que vous voyez à l’écran et avec lesquels vous pouvez interagir depuis votre navigateur

Et tout ça c’est en général codé avec du HTML, CSS, JavaScript par le dev Front End. A noter que ce sont de plus en plus les webdesigners qui prennent en charge le développement front end

Il s’agit sur une page web notamment de polices, de menus déroulants, de boutons par exemple. Bref tout ce que vous voyez sur votre navigateur et avec lequel vous pouvez interagir

Mais comme On l’a vu : pour que ce front end puisse tourner il faut aussi du développement back end !

Le développement Back End

Le « backend » est l’arrière boutique d’un site web et donc invisible à l’utilisateur mais qui donne vie au site web. Et il est composé essentiellement de trois éléments :

  • Un serveur (pour l’hébergement web)
  • Une application (c’est à dire le site web) qui tourne donc sur le serveur
  • Et une base de données qui va stocker toutes les données : que ce soit celle du site web, données clients, ou produits, etc.

Et c’est codé avec des langages comme le PHP, Python SQL, Ruby et Java par le développeur Back End.

Le développement Full Stack

Enfin terminons avec Une dernière catégorie de développeurs. Ce sont des devs qui sont capables aussi bien d’intervenir sur le front end que sur le back end. On les appelle les développeurs Full Stack. Un développeur Full Stack est donc un développeur capable d’intervenir sur n’importe quelle couche technique d’une application.

Comprendre ce qu’est un serveur web en 2 minutes

Dans cette vidéo, je vous explique le rôle d’un serveur web avec l’image du restaurant

Un client passe sa commande au serveur. Le serveur prend alors en note la commande, part en cuisine et ramène au client ce qu’il a demandé. Et bien le rôle du serveur web est exactement le même que celui du serveur au restaurant

En effet, un serveur web permet de stocker et de publier des pages web (sur internet ou intranet) et généralement écrites en HTMLLe client, un navigateur web, fait une demande de page web au serveur web qui lui envoie en réponse la page demandé

Le protocole de communication HTTP permet au serveur web de communiquer avec le client,

Le serveur web peut être logiciel ou matériel ou une combinaison des 2 :

  • Au niveau matériel, un serveur web est un ordinateur qui stocke les fichiers constituant un site web (par exemple les documents HTML, les images, les feuilles de style CSS et les fichiers JavaScript)
  • Au niveau logiciel, les composants logiciels seront différents en fonction la nature du serveur web

On parle de serveur web « statique » lorsque le serveur web envoie les fichiers hébergés « tels quels » vers le client. Le serveur web statique contient un OS (comme Windows ou Linux) et un serveur http. Le serveur HTTP est le logiciel qui prend en charge les requêtes client serveur en HTTP (Les plus connus sont Apache ou IIS.

Le serveur web dynamique inclus lui en plus de l’OS et du serveur http, une BDD comme par exemple My SQL qui va stocker toute les données de l’application et un langage de script comme le php par exemple. Son rôle est d’interpreter les demandes du client et les traduire en html. On parle donc de serveur web dynamique quand les fichiers hébergés sont mis à jour avant d’être envoyé au client via HTTP.