Les mots-clés du développement web que tout développeur doit connaître

25 mai 2023

Mots clés et glossaire du développement web que tout développeur doit connaître

Le développement web est le processus de création et de construction de sites web ou d'applications web. Toutefois, ce domaine utilise souvent un jargon confus qui peut être difficile à comprendre pour les personnes qui n'y sont pas familiarisées.

Ces termes et leurs définitions vous aideront à naviguer dans le monde du développement web comme un pro.

Application (app)

Les programmes conçus pour exécuter des fonctions spécifiques, que ce soit sur des plates-formes de bureau, mobiles ou web, sont communément appelés applications. Il s'agit essentiellement d'un type de logiciel qui permet aux utilisateurs d'accomplir diverses tâches.

Blogs apparentés :

Quels sont les avantages des applications mobiles pour les entreprises ?

Comment créer une application de commerce électronique ?

Pourquoi le développement d'applications mobiles est important pour votre entreprise

Interface de programmation d'applications (API)

API servent de moyen de communication entre deux programmes, permettant aux développeurs frontaux et dorsaux de collaborer. Ils permettent aux développeurs frontaux d'exposer des éléments de conception spécifiques qui seront utilisés par les développeurs dorsaux.

Conception adaptative

Également appelé "responsive design", ce terme désigne la méthode utilisée pour garantir que la mise en page d'un site web s'adapte de manière transparente aux différentes tailles d'écran des appareils, en évitant toute perturbation de la mise en page. Il s'agit de créer plusieurs mises en page de sites web adaptées à différentes tailles d'écran, comme celles des ordinateurs de bureau, des tablettes et d'autres appareils mobiles.

Attribut

Un attribut est une caractéristique ou une propriété spécifique qui peut être attribuée aux éléments HTML. Les attributs fournissent des informations ou des instructions supplémentaires pour modifier le comportement, l'apparence ou la fonctionnalité d'un élément. Ils sont utilisés pour personnaliser et améliorer le comportement et la présentation du contenu web, permettant aux développeurs de contrôler divers aspects des éléments d'une page web.

Back-end

Le back-end désigne le côté serveur d'un site web ou d'une application où les données sont traitées, stockées et récupérées. Il comprend l'infrastructure, les bases de données et la logique qui permettent la fonctionnalité de l'interface et les interactions avec l'utilisateur.

Blogs apparentés :

Les bases du développement backend

Tendances du développement des technologies dorsales à suivre en 2023.

Bootstrap

Bootstrap est un framework frontal populaire, gratuit et open-source utilisé dans la conception de sites web et d'applications web. Développé à l'origine sur Twitter par Mark Otto et Jacob Thornton, Bootstrap apporte de l'uniformité à la conception des sites web. Il est construit sur HTML et CSS, offrant divers modèles de conception et des éléments tels que les formulaires, la typographie, les tableaux, les boutons, les fenêtres modales, et plus encore.

Point d'arrêt

Il s'agit de points spécifiques dans la conception d'un site web où la mise en page s'adapte à différentes tailles d'écran, garantissant une expérience optimale pour l'utilisateur qui consulte le site web à chaque taille.

Navigateur

Le programme que vous utilisez pour naviguer sur Internet, comme Chrome, Firefox ou Safari.

Navigateur Google

Insecte

Un bug est une erreur ou une faille dans un site web ou une application qui perturbe sa fonctionnalité attendue, l'empêchant de fonctionner correctement.

Cache

Un cache est un système de stockage temporaire de données qui améliore la vitesse du site en stockant les données pertinentes sur votre ordinateur lors de votre première visite sur un site web. Grâce à la mémoire cache, votre ordinateur n'a pas besoin de recharger toutes les informations puisqu'elles sont déjà enregistrées, ce qui accélère les temps de chargement.

Appel à l'action (CTA)

Les CTA sont des boutons ou des éléments d'un site web qui sont conçus pour inciter et conduire à des conversions ou à des objectifs spécifiques. Il peut s'agir de faire un don, de s'inscrire à une lettre d'information ou de s'enregistrer en tant qu'utilisateur.

Services de développement Web de StarTechUP

Feuilles de style en cascade (CSS)

