Intégrateur Web : un superhéros
A l’occasion du dernier welovespeed qui a eu lieu à Lyon en décembre dernier, notre illustre confrère Jean-Pierre Vincent, a présenté notre métier l’intégration Web comme héroïque. Je n’irai pas par quatre chemins, j’approuve ce message ! L’ intégration L'intégration consiste à assembler des éléments visuels (HTML, CSS, JavaScript) pour transformer des maquettes graphiques en pages web fonctionnelles et interactives, tout en respectant les standards du web. Web est un véritable artisanat où la racine « Art » prend tout son sens. Alors que les outils modernes prennent la main sur la syntaxe du code distribué, il convient aux intégratrices et intégrateurs Web que nous sommes de veiller à l’ expérience utilisateur L'expérience utilisateur (UX) désigne la qualité de l'interaction d'un utilisateur avec un produit ou service, en termes de satisfaction, facilité d'utilisation et efficacité. , à la web performance et bien sûr aux revenus qui en découlent. Alors quitte à mettre un slip rouge par-dessus mon pantalon, analysons un peu nos supers pouvoirs.
Préscience
L’intégratrice ou l’intégrateur web se doit de connaître l’histoire du Web. Pourquoi ? Cette connaissance permet de comprendre les enjeux, les objectifs, derrière chaque technologie. A quel besoin elle correspond ? Quelle lacune initiale vient-elle combler ? Pour cela, elle s’appuiera sur les référentiels du Web à savoir le W3C Le World Wide Web Consortium (W3C) est une organisation internationale qui développe des standards ouverts pour assurer la croissance à long terme du web, comme HTML, CSS, et XML. et WHATWG, et des lectures avisées comme par exemple l’excellente série d’articles de Jay Hoffmann sur l’histoire du Web que nous avions commencé à résumer dans ce blog.
Mais au-delà de la connaissance du passé, une veille assidue doit permettre d’anticiper les changements de paradigme, de faire des choix pour garantir la pérennité du code. En anticipant par exemple, en ce moment, l’arrivée de l’INP comme nouvel indicateur des Web Vitals.
Bref, l’intégratrice ou l’intégrateur web a en quelque sorte, un 6ème sens ou le don de prescience. Mais cela ne s’arrête pas là…
Super acuité
Savoir est une chose ; observer et savoir où regarder en est une autre. L’intégration Web demande une certaine perception du code existant afin d’en analyser les faiblesses, pour ensuite proposer les bonnes solutions. Pour cela, il faut maîtriser une multitude d’outils d’analyse ou de validation : PageSpeed Insight, LightHouse Lighthouse est un outil open-source de Google qui permet d'auditer la performance, l'accessibilité, le SEO et les bonnes pratiques des sites web. Il fournit des rapports détaillés et des recommandations pour améliorer les performances. , WebPageTest, ContentSquare (ex DareBoost), YellowLab Tools, Chrome Devtools, Firefox DevTools, la Search console La Search Console est un outil gratuit de Google qui permet aux propriétaires de sites web de surveiller, analyser et optimiser la visibilité de leur site dans les résultats de recherche Google. , les validateurs HTML Le HTML (HyperText Markup Language) est le langage standard utilisé pour structurer et afficher le contenu sur le web. Il définit des éléments comme les titres, paragraphes, liens, images, et autres composants d'une page web. , CSS Le CSS (Cascading Style Sheets) est un langage utilisé pour décrire l'apparence et la mise en page des documents HTML, en définissant des styles comme les couleurs, polices, marges, et positionnements des éléments sur une page web. et RSS du W3C, Xenu ou Arclab, Wave, et bien d’autres.
Bref, comprendre la waterfall Le terme "Waterfall" désigne un modèle d'affichage graphique en cascade des étapes de chargement des ressources d'une page web, utilisé pour analyser les performances et visualiser les temps de chargement de chaque élément. et les entêtes HTTP Le HTTP (HyperText Transfer Protocol) est un protocole utilisé pour transférer des données sur le web, permettant la communication entre un navigateur et un serveur pour afficher des pages web. distinguent la superhéroïne et superhéros de l’intégration web du commun des internautes.
Super élasticité
Chaque site web est différent et pas que visuellement… Il existe une multitude de conceptions de site web. Un site web peut être réalisé à partir d’un simple code HTML, ou avec un framework Un framework est un ensemble d'outils et de bibliothèques qui fournit une structure et des fonctionnalités préétablies pour développer des applications, simplifiant ainsi le travail des développeurs en offrant des solutions prêtes à l'emploi. JS JavaScript est un langage de programmation dynamique principalement utilisé pour ajouter des fonctionnalités interactives aux pages web. Il permet de manipuler le DOM, de gérer des événements, et d'effectuer des requêtes asynchrones. comme React, Vue.js, ou avec CMS comme WordPress WordPress est un système de gestion de contenu (CMS) open-source qui permet de créer et gérer facilement des sites web, des blogs et des boutiques en ligne sans compétences en programmation. , ClassicPress, Drupal qui contiennent tous plus ou moins de plugins divers et variés. Or l’intégratrice ou l’intégrateur web doit pouvoir s’adapter à tous ces environnements. Et comment ? En connaissant la base du code finalement transmis aux navigateurs à savoir l’HTML, le CSS et le Javascript. Tout les outils qui produisent un site internet poussent au final ces trois langages.
Finalement apprendre à utiliser un seul framework, revient qu’à ne gratter la surface du code et ce qu’il fait du code produit devient une boîte noire. Par contre maîtriser les 3 langages HTML, CSS et JavaScript, permet même de « décompiler » ses frameworks et d’en optimiser le fonctionnement, d’en choisir un autre ou de s’en passer.
Super empathie
Au-delà d’être sensible à l’expérience utilisateur et à l’ accessibilité L'accessibilité numérique garantit que les sites et applications sont utilisables par tous, y compris les personnes handicapées, via des pratiques comme l'utilisation de texte alternatif et la navigation au clavier. , l’intégratrice ou l’intégrateur web est à la frontière de nombreux métiers : SEO Le référencement naturel, ou SEO (Search Engine Optimization), est l'ensemble des techniques visant à améliorer la visibilité d'un site web dans les résultats de recherche des moteurs comme Google, sans utiliser de publicité payante. , Développeur, Hébergeur, Graphiste, etc… La compréhension des objectifs et des contraintes de chacun de ces intervenants est essentielle. Pour cela, chez artwaï, tous nos collaborateurs passent la certification qualité web d’opquast.
Notre superhéroïne ou superhéros peut prendre en compte tous les aspects d’un site web mais aussi faire le lien entre les différents corps de métier quitte à réaliser des schémas explicatifs ou mettre en place des tableaux de bord compréhensibles par tous.
Super écolo
Dans le contexte caniculaire que nous vivons, nous sommes tous sensibilisés aux problèmes environnementaux. Là encore, l’intégratrice ou l’intégrateur web doit être vigilant et toujours être force de proposition pour respecter les bonnes pratiques en matière d’écoconception web.
Calculer l’EcoIndex de votre site
Super équipe
Et parce que je ne crois pas au mythe du développeur Full Stack, il est rare que tous ses supers pouvoirs soient réunis au sein d’une seule et même personne. Heureusement, au sein de notre agence de création de site internet, nous disposons de toutes ces supers compétences avec l’envie de progresser et faire progresser chaque jour les projets sur lesquels nous intervenons.
Source : 24joursdeweb.fr
Image par Yulia Matvienko on Unsplash
