Site web : Les langages de programmation !

​Dans ce monde opaque qu’est la programmation, Rollingbox fait un point simplifié sur la structure des sites web en vous expliquant le rôle et la place de ces différents langages.

Un site web c’est un peu comme les deux faces d’un iceberg, on distingue une partie émergée qu’on appelle couramment le Front-End et une partie immergée : le Back-End. 

Le Front : HTML, CSS, JS et Jquery

HTML

Le HTML (Hypertext Markup Language) est un langage qui sert à afficher du contenu (du texte, des images, des liens) sur une page web située dans un navigateur. Pas de panique ! Le navigateur c’est ce qui va permettre de visualiser sur un écran le fameux contenu de la page. Il existe plusieurs navigateurs internet que vous connaissez très bien : Firefox, Google Chrome, Safari ou encore Internet Explorer. En fonction de ces navigateurs, les langages de programmation vont être plus ou moins différents mais le triptyque gagnant reste dans la majorité des cas : le HTML , Le Javascript ( à ne pas confondre avec Java) et le CSS.

Le HTML fonctionne à l’aide de balises <> avec un attribut à l’intérieur. Combinés les uns à la suite des autres, ils vont afficher le squelette de la page. Par exemple, on débute toujours son code avec la balise ensuite une autre balise puis un en-tête de page avec entre autres choses, un corps de page intitulé . Eh oui ! La programmation – comme on la connait aujourd’hui – est née de l’autre côté de l’atlantique. Les langages de programmation sont presque tous en anglais !

On trouve d’autres balises, comme les différents titres <h1> jusqu’à <h6>, les paragraphes <p> ou encore les images <img>. Toutes les balises doivent être obligatoirement fermées ensuite </>, à l’exception de certaines type : <br> (saut de ligne) la balise <meta charset= »utf-8″> ( qui permet de signifier que la page est écrite en français) ou encore la balise <img>. 

Le style CSS

Le CSS c’est ce qui va permettre d’habiller une page HTML, d’obtenir une mise en page. Le langage HTML étant extrêmement rudimentaire à ce niveau-là. Avec le CSS littéralement feuilles de style en cascade (Cascading Styles Sheet) vous pouvez fixer toutes les règles de mise en page, comme le style des titres, des paragraphes, des liens, de la forme ou la taille des images choisies. Chacun son style donc ! D’ailleurs le nom de page attribué au CSS s’intitule style.css !CQFD

Le Javascript

JS pour les intimes, c’est ce qui va permettre aux développeurs d’animer les pages. Pour donner des exemples, il va pouvoir faire apparaître ou disparaître des éléments de la page (menu, titre) à mettre à jour certains éléments de la page sans avoir besoin de la recharger ou encore réagir en fonction de l’action que va faire l’utilisateur. Par exemple en bougeant la souris le titre va changer de couleur ou encore la home page va défiler toute seule.

La parenthèse Jquery*. Il s’agit d’un framework javascript, une sorte de bibliothèque JS qui permet de coder plus rapidement et plus simplement.

Le Back-end: 

Le Back-End d’un site web va être invisible pour les visiteurs du site, c’est un travail « caché » qui se passe au niveau du serveur (l’hébergement web, disque dur sur lequel les pages sont sauvegardées) de l’application (ledit site) et de la base de données (stockage de toutes les informations du site). Les langages qui sont les plus utilisés sont : PHP, Python, SQL et Ruby. En sus, pour rendre le code plus simple les développeurs travaillent aussi avec des frameworks (des logiciels) tels que Cake ou Symfony. Cela fait beaucoup d’infos mais en gros… le Back-End va permettre aux sites d’obtenir des fonctionnalités vitales comme récupérer les données d’une fiche d’inscription, stocker des mots de passe, un panier d’achat ou encore faire des mises à jour automatiques sur les sites. Indispensable donc !

Voilà voilà, vous êtes désormais capable de comprendre comment fonctionne un site web, potentiellement aussi capable de converser avec des développeurs ! Pour le reste n’hésitez pas à nous contacter si vous souhaitez créer un site web. Notre équipe se fera un plaisir de répondre à vos questions et de vous épauler dans votre projet digital.