Lexique du développeur

Par Jean-François Sauriol

Lexique du développeur

Par Jean-François Sauriol

Vous faites affaire avec une agence qui développe votre site web, mais vous ne comprenez pas pourquoi ils vous parlent de sprints?

Vous voulez engager un développeur web dans votre entreprise mais vous ne connaissez pas les langues qu’il a inclut dans son CV. Est-ce que tous les développeurs sont aussi polyglottes?

Votre copain est développeur web et vous aimeriez savoir pourquoi il accorde plus d’importance à son style CSS plutôt qu’à son style vestimentaire?

Vous partagez tous nos articles par solidarité, mais vous ne comprenez pas ce qu’on raconte?

Je vous comprends. Le vocabulaire d’un développeur peut parfois sembler obscur pour un néophyte. Ne paniquez plus. J’ai préparé un petit lexique afin de faciliter vos communications avec des développeurs.

Le lexique du développeur web

Adwords

Ce sont des publicités ciblées sur le moteur de recherche Google. Vous payez à chaque fois qu’un internaute clique sur la publicité.

Algorithme

C’est une suite de calculs et de vérifications qui permettent d’afficher à l’utilisateur le résultat de son action ou de sa recherche.

Image result for meme algorithm

Animation

Une animation, c’est lorsque des éléments sur une page web se déplacent ou changent de couleur par exemple. On ajoute des animations à un site pour lui donner plus de vie et d’originalité.

Application

C’est un programme ou un logiciel.

Back end

C’est la partie arrière du site web. Il s’agit de la logique, les calculs, l’envoi des données, etc. En bref, c’est tout ce qui n’est pas visible par l’utilisateur et qui ne relève donc pas de l’interface visuel du site web.

Backlinks

Les blacklinks sont des liens pointant vers votre site web et qui ne sont pas situés sur votre site web. En bref, c’est tous les boutons et liens qui redirigent vers votre site.

BD ou la DB (Base de données)

C’est là où toutes les données du site web sont stockées. Le site web communique toujours avec la base de données pour charger le contenu de la page, les informations de l’utilisateur, enregistrer une action, etc.

Image result for bande dessinee asterix

Bibliothèque (Library)

C’est une collection d’outils pour permettre au développeur d’aller plus vite.

Blog

C’est une section de votre site web sur laquelle se retrouvent des articles écrits au fil du temps. Souvent, ces articles sont triés du plus récent au plus ancien.

Brainstorming

C’est une réunion visant à proposer collectivement des solutions lors d’un regroupement d’idées.

Cache

C’est une copie sur votre ordinateur d’informations et de données qui permettront à votre navigateur de charger plus rapidement des pages web, car une partie des données sont déjà enregistrées sur votre ordinateur.

Cahier des charges

C’est la description de tous les besoins et contraintes relatives à la création de votre site web.

Charte graphique

C’est un document qui regroupe l’ensemble des caractéristiques graphiques et visuelles de votre site web ou de votre marque. La charte graphique inclut, entre autres, le choix des polices d’écriture, les couleurs, le logo, etc.

Cookie

C’est des données sous format texte qui sont stockées sur votre disque dur. Par exemple, certains sites web créent des cookies sur votre ordinateur afin de vous éviter d’avoir à vous connecter de nouveau à chaque fois que vous visitez le site web.

Image result for cookie

CMS (Content Management System)

Un CMS est un logiciel vous permettant de mettre le contenu de votre site web à jour à travers une administration en ligne.

CSS (Cascading Style Sheets)

C’est un langage de programmation qui est utilisé afin de styliser la mise en forme des interfaces de votre site web.

E-commerce

Ça signifie commerce électronique. C’est la vente de biens et de services sur internet.

Erreur 404

Lorsque un utilisateur navigue vers une page de votre site web qui n’est plus disponible ou qui n’a jamais existé, le site va déterminer qu’il s’agit d’une erreur 404. Il existe plusieurs autres erreurs comme 403 ou 500 qui ont d’autres significations. 404 correspond précisément à l’erreur survenant lorsque l’utilisateur tente d’accéder à un lien qui n’existe pas sur votre site web.

Ergonomie

Votre site est dit “ergonomique” lorsqu’il est facile à utiliser.

FAQ (Frequently Asked Questions)

Autrement dit, c’est une page web où on liste les questions les plus souvent posées par les clients, les utilisateurs, etc.

Favicon

Voyez-vous sur votre navigateur (Chrome, Safari, Firefox) la petite image juste à côté du titre de la page web dans votre onglet? C’est ce qu’on appelle un favicon. C’est ce qui permet à l’utilisateur, entre autres, d’identifier plus facilement votre site lorsqu’il a plusieurs onglets ouverts.

Front end

C’est la partie du site web qui est visible par l’utilisateur. Un développeur front-end est donc un développeur qui travaille sur les interfaces web.

Git

Afin de garder toutes les versions du site web tout au long de son développement, les développeurs utilisent Git. C’est un outil de « versionnage » du code qui permet à plusieurs développeurs de travailler sur la même application sur plusieurs ordinateurs sans se marcher sur les pieds.

Header/Footer

Header correspond à la partie supérieure de votre site web, c’est souvent une bande avec votre logo et votre menu principal. À l’inverse, le footer correspond à la section la plus basse dans la page web.

Homepage

La homepage d’un site web correspond à la page par défaut, la page d’accueil, du site web. C’est la page qui s’affiche lorsque vous naviguez pour la première fois sur le site web.

HTML (HyperText Mark-Up Language)

Un langage de programmation qui permet de structurer et organiser les données qui seront affichées à l’écran de l’utilisateur.

