Développement

TECH Talk :  petit lexique du développement web

Si vous vous intéressez au web sans être vous-même un expert technique, il est fort probable que vous soyez déjà tombé sur un terme ou un acronyme que vous ne comprenez pas.

Peut-être était-ce au détour d’une conversation avec votre agence web, ou dans un tutoriel qui vous expliquait comment faire une modification sur le site de votre entreprise.

Chez Koredge, on s’efforce de parler le même langage que nos clients, mais il est parfois impossible de faire sans certains termes techniques. C’est pourquoi on vous propose, que vous soyez déjà client chez nous ou non, un petit lexique du dev web pour mieux communiquer les équipes de développement.

La liste est bien entendu non exhaustive, et triée par ordre alphabétique des sujets que nous souhaitons traiter aujourd’hui.  

API

Une API (Application Programming Interface, ou Interface de Programmation d’Application en français) est un ensemble de règles qui permettent à des applications de communiquer entre elles. Elle sert d’intermédiaire pour échanger des données et intégrer des fonctionnalités de manière sécurisée sans partager de code source.

Par exemple, si le site web d’une ville ou d’un office de tourisme vous met à disposition la météo, celui-ci utilise une API pour récupérer les données météorologiques d’un service externe.

Back-End / Front-End :

Chaque site et chaque application est composé de 2 parties, le back et le front :

Le Front-End est la partie visible d’un site web ou d’une application, conçue pour être interactive et attrayante pour les utilisateurs. Il comprend tout ce que l’utilisateur peut voir et interagir, comme les interfaces graphiques, les animations et les styles.

Le Back-End est la partie cachée, accessible en général uniquement par les gestionnaires du site. Il gère la logique, la base de données, et les interactions serveur nécessaires pour traiter les actions des utilisateurs. C’est le moteur qui fait fonctionner l’application, traitant les données, les requêtes utilisateurs et intégrant des systèmes externes.

Par exemple sur un site e-commerce, le Front-End permet aux utilisateurs de parcourir les produits et de les ajouter à leur panier, tandis que le Back-End gère le stock, traite les paiements et organise les détails de livraison.

Base de données :

En parlant de back-end, il peut être utile de rappeler ce qu’est une base de données ! La base de données (ou BDD pour les intimes) est un système organisé pour stocker, gérer et récupérer des informations de manière efficace. Elle permet de conserver de grandes quantités de données, structurées de façon que les applications puissent rapidement rechercher trier et manipuler les informations nécessaires.

Sur un site de réservation d’hôtels, la base de données conserve les informations sur les hôtels, les chambres disponibles, les tarifs et les réservations des clients. Lorsqu’un utilisateur recherche une chambre, le site interroge la base de données pour afficher les options correspondant aux critères de l’utilisateur.

Cache :

Si vous avez déjà rapporté un bug d’affichage, on vous a certainement déjà demandé de “vider votre cache”. Le cache est une technologie utilisée pour stocker temporairement des copies de données ou de fichiers afin d’améliorer leur rapidité d’accès futurs.

Il réduit le temps de chargement des pages et les sollicitations sur les ressources serveur en fournissant des données préchargées.

Le cache peut se situer au niveau du client (votre navigateur) ou du serveur, si on vous demande de vider votre cache, c’est certainement qu’il stocke encore des données obsolètes. Pour cela, il suffit généralement de vous rendre dans les paramètres de votre navigateur, dans la section “Historique” et de supprimer le cache.

Code Réponse :

Les codes de réponse sont des numéros envoyés par un serveur web à un client pour indiquer l’état d’une requête HTTP. Typiquement lorsque vous essayez d’accéder à une page web. Les codes réponses les plus communs sont :

200 OK : Le code de statut 200 indique que la requête a été reçue, comprise et traitée avec succès.

301 Moved Permanently : Ce code signifie que l’URL de la ressource demandée a été changée définitivement. Le nouveau lien est généralement fourni dans la réponse.

302 Found : Le code 302 est utilisé pour indiquer une redirection temporaire. Cela signifie que la ressource demandée se trouve temporairement sous une autre URL, et le client est invité à la suivre pour obtenir la réponse désirée.

404 Not Found : Ce code indique que la ressource demandée n’est pas disponible sur le serveur. C’est souvent dû à une erreur de saisie de l’URL ou à une page qui a été supprimée.

500 Internal Server Error : Un code 500 signale qu’il y a eu un problème avec le serveur qui l’empêche de traiter la requête. Cela peut être dû à des problèmes dans le code du serveur ou à des défaillances temporaires.

Cookie :

Quand vous entendez cookie, vous pensez sûrement à des traceurs publicitaires ou type Analytics. Mais il y a d’innombrables d’autres types de cookies qui sont indispensables au fonctionnement d’un site web.

Un cookie c’est avant tout un petit fichier texte stocké par le navigateur sur l’appareil de l’utilisateur. Il contient des données spécifiques au visiteur et à son site web, permettant au site de se souvenir des informations sur la visite, comme les préférences de l’utilisateur et d’autres données de session.