CSS est un langage de codage qui indique aux navigateurs comment présenter les pages web aux utilisateurs. Il est responsable de la mise en forme des éléments visuels tels que les polices, les couleurs et d'autres composants stylistiques d'un site web.

CI/CD

CI/CD, abréviation de continuous integration and continuous delivery (intégration et livraison continues), est une approche qui permet de livrer fréquemment des applications aux clients grâce à l'automatisation des différentes étapes du développement de l'application. Elle permet de relever les défis liés à l'intégration de nouveaux codes dans les bases de code existantes. En mettant en œuvre l'intégration et la livraison continues, les équipes de développement et d'exploitation peuvent déployer plus rapidement les mises à jour et les fonctionnalités des applications.

Blogs apparentés :

Quand DevOps a-t-il commencé ? L'histoire et l'avenir

7 principes clés de DevOps

Réseau de diffusion de contenu (CDN)

Un CDN est un réseau géographiquement distribué qui aide à fournir plus rapidement le contenu d'un site web aux utilisateurs en stockant des copies des fichiers et des actifs du site web sur plusieurs serveurs répartis sur différents sites. En utilisant des CDN, les sites web peuvent réduire les temps de chargement des serveurs et mieux gérer les volumes de trafic élevés.

Cookies

Les cookies sont des données envoyées par un serveur Internet à un navigateur, et lorsque le navigateur accède au même serveur, il renvoie les données. Ils sont utilisés pour déterminer la fréquence et la manière dont le navigateur interagit avec le serveur.

Ramper

L'exploration est le processus par lequel les moteurs de recherche envoient des robots sur les sites web pour recueillir des informations sur les pages existantes et non existantes, et mettre à jour leur base de données en conséquence. Les sites web doivent être explorés pour être indexés par les moteurs de recherche et augmenter leurs chances d'être découverts.

Débogage

Le débogage consiste à identifier et à résoudre les problèmes, les erreurs ou les bogues dans le code ou les programmes logiciels. Il s'agit de dépanner et d'analyser systématiquement le code afin de trouver et de résoudre les problèmes susceptibles d'entraîner un comportement inattendu du logiciel ou de l'empêcher de fonctionner comme prévu.

Déploiement

Le déploiement est le processus de développement web qui consiste à mettre un site web ou une application à la disposition des utilisateurs. Ce processus implique le transfert de fichiers et de données de l'environnement de développement vers un serveur réel pour un accès public.

Blogs apparentés :

Quels sont les avantages de DevOps et pourquoi l'utiliser pour votre entreprise ?

Modèle d'objet de document (DOM)

Le DOM est une interface indépendante du langage et multiplateforme utilisée dans la conception de sites web et d'applications. Elle présente les documents XML ou HTML sous la forme d'une structure arborescente hiérarchique, chaque nœud représentant un objet correspondant à une section spécifique du document. En termes simples, le DOM organise un document HTML ou XML en un arbre logique, permettant aux navigateurs de rendre et de manipuler son contenu.

Domaine

Un domaine fait référence à l'adresse web saisie dans un navigateur. Il représente l'emplacement spécifique ou l'URL utilisé pour accéder à un site web.

Favicon

Une favicon, abréviation de "icône favorite", est la petite icône affichée dans l'onglet du navigateur du site web.

Première peinture de contenu (FCP)

Le FCP est une mesure de performance qui évalue le temps nécessaire à une page web pour afficher le premier élément du contenu DOM après que l'utilisateur l'a visitée. Il s'agit d'une mesure importante évaluée par Google pour évaluer les performances des pages web. En termes de contenu DOM, le FCP comprend les images, les éléments non blancs et les SVG, tandis que le contenu des iframes est considéré comme un contenu non DOM. Les développeurs web considèrent souvent le FCP comme un indicateur clé de l'expérience utilisateur et de l'efficacité du chargement des pages.

capture d'écran de la première métrique de peinture contentful

Domaines

Les champs sont les éléments fondamentaux utilisés pour la collecte de données sur un site web. Ils servent d'unités de stockage où les visiteurs peuvent saisir et soumettre leurs informations personnelles, telles que noms, adresses électroniques, notes, etc.

Le cadre

Un framework est un ensemble de programmes et d'outils utilisés dans le développement de sites web ou de logiciels qui fournit une base pour la construction de sites web ou d'applications. Il simplifie le processus de développement en offrant une collection centralisée de solutions, d'outils et de composants.

