Web Components – Una introducción para su testing

web_componentsLos Web Components permiten a los desarrolladores extender el HTML, para crear sus propias etiquetas que resuelvan cualquier tipo de necesidad, o usar las etiquetas creadas por otros desarrolladores.

Lo importante aquí es saber que afectará de manera crítica al estilo para desarrollar páginas y aplicaciones web.

Como todos los navegadores modernos son capaces de usar Web Components, entonces debemos conocer mayores detalles para analizar y evaluar de qué manera podemos testearlos.

Hay un taller gratis de la mano de la gente de desarrolloweb.com que estarán ofreciendo proximamente. Aclaro que no tengo nada que ver con ellos, solo les informo por si alguno quiere asistir y después compartir lo que haya aprendido entre nos.

La agenda es la siguiente:

Martes 01/12 – 18:00 (Horario de Madrid, CET, GMT+1)
Introducción a Web Components

Miércoles 02/12 – 18:00 (Horario de Madrid, CET, GMT+1)
Creación Web Components con Javascript estándar

Jueves 03/12 – 18:00 (Horario de Madrid, CET, GMT+1)
Comparativa desarrollo Web Components usando / sin usar la librería Polymer

Desde esta página podrás ver el acceso a la Suscripción, que luego de completarla te solicitará que la confirmes desde tu correo.
Una vez completado este paso, te llegará otro correo donde te anunciarán que la suscripción ha sido confirmada.

polymer_libraryAhora bien, y como para algunas cosas soy un poco impaciente, buscaré un poco de info para compartirles y además, elaboraré un mapa mental como para tener a mano los conceptos e ideas principales que después me sirvan para avanzar sobre el tema, llegado el caso.

Bueno, comencemos por el principio.

Web Components es el nombre dado por la WC3 (World Wide Web Consortium) a un estándar de tecnologías que permiten crear elementos web propios. Es así que se podrá encapsular los componentes de la aplicaciónen etiquetas HTML5.

Esta compuesto por tres tecnologías:

Un poco de info acerca de HTML5 Web Components no nos vendrá mal

y algo sobre Introduction to Unit Testing

y desde Mozilla, podemos ver que hay herramientas para la gestión de los mismos

 

y finalmente, para un próximo artículo, ¿Cómo testear un web component?
por lo pronto hay que analizar el siguiente tema: Unit Testing Polymer elements

 

Fuente de inspiración:
http://webcomponents.org/articles/web-components-best-practices/
https://platzi.com/blog/caracteristicas-polymer/
https://developer.mozilla.org/en-US/Apps/Tools_and_frameworks/Web_components
https://gist.github.com/addyosmani/b318ca7618eed38c05e1
https://en.wikipedia.org/wiki/Web_Components
http://www.w3.org/TR/components-intro/
http://w3c.github.io/webcomponents/spec/shadow/
http://w3c.github.io/webcomponents/spec/custom/
http://w3c.github.io/webcomponents/spec/imports/

 

Gus Terrera

Apasionado por el agile testing y la ia.

Deja una respuesta