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.
Hypertext Markup Language
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.
,
c’est-à-dire un langage de balisage conçu pour représenter les pages web
Cascading Style Sheets
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.
,
en bref des feuilles de style en cascade qui décrivent la présentation des documents HTML
Javascript
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.
,
avant tout employé dans les pages web interactives et aussi standardisé sous le nom standard ECMA-262.
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.
“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 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. , 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.
En premier lieu, les feuilles de style en cascade définissent le look de la page.
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 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 HTML/CSS reste à ce jour, zen garden qui permet d’attribuer un design différent à une même page.
Avec les Media Queries Les media queries sont une fonctionnalité CSS qui permet d'appliquer des styles spécifiques en fonction des caractéristiques de l'appareil utilisé, comme la taille de l'écran, pour rendre les sites web adaptatifs (responsive design). 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 Une URL (Uniform Resource Locator) est l'adresse unique d'une ressource sur Internet, comme une page web, une image ou un fichier, permettant de la localiser et d'y accéder via un navigateur. 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.
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
La Webperf désigne l'optimisation des performances d'un site web pour accélérer son chargement et améliorer l'expérience utilisateur, grâce à des techniques comme le caching, la compression, et la réduction des fichiers.
, 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.
JavaScript rend les pages web interactives !
Créé en 1995 par Brendan Eich, javascript a été standardisé sous le nom d’
ECMAScript
ECMAScript est une norme de langage sur laquelle JavaScript est basé, définissant la syntaxe et les fonctionnalités pour assurer un fonctionnement cohérent sur différentes plateformes.
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 :
De surcroît, Javascript est fonctionnellement un poids lourd indispensable du développement front end pour des interfaces avancées et pourtant…
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 Mo (Mégaoctet) est une unité de mesure informatique équivalente à 1 024 Ko ou 1 048 576 octets. Il est utilisé pour mesurer la taille des fichiers ou la quantité de données dans un système numérique. 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.
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”.
En plus des points de contrôle de qualité et web performance remontés par notre outil MilleChecki.ai, nous pratiquons régulièrement les différents référentiels, en particulier ceux normés par 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. , les normes d’ 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. , 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.