Front-end

Le front-end désigne le côté client d'un site web ou d'une application avec lequel les utilisateurs interagissent directement. Il implique la conception, la mise en page et la fonctionnalité de l'interface utilisateur, ainsi que la mise en œuvre d'éléments interactifs et de composants visuels à l'aide de HTML, CSS et JavaScript.

Blogs apparentés :

Pourquoi les services de développement frontal sont plus importants que vous ne le pensez

Pleine pile

Le développement complet fait référence à la capacité de travailler à la fois sur les aspects frontaux et dorsaux du développement web et sur la couche de base de données. Un développeur "full-stack" possède une compréhension et une expérience étendues de toutes les couches d'une pile technologique, ce qui lui permet de gérer divers aspects de l'activité de l'entreprise. processus de développement.

Blogs apparentés :

7 avantages clés du développement intégral

Git

Git est un système de contrôle de version qui permet aux développeurs de stocker et de gérer efficacement leur code.

GitHub

GitHub est une plateforme basée sur le cloud qui sert d'interface à Git et offre des fonctionnalités supplémentaires telles que le suivi des bogues, la gestion des tâches et les wikis de projet.

Interface utilisateur graphique (GUI)

Une interface graphique fait référence à la représentation visuelle et à la mise en page d'un site web, conçues pour l'interaction avec l'utilisateur.

Hexagone

La méthode de codage des couleurs la plus répandue est celle des codes de couleur hexagonaux, qui indiquent la quantité de couleur à afficher sur un écran.

HTML (langage de balisage hypertexte)

Le HTML est un langage de codage utilisé pour construire des pages web et déterminer la manière dont elles sont affichées dans les navigateurs internet. Il implique l'utilisation de balises, d'éléments et d'attributs pour structurer et présenter des contenus tels que du texte, des images, des vidéos et des liens sur le web.

HTTP (Hypertext Transfer Protocol)

HTTP est un protocole de transmission de données sur l'internet. Il facilite l'échange d'informations en permettant le transfert de données d'un programme serveur HTTP à un programme client HTTP. HTTP est le principal protocole de transfert de données utilisé sur le World Wide Web.

HTTPS

Le "S" de HTTPS signifie sécurité, indiquant que toutes les communications entre le navigateur et le site web sont cryptées. Cette version sécurisée du protocole HTTP est utilisée pour la transmission de données entre un navigateur web et le site web connecté. HTTPS est généralement utilisé pour protéger les transactions en ligne sensibles, telles que les transactions bancaires et les achats en ligne, afin de garantir la confidentialité et la sécurité des données de l'utilisateur.

Architecture de l'information

L'architecture de l'information implique l'organisation et la présentation systématiques d'informations complexes de manière claire et logique. Dans le domaine de la conception de sites web et d'applications, elle se rapporte à la création d'une structure de navigation conviviale.

JavaScript

JavaScript est un langage de programmation très répandu, principalement utilisé comme langage côté client, intégré dans les pages HTML et envoyé aux navigateurs web. Les développeurs web utilisent JavaScript pour incorporer des automatismes, des animations et de l'interactivité dans les pages web, permettant ainsi une expérience dynamique et attrayante pour l'utilisateur. Il s'agit d'un langage de script polyvalent, connu pour sa capacité à fournir une pile technologique complète pour le développement de sites web frontaux et dorsaux.

Blogs apparentés :

Java vs JavaScript : Lequel est le meilleur ?

La plus grande peinture de contenu (LCP)

LCP est une mesure de performance qui quantifie la durée nécessaire pour que l'élément de contenu le plus volumineux d'une page web soit affiché à l'écran.

capture d'écran de la plus grande métrique de peinture contentful

Bibliothèque / Bibliothèques

Les bibliothèques sont des collections d'extraits de code préécrits qui sont utilisés pour mettre en œuvre des fonctionnalités essentielles en JavaScript. Ces extraits de code peuvent être facilement intégrés dans le code d'un projet existant, fournissant ainsi des outils spécialisés pour des besoins de codage spécifiques. Les bibliothèques ne sont pas des solutions globales pour des projets entiers, mais servent de composants modulaires qui peuvent être utilisés dans des programmes ou d'autres bibliothèques.

