TECH Talk :  petit lexique du développement web

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.

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.

Le backup (ou sauvegarde) est une copie de sécurité des données d’un site web, incluant les fichiers, la base de données et les configurations. Cette copie permet de restaurer rapidement le site en cas de problème technique, de piratage ou d’erreur humaine, limitant ainsi les interruptions de service. Chez Koredge, nous effectuons un backup automatique de tous nos sites chaque nuit à minuit, vous garantissant ainsi une sauvegarde fraîche chaque jour. 

Les sauvegardes sont généralement automatisées et stockées selon une stratégie précise : une semaine coulante sur les serveurs pour un accès rapide, puis archivage dans ce que nous appelons les « frigos » – des espaces de stockage à long terme plus économiques mais moins accessibles.  

Par exemple, si votre site subit une cyberattaque un mardi matin, nous pouvons le restaurer depuis la sauvegarde de lundi soir en quelques minutes. Si vous avez besoin de récupérer un contenu supprimé il y a plusieurs mois, il faudra « sortir les données du frigo », ce qui prendra un peu plus de temps mais reste tout à fait possible. 

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.

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.

Le CDN (Content Delivery Network, ou Réseau de Diffusion de Contenu) est un réseau de serveurs répartis géographiquement qui stockent des copies de votre site web. Son objectif : accélérer le chargement des pages en servant le contenu depuis le serveur le plus proche de l’utilisateur, plutôt que depuis le serveur principal qui peut être situé à des milliers de kilomètres. 

Le CDN est particulièrement efficace pour les images, vidéos et autres fichiers volumineux qui ralentissent habituellement le chargement des pages. 

Par exemple, si votre site est hébergé à Paris mais qu’un visiteur se connecte depuis Tokyo, le CDN va servir les contenus depuis un serveur asiatique plutôt que de les faire transiter depuis la France. 

C’est le fameux cadenas que vous pouvez voir à côté de l’adresse des sites sécurisés ! Le certificat SSL (Secure Socket Layer) est un protocole de sécurité qui crypte les données échangées entre le navigateur de l’utilisateur et votre serveur web. Il garantit que les informations sensibles (mots de passe, données bancaires, formulaires) ne peuvent pas être interceptées par des tiers malveillants durant leur transmission. 

Un site sécurisé par SSL se reconnaît facilement : l’adresse commence par « https:// » au lieu de « http:// » et ce petit cadenas apparaît dans la barre d’adresse. Le certificat SSL est désormais la norme sur le web, et Google favorise les sites HTTPS dans son référencement. 

Par exemple, quand un client saisit ses coordonnées bancaires sur votre boutique en ligne, le certificat SSL transforme ces données en code illisible pendant leur voyage vers vos serveurs. Sans SSL, ces informations circuleraient « en clair » sur internet. 

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.

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é.

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.

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.

« On va deploy la nouvelle version ce soir » – voilà une phrase que vous pouvez entendre sortir de la bouche d’un développeur ! Le deploy (ou déploiement) désigne le processus de mise en ligne d’une nouvelle version de votre site web ou application, en transférant les fichiers modifiés depuis l’environnement de développement vers le serveur de production. 

Cette étape cruciale rend visible au public toutes les modifications, corrections et nouvelles fonctionnalités développées en amont. Le deploy peut être automatisé ou manuel selon la complexité du projet.

Quand votre site ne fonctionne pas et qu’on vous dit « c’est un problème de DNS », cela concerne le système qui fait le lien entre votre nom de domaine et votre serveur ! Le DNS (Domain Name System) est comme l’annuaire téléphonique d’internet : il traduit les noms de domaine lisibles par les humains (comme votre-site.com) en adresses IP numériques (l’emplacement serveur). 

Lorsque vous changez d’hébergeur ou modifiez la configuration de votre site, il faut mettre à jour ces informations DNS. Cette propagation peut prendre de quelques heures à 48h pour être effective sur l’ensemble du web mondial. 

