Web Components by Soph. https://padlet.com/sophtookthesea/akwwua81lmft Hecho con una mente abierta en-us 2018-05-18 01:04:30 UTC 2025-10-16 14:36:28 UTC hello@padlet.com https://padlet-assets.s3.amazonaws.com/icons/Clouds.png WEB COMPONENTS sophtookthesea https://padlet.com/sophtookthesea/akwwua81lmft/wish/261778104 ¿Qué es?
Web Components constiste en distintas tecnologías independientes. Puedes pensar en Web Components como en widgets de interfaz de usuario reusables que son creados usando tecnología Web abierta. Son parte del navegador, y por lo tanto no necesitan bibliotecas externas como jQuery o Dojo.]]> 2018-05-18 01:06:16 UTC https://padlet.com/sophtookthesea/akwwua81lmft/wish/261778104 sophtookthesea https://padlet.com/sophtookthesea/akwwua81lmft/wish/261778780 ¿Cómo se puede usar?
Un Web Component puede ser usado sin escribir código, simplemente añadiendo una sentencia para importarlo en una página HTML. Web Components usa capacidades estándar, nuevas o aún en desarrollo, del navegador.]]> 2018-05-18 01:11:05 UTC https://padlet.com/sophtookthesea/akwwua81lmft/wish/261778780 sophtookthesea https://padlet.com/sophtookthesea/akwwua81lmft/wish/261779104 ¡Para recordar!
A veces hay confusión respecto a Web Components y Google Polymer. Polymer es un framework que está basado en las tecnologías Web Components. Puedes hacer y usar Web Components sin Polymer.]]> 2018-05-18 01:12:48 UTC https://padlet.com/sophtookthesea/akwwua81lmft/wish/261779104 sophtookthesea https://padlet.com/sophtookthesea/akwwua81lmft/wish/261779308 ¿En qué tecnologías consiste?

]]> 2018-05-18 01:14:01 UTC https://padlet.com/sophtookthesea/akwwua81lmft/wish/261779308 sophtookthesea https://padlet.com/sophtookthesea/akwwua81lmft/wish/261779637 CARACTERÍSTICAS:
Elementos personalizados
Hay dos tipos de elementos personalizados: autónomos e integrados. Los elementos personalizados autónomos son elementos HTML completamente diferenciados de los elementos HTML nativos, se construyen esencialmente desde abajo hacia arriba utilizando la API de elementos personalizados. Los elementos personalizados integrados son elementos que se construyen sobre elementos HTML nativos para reutilizar su funcionalidad.

]]> 2018-05-18 01:15:56 UTC https://padlet.com/sophtookthesea/akwwua81lmft/wish/261779637 sophtookthesea https://padlet.com/sophtookthesea/akwwua81lmft/wish/261780231 CARACTERÍSTICAS:
Shadow Dom:
Shadow DOM es una funcionalidad que permite al navegador web renderizar elementos DOM sin necesidad de insertarlos en el árbol principal DOM del documento. Esto crea una barrera entre lo que el desarrollador y el navegador pueden alcanzar; el desarrollador no puede acceder al Shadow DOM de la misma manera que lo haría con los elementos anidados, mientras que el navegador puede renderizar y modificar ese código de la misma manera que lo haría con los elementos anidados. ]]> 2018-05-18 01:19:27 UTC https://padlet.com/sophtookthesea/akwwua81lmft/wish/261780231 sophtookthesea https://padlet.com/sophtookthesea/akwwua81lmft/wish/261780439 Historia:
Los componentes web fueron introducidos por Alex Russell en la conferencia Fronteers Conference de 2011.
Polymer, una biblioteca basada en componentes web, fue liberada por Google en 2013

]]> 2018-05-18 01:20:54 UTC https://padlet.com/sophtookthesea/akwwua81lmft/wish/261780439 sophtookthesea https://padlet.com/sophtookthesea/akwwua81lmft/wish/261780829 Bibliotecas:
Hay varias librerías que están construidas sobre componentes web con el objetivo de aumentar el nivel de abstracción al crear elementos personalizados. Cuatro de las bibliotecas más importantes son: X-Tag, Slim.js, Polymer y Bosonic.
Dos de ellos, Bosonic y Polymer, proporcionan componentes listos para usar. Estos componentes se pueden utilizar indistintamente, ya que todos ellos están construidos con tecnologías web abiertas.

]]> 2018-05-18 01:23:11 UTC https://padlet.com/sophtookthesea/akwwua81lmft/wish/261780829