Par exemple, un site de commerce électronique utilise des cookies pour garder en mémoire le contenu du panier d’achat d’un utilisateur lorsqu’il navigue sur différentes pages du site, même s’il n’est pas connecté.

CMS :

Le CMS (Content Management System ou Système de Gestion de Contenu) est une plateforme logicielle qui permet de créer, gérer et modifier les contenus d’un site web sans nécessiter de compétences techniques en programmation.

Le CMS fournit des interfaces utilisateurs (personnalisés par vos développeurs) faciles d’utilisation pour vous permettre d’organiser et de publier des contenus.

WordPress, Typo3, Drupal, Wix ou encore Shopify font partie des CMS les plus populaires dans le monde. Si vous souhaitez en savoir plus, nous vous invitons à consulter notre guide de choix du CMS idéal.

Découpe :

La “découpe” est effectuée par un développeur front-end, ce terme fait référence au processus de conversion d’un design graphique (une image), en HTML et CSS qui peuvent être utilisés pour construire un site web ou une page spécifique de celui-ci.

En général, le webdesigner soumet une maquette du site web au client, puis après validation fournit les éléments au développeur front pour commencer le développement de la partie front du site.

Flux :

En développement web, un flux (ou “stream” en anglais) désigne un mode de transmission de données : les données sont structurées d’une manière spécifique pour être transmises, reçues et traitées en temps réel. La transmission peut se faire par une API, par une base de données ou encore par des serveurs de fichiers.

On connaît tous les flux vidéo des plateformes de streaming, mais les flux ont de nombreuses autres applications. Par exemple, dans le domaine du transport, nous interfaçons des flux pour renseigner des infos trafics en temps réel, des fiches horaires, etc.

Framework :

Attention, à ne pas confondre avec le CMS ! Le Framework est un ensemble de normes, de conventions et d’outils pour le développement de logiciels, qui fournit une base prédéfinie sur laquelle les développeurs peuvent construire des applications.

Il aide à standardiser le processus de développement et permet aux développeurs de ne pas avoir besoin de réinventer la roue à chaque fois. Par exemple, Symfony est un framework PHP fournissant une architecture, des composants et des outils qui permettent aux développeurs de construire des applications complexes de manière plus rapide et plus efficace.

Langages (HTML, JS, CSS)

En développement, les langages sont tous simplement des systèmes formalisés qui permettent de donner des instructions à une machine. Les différents langages sont donc utilisés pour créer des scrips, des programmes et autres logiciels, c’est cela que l’on appelle « coder ».

Il existe une multitude de langages de programmation, chacun possédant sa propre syntaxe et ses règles, chaque langage a généralement une « spécialité » pour réaliser différentes tâches de développement.

Par exemple :

• Le CSS (Cascading Style Sheets) : est un langage de style utilisé pour définir la présentation visuelle d’une page web. Mise en page, couleurs, polices, le CSS sert à donner le style du contenu HTML et de le rendre attrayant.
• Le HTML (HyperText Markup Language) : parlons-en justement, ce n’est pas vraiment un langage de programmation à proprement parler. Il est utilisé pour structurer les pages web : entête, paragraphes, titre, liens, etc.
• Le JS (JavaScript) : permet d’écrire des scripts utilisés pour gérer les interactions avec les pages web. Quand un site vous invite à cliquer sur un bouton pour afficher une carte, un numéro de téléphone, etc. C’est généralement géré en JavaScript.
• PHP (Hypertext Preprocessor) : on en parle beaucoup depuis le début de l’article, le PHP est un langage de programmation côté serveur qui permet d’interagir avec les bases de données, générer des pages HTML, etc.

Iframe :

Un iframe est une fenêtre à l’intérieur d’une page web qui affiche le contenu d’un autre site web. L’iframe est une solution souvent utilisée pour afficher des vidéos, des cartes ou des documents provenant d’autres sources, directement sur votre site web.

Par exemple, si vous souhaitez montrer simplement une vidéo pour illustrer votre article de blog. Il est beaucoup plus facile de télécharger votre vidéo sur youtube et d’utiliser un iframe en provenance de youtube plutôt que de créer une lecteur vidéo dédié et d’upload la vidéo directement sur votre site (ce qui pourrait alourdir la page et ralentir son chargement).

Production / Pré-Production :

Ces deux termes définissent l’environnement dans lequel se trouve le site ou l’application.

En production, les applications et les sites web sont pleinement opérationnels et accessibles au public. Ici, la stabilité est essentielle car c’est l’environnement que les utilisateurs finaux voient et utilisent.

La pré-production, c’est l’environnement où les nouveaux développements, les fonctionnalités, ou les mises à jour sont testés avant d’être rendus publics. Cela permet aux développeurs de s’assurer que tout fonctionne correctement et de corriger les bugs sans affecter les utilisateurs actuels du site ou de l’application.

Wireframe :

Le wireframe, c’est la première étape de la définition de l’UI d’un site ou d’une application. Avant même la création des maquettes, le wireframe est un schéma visuel qui représente l’ossature d’une page web ou d’une application mobile.

Il montre l’agencement des éléments majeurs sur la page, tels que les zones de navigation, les logos, les boutons, et les blocs de contenu, sans design détaillé ou contenu final.