Par exemple, si vous déménagez votre site vers un nouvel hébergeur, c’est comme si vous déménagiez de maison : il faut prévenir La Poste (les serveurs DNS) de votre nouvelle adresse pour que le courrier (les visiteurs) arrive au bon endroit. 

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.

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.

L’hébergement web est l’espace de stockage sur un serveur où sont physiquement stockés tous les fichiers de votre site : pages, images, base de données, scripts, etc. C’est le service qui rend votre site accessible 24h/24 sur internet en fournissant les ressources techniques nécessaires comme la puissance de calcul, la mémoire et la bande passante. 

Souvent confondu avec le nom de domaine, l’hébergement est pourtant un service totalement distinct. Il existe différents types d’hébergement selon vos besoins : mutualisé (économique mais partagé), dédié (un serveur entier pour vous), ou cloud (flexible et évolutif). 

Pour faire simple : si votre nom de domaine est votre adresse postale, l’hébergement est la maison elle-même. 

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.

Ne vous inquiétez pas si votre développeur vous dit « je vais faire ça en ligne de commande » – c’est tout à fait normal ! 

La ligne de commande est une interface textuelle qui permet d’interagir directement avec un serveur ou un ordinateur en tapant des instructions, sans passer par des boutons ou des menus graphiques. C’est l’équivalent numérique d’une conversation directe avec la machine : vous donnez des ordres précis, elle les exécute instantanément. 

Pour les développeurs, c’est un outil quotidien bien plus rapide et puissant que les interfaces graphiques pour certaines tâches techniques : installer des mises à jour, gérer les fichiers, configurer des serveurs, ou lancer des scripts automatisés. 

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).

Un plugin (ou extension) est un petit programme qui s’ajoute à votre CMS pour lui apporter de nouvelles fonctionnalités, sans avoir besoin de développement sur mesure. C’est l’équivalent des applications sur votre smartphone : votre CMS de base a ses fonctions essentielles, et vous y ajoutez les « apps » dont vous avez besoin. 

Les plugins permettent d’enrichir votre site facilement : système de réservation, galerie photo, formulaire de contact avancé, optimisation SEO, sécurité renforcée, etc. Ils sont particulièrement populaires sur WordPress, qui dispose d’une immense bibliothèque de plugins gratuits et payants. 

Chez Koredge, selon vos besoins spécifiques, nous pouvons utiliser des plugins existants du marché ou développer des plugins sur mesure pour répondre parfaitement aux fonctionnalités que vous souhaitez intégrer à votre site. 

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.

Une tâche cron est un script automatisé qui s’exécute à intervalles réguliers sur votre serveur, sans intervention humaine. Elle déclenche automatiquement certaines actions : envoi d’emails, sauvegarde de données, nettoyage de fichiers temporaires, import de catalogues produits, etc. 

Le terme « cron » vient d’un outil Unix qui permet de planifier ces tâches selon un calendrier précis : tous les jours à 2h du matin, chaque lundi à 9h, toutes les heures, ou même toutes les minutes si nécessaire. 

Par exemple, votre site e-commerce peut avoir une tâche cron qui vérifie automatiquement chaque nuit les stocks chez vos fournisseurs et met à jour votre catalogue produit. 

Un ticket est une demande d’assistance technique ou de support transmise à votre agence web ou votre équipe de développement. C’est le système standardisé pour signaler un bug, demander une modification, poser une question technique, ou rapporter tout dysfonctionnement sur votre site. 

Chaque ticket reçoit un numéro unique qui permet de suivre l’avancement de la résolution et de conserver un historique des échanges. Cette méthode évite que les demandes se perdent dans les emails et garantit un traitement organisé des problèmes.  

Pro tip : Pour une résolution rapide, pensez à préciser dans votre ticket une capture d’écran du problème, l’URL de la page concernée, et toutes les informations nécessaires à la bonne compréhension du dysfonctionnement. 

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.