Componentes Web by Aldair Lasso https://padlet.com/lassoaldair23/v4wc8b3c9lff en-us 2018-05-17 20:53:02 UTC 2024-10-31 19:28:56 UTC hello@padlet.com Concepto: lassoaldair23 https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261750352 Los componentes web son un conjunto de características que actualmente están siendo añadidas por el W3C a las especificaciones HTML y DOM de forma que permite la creación de widgets o componentes reutilizables en documentos y aplicaciones web.]]> 2018-05-17 21:20:18 UTC https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261750352 Infografía lassoaldair23 https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261750583 https://es.wikipedia.org/wiki/Componentes_web
https://developer.mozilla.org/es/docs/Web/Web_Components

]]> 2018-05-17 21:21:48 UTC https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261750583 Tecnologías lassoaldair23 https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261750977 Los Componentes Web consisten en cuatro tecnologías (sin embargo cada una puede ser usada por separado):]]> 2018-05-17 21:23:54 UTC https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261750977 Elementos Personalizados lassoaldair23 https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261751145 son una característica que permite crear tus propios elementos HTML personalizados. Pueden tener un comportamiento personalizado y estilos CSS propios.
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-17 21:25:00 UTC https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261751145 Plantillas HTML lassoaldair23 https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261752038 Es un mecanismo para mantener el contenido del lado del cliente que no se renderiza cuando se carga una página, pero que posteriormente puede ser instanciado durante el tiempo de ejecución empleando JavaScript.

]]> 2018-05-17 21:29:47 UTC https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261752038 Shadow DOM lassoaldair23 https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261754069 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-17 21:42:49 UTC https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261754069 Importar HTML lassoaldair23 https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261754642  Es una herramienta para incluir documentos HTML y componentes web de fuentes externas sin necesidad de utilizar peticiones AJAX y métodos similares.]]> 2018-05-17 21:46:40 UTC https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261754642 Bibliotecas lassoaldair23 https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261757616 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-17 22:10:25 UTC https://padlet.com/lassoaldair23/v4wc8b3c9lff/wish/261757616