Phare

Lighthouse est un outil automatisé et open-source qui teste et améliore la qualité des pages web.

Balise Méta

Une balise méta est une balise HTML importante qui contient des informations sur la page web. Elle joue un rôle crucial dans l'optimisation des moteurs de recherche (SEO) car les moteurs de recherche utilisent ces informations pour classer les sites web et afficher les détails pertinents dans les résultats de recherche.

Minification

La minimisation consiste à réduire la taille du fichier en minimisant le code et le balisage. Lors du développement d'applications web, les développeurs utilisent souvent des espaces, des commentaires et des variables pour améliorer la lisibilité du code. Toutefois, ces éléments contribuent également à augmenter la taille des fichiers. Pour optimiser les performances et la vitesse de chargement des pages web, les développeurs suppriment les espaces et les commentaires inutiles des fichiers de code, ce qui permet d'obtenir des versions minifiées dont la taille des fichiers est réduite.

Produit viable minimum (PVM)

Le MVP est la version minimaliste d'un produit qui peut être lancé sur le marché. Cette approche consiste à donner la priorité aux caractéristiques et fonctionnalités essentielles. Après le lancement, les développeurs recueillent les commentaires des utilisateurs et améliorent progressivement le produit en ajoutant des fonctionnalités sur la base des informations reçues.

Le mobile d'abord

Une stratégie de conception et de développement de sites web qui donne la priorité aux appareils mobiles. Le site web est d'abord créé pour les petits écrans, puis adapté aux ordinateurs de bureau. L'adoption d'une conception web "mobile-first" garantit une expérience utilisateur transparente sur différentes tailles d'écran et d'appareils.

Navigation

Également appelée menu, la navigation fait référence aux liens d'un site web qui dirigent les utilisateurs vers différentes pages. Généralement située dans le menu supérieur ou dans le pied de page, la navigation permet aux visiteurs d'accéder aux différentes sections du site web.

Balises d'ouverture/fermeture

Les balises d'ouverture/fermeture sont des crochets d'angle () utilisés pour entourer un élément HTML et définir la structure d'une page web. Les balises fermantes comprennent une barre oblique ().

PHP (Préprocesseur Hypertexte)

PHP est un langage de script côté serveur utilisé pour créer des pages web et des applications dynamiques. Il est principalement utilisé pour le développement d'applications dorsales et constitue l'épine dorsale de nombreux sites web célèbres tels que Facebook et Wikipedia.

PHP peut faire beaucoup, comme générer un contenu de page dynamique, gérer les cookies, gérer l'accès des utilisateurs et crypter les données. Pourquoi choisir PHP ? Il est compatible avec presque tous les serveurs actuels, il est assez facile à apprendre, il supporte de nombreuses bases de données et il est gratuit à télécharger !

Blogs apparentés :

Externaliser le développement PHP : Comment faire ?

PHP contre Java : Quel est le meilleur langage de programmation pour le web ?

Plugin

Un plugin est une extension ou un complément qui améliore les fonctionnalités d'un logiciel existant, tel qu'un système de gestion de contenu (CMS) comme WordPress.

Propriété

Dans le contexte du CSS, les propriétés sont les attributs qui définissent l'aspect et la convivialité d'une page web, comme les polices de caractères et les jeux de couleurs.

Redirections

Les redirections sont des renvois automatiques d'une URL à une autre, généralement utilisés pour diriger les utilisateurs d'une ancienne URL de site web vers la page correspondante d'un nouveau site web.

Résolution

La résolution est la mesure qui détermine la taille à laquelle une image ou un graphique peut être affiché sur un écran.

Conception adaptée

La conception réactive fait référence à l'approche de développement selon laquelle un site web ajuste et adapte sa mise en page et son contenu en fonction du comportement de l'utilisateur et de la taille de l'écran. En utilisant des points de rupture et des requêtes média dans le fichier CSS, le site web s'adapte automatiquement aux différents appareils, garantissant un affichage optimal et une expérience utilisateur sur diverses plateformes.

Logiciel en tant que service (SaaS)

Le SaaS est une méthode de fourniture de services d'application par l'intermédiaire de l'internet.

Blogs apparentés :

