Les Web Components

Développement
#1

Connaissez-vous/utilisez-vous/aimez-vous/que pensez-vous des Web Components ?

Pour ceux qui ne sont pas familiers avec, ils découlent d’une initiative du W3C, officialisée avec HTML5 et soutenue par Google et Mozilla au travers de leur librairie respective Polymer et X-tags.

Comme on peut le voir sur le site du W3C, tout n’est pas encore standardisé.
Seuls Chrome et Firefox (un peu moins) gèrent pour le moment les fonctionnalités majeures que sont :

  • Les Custom Elements : permet de créer un nouveau type d’élément
  • L’HTML Imports : permet d’inclure et du réutiliser du contenu HTML
  • Les Templates : permet de créer des formats prédéfinis
  • Le Shadow DOM : permet d’encapsuler du JavaScript et du CSS

Les components sont des éléments HTML configurables par attributs et qui peuvent représenter tout et n’importe quoi : une map, une requête AJAX, une toolbar, un modal… le tout sans une seule ligne de JavaScript ou de CSS !

L’intérêt est bien sûr de les partager. Des banques d’éléments commencent déja à voir le jour comme par exemple customelements.io avec déjâ plus de 600 éléments.

Les enjeux me semblent assez pertinents : non seulement un web bien plus compréhensible mais également une productivité accrue pour le développeur.

Pour ma part, je suis intimement convaincu que le web du futur sera composé de Web Components !

Si cela intéresse quelqu’un plus en détail n’hésitez pas à me contacter :)

2 « J'aime »
#2

Un article intéressant à ce sujet chez Korben :
http://korben.info/initiation-polymer-le-nouveau-framework-web-de-google.html

1 « J'aime »
#3

Effectivement j’ai vu passer ça dans la journée.

Quelques détails me chagrinent mais principalement :

  • Polymer n’est pas “nouveau” comme l’indique le titre, cela à déjà plus de 2 ans mais Korben vient surement seulement de le découvrir.
  • Ce n’est pas un framework mais seulement une simple librairie.

Je vois de plus en plus d’articles sur le sujet c’est sympa :)

#4

Alors j’ai fait un projet avec Polymer pour un client.

Pour un développeur c’est super agréable, c’est une approche beaucoup plus naturelle et intuitive que d’utiliser un framework JS MV*. Ca m’a fait un peu la même impression que le jour où je suis passé à la programmation fonctionnelle.

Pour un testeur un composant est très facile à isoler donc c’est un régal à tester et à documenter, on fait un petit fichier demo.html qui explique le fonctionnement du component, on peut le tester manuellement en complète isolation de l’appli, c’est vraiment super.

Au niveau sketching, c’est aussi beaucoup plus facile de communiquer avec le client, on peu dire, il y aura tel composant qui fait ça, un tel autre qui affiche ça… j’ai trouvé que ça avait facilité beaucoup l’échange avec le client.

Donc une première impression vraiment très positive.

1 « J'aime »
#5

Bonjour, pour rebondir sur le sujet, il y a un article très complet sur le sujet dans Le Magazine N°54 de Octobre - Novembre 2014 de Developpez.com l’article en question qui s’intitule:

 Debat:Les Web Components, pour le meilleur et pour le pire ?

par Sylvain Pollet-Villard se trouve aussi sur le site http://sylvainpv.developpez.com/publications/web-components-debat/

#6

J’ai lu cet article le mois dernier en préparant ma conférence aux Human Talks Montpellier sur les Web Components et Polymer.

Je le trouve vraiment négatif, on sent que l’auteur n’apprécie pas vraiment les Web Components :)

PS : Cette année le Santa Tracker de Google est fait avec Polymer !

#7

Voici une série de vidéos sur les fondements des web components :
https://youtu.be/361Dqunfkqo

Human Coders - Le centre de formation recommandé par les développeur·se·s pour les développeur·se·s