Intégration web à Rennes

Viser l’excellence dans chaque ligne de code

Nous proposons des prestations de développement front-end premium, au service du pixel perfect et des performances de votre site internet.

Intégration Web / développement Front-End

Dev front-end

Refléter parfaitement votre identité, tout en vous garantissant un site web léger et réactif

Notre approche du développement front-end allie rigueur technique et sensibilité esthétique. Spécialisés dans l’intégration web haut de gamme, nous accordons une attention particulière aux détails qui font la différence : respect scrupuleux des maquettes, animations fluides et temps de chargement optimisés.

Notre méthodologie

Nos prestations d’intégration web suivent un processus rigoureux et structuré.

Après un kickoff réunissant les différents experts en charge du projet, nous mettons en place l’infrastructure de développement de votre projet (plateforme de développement, GIT, processus de déploiement).

En parallèle, des ateliers d’UX Design sont organisés par notre partenaire Polux, pour concevoir les maquettes desktop et mobile de votre site ou de votre application web.

Une fois les maquettes graphiques validées par vos soins et optimisées par nos dev front, nous passons à leur intégration (ou développement front), ainsi qu’au développement éventuel de fonctionnalités spécifiques (lien avec votre CRM, API…).

Nous testons les performances de chaque page type intégrée grâce à notre outil d’audit de site web MilleCheck, pour nous assurer qu’elle répond parfaitement à nos critères qualité.

Vient ensuite la phase de recette, puis de mise en production finale (passant parfois par une phase de préproduction, lorsque cela est possible). À nouveau, nous réalisons des tests qualité poussés, afin de vous garantir un site internet ou une application 100% conforme aux standards.

En complément et selon vos besoins, nous pouvons intégrer à ce processus :

  • Des recommandations SEO (arborescence, mots-clés, champ lexical, mise en place de redirections)
  • La création d’un design system
  • Un plan de marquage (GA4…)
  • Des prestations de maintenance (mises à jours régulières et copils de suivi)

Prendre rendez-vous

artwaï, intégrateur web à Rennes

Depuis sa création en 2005, artwaï considère que l’intégration web ou développement front end est un métier à part entière. En d’autres termes, un métier qui s’assoit sur une solide connaissance du rôle de chaque couche web et de leur implémentation dans les navigateurs.

 

HTML

Hypertext Markup Language,

c’est-à-dire un langage de balisage conçu pour représenter les pages web

CSS

Cascading Style Sheets,

en bref des feuilles de style en cascade qui décrivent la présentation des documents HTML

JS

Javascript,

avant tout employé dans les pages web interactives et aussi standardisé sous le nom standard ECMA-262.

C'était très agréable de travailler avec vous, vous m'avez réconcilié avec les agences web :D
Aurélien - Samsic

HTML :

Hypertext Markup Language

Pensé en 1989, par Tim Berners Lee, il est à la base de toutes les pages web.

En bref, il définit et structure un document et les liens avec d’autres contenus.

Traduction des morceaux choisis :

“Je parle du HTML, le langage de balises. Le plus intéressant, c’est sa simplicité. On peut créer des pages avec du texte, des images, voire du multimédia, si la bande passante est puissante. (…) Berners-Lee a remis le mode d’emploi du HTML, mais aussi du HTTP, le protocole de transfert. (…) Avec le HTTP, un ordinateur peut devenir client et serveur pour échanger des fichiers. (…)

J’aimerais revenir sur un point essentiel. La simplicité.

Le HTML et le HTTP sont d’une simplicité stupéfiante.

Ce genre d’élégance prend en compte la souplesse,

l’universalité. Un langage universel.”

Extrait de Halt and Catch Fire.

CSS : Cascading Style Sheets

Définition

En premier lieu, les feuilles de style en cascade définissent le look de la page.

Avant sa création 1996, l’HTML utilisait des balises dédiées à la mise en forme comme l’horrible balise <font> pour définir la couleur d’un texte ou bien les tableaux pour faire des colonnes…