Icône

C’est un petit visuel graphique qui sert à représenter une action ou à améliorer la lisibilité et la compréhension du contenu.

Image result for elvis presley

Infographie

Une infographie correspond à un dessin numérique.

Infolettre

C’est ce qu’on appelle en anglais une « newsletter ». Vous pouvez proposer aux utilisateurs de votre site web de s’inscrire à votre infolettre. Ça signifie que vous allez leur envoyer des nouvelles fréquemment par courriel pour les tenir au courant de nouveautés.

Interface

Une interface c’est ce qui apparait à votre écran lorsque vous chargez une page web. C’est l’aspect visuel de la page web.

Javascript

C’est un langage de programmation qui est utilisé pour dynamiser une page web en ajoutant des interactions et du dynamisme.

JPEG

C’est un format de fichier graphique (image) permettant d’optimiser le poids d’un fichier. C’est le format idéal pour les photographies.

Lien

Un lien est une passerelle qui lie votre site vers une autre page internet. C’est souvent représenté grâce à une couleur différente du reste du texte ou par un aspect de bouton pour indiquer à l’utilisateur que ce texte est cliquable.

Login

Le login, c’est le formulaire qui permet à un utilisateur de se connecter avec des identifiants (par exemple: email et mot de passe).

Meta description

C’est du code HTML qui décrit brièvement le contenu de la page web. Ça aide les moteurs de recherche tels que Google à indexer cette page dans leurs résultats de recherche.

Meta keywords

C’est du code HTML qui contient une série de mots-clés qui définissent le contenu de la page web. Tout comme la meta description, ça aide les moteurs de recherche à indexer la page web efficacement.

Moteur de recherche

C’est un module ou un site web permettant de rechercher une information précise au sein du site ou sur internet. Google et Yahoo! sont les moteurs de recherche les plus populaires.

Navigateur (Browser)

Un navigateur, c’est le logiciel que vous utilisez pour aller sur internet. Ex: Mozilla Firefox, Google Chrome, Safari, etc.

Image result for gif im on a boat

Nom de domaine

C’est le nom qui permet d’identifier votre site web. Par exemple, dans l’adresse URL “www.treize.pro”, le nom de domaine est “treize.pro”.

Popup

C’est une fenêtre qui apparaît au-dessus de l’interface du site web. On voit souvent des popups qui invitent l’utilisateur à souscrire à une infolettre.

Redirection 301

Une redirection 301 est un code qui redirige l’utilisateur vers une autre page web lorsqu’il essaye d’accéder à une certaine adresse web. Cette redirection permet d’indiquer que la page a déménagée et se trouve désormais sous une nouvelle adresse URL.

Référencement

Toute action qui vise à faire connaître votre site web et à amener de nouveaux utilisateurs va améliorer votre référencement, ce qui correspond à votre visibilité sur les moteurs de recherche. (Voir SEO plus bas)

Référencement naturel

Ça correspond à toutes les techniques qui permettent d’augmenter le trafic organique (non payant) vers votre site web.

Référencement payant

Ça correspond à toutes les opérations vous permettant d’améliorer la position de votre site web dans les résultats des moteurs de recherche en échange d’une transaction commerciale. Par exemple, l’achat de publicité sur Google AdWords.

Refonte

C’est l’action de modifier totalement ou en partie un site web. Par exemple, lorsqu’on veut changer son aspect ou passer d’un site statique à un site dynamique.

Responsive

Un site web est responsive lorsque son aspect visuel s’adapte efficacement à toutes les tailles d’écran: ordinateurs, tablettes, téléphones.

Scroller

C’est l’action de glisser vers le bas dans la page web.

SEM (Search Engine Marketing)

C’est l’ensemble des opérations liées à la publicité sur Internet et visant à renforcer la visibilité d’un site web.

SEO (Search Engine Optimisation)

C’est la notion d’optimisation de votre site web afin d’améliorer son placement dans les résultats sur les moteurs de recherche tel que Google. En bref, c’est tout ce qui aide à rendre votre site plus facilement trouvable sur Google.

Serveur

C’est un ordinateur connecté continuellement à Internet et qui stocke les données et fichiers de votre site web. Lorsqu’un utilisateur navigue vers votre site web, c’est votre serveur qui répond à ses requêtes et affiche votre site.

Site dynamique

Un site dynamique est un site dont le contenu des pages varie selon plusieurs facteurs comme l’heure, la localisation de l’utilisateur, les actions effectuées par l’utilisateur, etc. C’est un site dont le contenu n’est pas statique. Par exemple, un commerce en ligne est un site dynamique, car les produits sont chargés et affichés dynamiquement.

Site statique

Un site statique est un site dont le contenu des pages est fixe. Le contenu de la page peut seulement être modifié par le développeur web qui irait directement modifié la page dans le code.

UI (User Interface)

Concevoir l’UI de votre site web permet de définir l’apparence visuelle des écrans de votre site web.

UX (User eXperience)

Concevoir l’UX de votre site web permet de définir l’expérience de l’utilisateur, son parcours, répondre à ses besoins, etc.

Image result for ui heinz

URL

C’est l’adresse qui permet de naviguer votre site web. Par exemple: “www.treize.pro”.

WordPress

C’est un logiciel très populaire de gestion de contenu (CMS) qui permet d’accéder à une administration en ligne afin de tenir le contenu de votre site web à jour.

Voilà!

Champagne! Vous pourrez désormais aligner trois mots la prochaine fois qu’on vous parlera de serveur ou de base de données! ????

Photo de profil de Jean-François Sauriol

Jean-François Sauriol

Président-directeur général

/ Prochains articles