Les femmes leaders du SaaS : Les étoiles montantes de la Silicon Valley

Quelles sont les tendances actuelles en matière de développement d'applications SaaS ?

Tester les applications SaaS : Défis et bonnes pratiques

Page de résultats des moteurs de recherche (SERP)

Les pages de résultats des moteurs de recherche (SERP) sont des pages web affichant les résultats d'une recherche effectuée sur un moteur de recherche, tel que Google ou Bing.

Serveur

Les serveurs sont des ordinateurs équipés de logiciels qui permettent aux utilisateurs d'accéder aux sites web et qui les hébergent.

Rendu côté serveur (SSR)

La RSS désigne la capacité d'une application à convertir un fichier HTML en une page HTML entièrement rendue sur le serveur et à la transmettre au client.

Plan du site

Un plan du site est une liste de toutes les pages d'un site web accessibles aux utilisateurs, fournissant une vue d'ensemble de sa structure et de son contenu. Il permet d'optimiser la navigation sur le site web et d'améliorer l'indexation par les moteurs de recherche.

Slider

Un slider est un carrousel rotatif d'images ou de cartes, généralement présenté sur la page d'accueil d'un site web, mettant en valeur différentes photos, liens et contenus.

TypeScript

TypeScript est un langage qui étend JavaScript et offre des fonctionnalités supplémentaires, notamment le typage statique optionnel pour une meilleure vérification de la syntaxe et du code.

Expérience utilisateur (UX)

L'UX fait référence à la satisfaction globale et au succès de l'interaction d'un utilisateur avec une interface, telle qu'une application ou un site web.

Blogs apparentés :

13 outils de conception UI/UX à utiliser en 2023

10 nouvelles tendances UI/UX à connaître en 2024

Interface utilisateur (UI)

L'interface utilisateur est l'ensemble des éléments visuels incorporés dans un site web ou une application, servant d'interface d'interaction entre l'utilisateur et l'ordinateur.

Blogs apparentés :

13 outils de conception UI/UX à utiliser en 2023

10 nouvelles tendances UI/UX à connaître en 2024

Adresse web

Une adresse web, également connue sous le nom d'URL (Uniform Resource Locator), est l'identifiant unique d'une page web ou d'un site web sur l'internet. Une adresse web typique se compose d'un protocole (http ou https), d'un nom de domaine et d'un chemin d'accès.

Widgets

Les widgets sont des applications logicielles ou des composants conçus pour diverses plates-formes logicielles, offrant des fonctions interactives spécifiques sur un site web.

Fil de fer

Un wireframe est un guide visuel qui représente la structure et le contenu d'une page web dépourvue d'éléments de conception. Il est utilisé pour se concentrer sur la disposition et la hiérarchie du contenu sans être distrait par la conception visuelle.

WYSIWYG

WYSIWYG (What You See Is What You Get) est un éditeur de contenu visuel sur certaines plateformes CMS. Il permet aux utilisateurs d'appliquer des styles de texte, d'insérer des graphiques et de formater le contenu en texte enrichi sans avoir besoin de connaissances en HTML.

Embauchez des développeurs web !

Maintenant que vous maîtrisez le jargon du développement web, êtes-vous prêt à faire passer votre site web au niveau supérieur ?

Imaginez un site web rapide, réactif et époustouflant qui captive votre public cible. C'est ce que vous pouvez obtenir lorsque vous engagez un équipe de développement web avec une expertise en HTML, CSS, JavaScript et autres technologies web de base.

Chez StarTechUP, notre une équipe de développeurs qualifiés peut transformer votre vision en réalité ! De la conception au développement et à la maintenance, nous fournissons des solutions complètes, de bout en bout, pour tous vos besoins en matière d'applications de sites web.

Nous contacter pour construire le site web de vos rêves !

A propos de l'auteur : Andrea Jacinto - Rédacteur de contenu

Rédactrice de contenu dotée d'une solide expérience en matière de référencement, Andrea a travaillé avec des spécialistes du marketing numérique de différents domaines pour créer des articles optimisés qui sont informatifs, digestes et agréables à lire. Aujourd'hui, elle écrit pour StarTechUP afin de présenter les derniers développements technologiques aux lecteurs du monde entier. Vue sur Linkedin

PLUS D'INFOS