Seleccionar página
Web Components: pasado, presente y futuro

Web Components: pasado, presente y futuro

Aunque cueste creerlo, los Web Components se presentaron por primera en el año 2011 y su primera especificación en borrador es de 2012. Antes había habido algunos intentos de crear componentes para el entorno web, pero carecían de suficiente nivel de estandarización y...
Adaptar un componente web para Microsoft Edge

Adaptar un componente web para Microsoft Edge

Microsoft Edge es un navegador moderno, con un rendimiento muy aceptable, herramientas de depuración avanzadas, un soporte bastante aceptable de la mayoría de los estándares, pero en el caso de los componentes web tenemos un problema: su soporte es bastante limitado,...
12 pasos para construir un componente web

12 pasos para construir un componente web

Tabla de contenido 1. Diseño de la interacción con el usuario 2. Nombre del componente web 3. Cargar el componente web 4. Definir el API de nuestro componente web 5. Light DOM, Shadow DOM y gestión del estado 6. Observar los cambios en el Light DOM 7. Observar los...
¿Qué pasa con import y los web components?

¿Qué pasa con import y los web components?

Cuando uno ha desarrollado un Web Component le interesa poder utilizar este componente de una forma sencilla en otros proyectos, es decir, utilizar algún tipo de import. Copiar y pegar el código es una técnica que todos hemos utilizado en alguna ocasión, pero no es...
Template a fondo

Template a fondo

Hoy vamos a profundizar en dos formas de crear contenido en un componente, aunque ambas se llaman template son muy diferentes entre sí. Una de ellas, la etiqueta template, se considera como uno de los pilares de los Web Components; la otra, las template string de...
Light DOM a fondo

Light DOM a fondo

Los elementos HTML que incluimos dentro de un Custom Tag se denominan Light DOM. Funciona de forma diferente si tenemos o no un Shadow DOM definido. En el último artículo donde analizamos a fondo el Shadow DOM todos los ejemplos los hemos creado sobre elementos que no...