Désormais, le fond et la forme sont séparés. Il suffit de lier un fichier CSS à un document HTML pour lui attribuer une mise en forme. Le meilleur démonstrateur depuis 2003 de l’intégration web HTML/CSS reste à ce jour, zen garden qui permet d’attribuer un design différent à une même page.

Sans CSS pas de responsive !

Avec les Media Queries recommandés depuis 2012 dans la version 3 de CSS, un site peut s’adapter au terminal qui le consulte. En conséquence, smartphone, tablette, laptop ou desktop peuvent accéder à la même URL sans qu’il faille développer un code spécifique pour chacun. D’ailleurs, Google indexe aussi bien le contenu mobile que desktop, et privilégie les sites qui ont le même contenu pour les deux.

A la base d’un développement front end

En ce qui nous concerne, artwaï défend qu’un document peut être complètement exploitable et “user friendly” avec ces 2 seuls langages HTML et CSS.

Cependant, la plus grosse difficulté des CSS est qu’un projet grossissant, le code dans les CSS aussi. Et en ce qui concerne la web performance, un projet ne peut plus se permettre des CSS trop lourdes à charger. C’est pourquoi artwaï a développé à travers son expérience, notamment au sein de plusieurs centres de service web, des méthodes et des outils pour produire et auditer la qualité de l’intégration web, de manière à ce qu’ils soient les plus efficaces possibles.

JS : Javascript

The good

JavaScript rend les pages web interactives !

Créé en 1995 par Brendan Eich, javascript a été standardisé sous le nom d’ECMAScript en juin 1997 par Ecma International dans le standard ECMA-262. Le standard ECMA-262 en est actuellement à sa 8e édition. Cette technologie est indispensable pour :

  • interroger de manière asynchrone (ou non) des données externes à l’interface en cours comme des API de cartographie, de réseaux sociaux, ou autres,
  • créer un système de chat,
  • l’autocompletion,
  • exploiter la balise canvas en 2D ou en 3D,
  • et pleins d’autres choses encore.

De surcroît, Javascript est fonctionnellement un poids lourd indispensable du développement front end pour des interfaces avancées et pourtant…

The Bad

Le poids lourd est souvent trop lourd. Le JS a été adopté pour tout et n’importe quoi. En effet, sur un poids moyen de page 1,4 Mo le JS représente bien trop souvent 50% de ce poids…

Autrefois indispensable pour certains effets visuels et la vérification de formulaire, les CSS 3 et HTML 5 ont largement de quoi leur prendre certaines fonctionnalités et manière cohérente.

Ainsi, même les créateurs du Javascript comme Douglas Crockford, ont été obligés de faire des livres pour décrire les bonnes pratiques de ce langage.

No Fucking JS Spirit

Pour ces raisons, artwaï revendique d’avoir des experts JS connaissant ces bonnes pratiques. Et en même temps, artwaï préconise le “No Fucking JS Spirit” pour inciter nos intégrateurs à penser leur conception sans JS même en développement front end en utilisant au maximum l’HTML et le CSS avec pour leitmotiv “Dans tous les cas la page web doit être accessible sans JS”.

Intégration web selon artwaï

En plus des points de contrôle de qualité et web performance remontés par notre outil tout-en-un MilleCheck.ai, nous pratiquons régulièrement les différents référentiels, en particulier ceux normés par le W3C, les normes d’accessibilité, et les recommandations des principaux navigateurs.

En définitive, ces 3 langages interviennent de plus en plus en développement front end et au delà des sites web. Ils interviennent, par exemple, dans les applications mobiles ( weather’n’ride ), mais aussi dans des objets embarqués ( Megavi connect ), voire même en tant que système d’exploitation ( tyzen de samsung ). En fin de compte, artwaï reste en veille permanente sur les technologies web pour suivre leur évolution et donc leurs nouveaux domaines d’application en dev front-end.