WEB COMPONENTS by

WEB COMPONENTS

meli_0101 — 2018-05-18 20:24:59 UTC

meli_0101 — 2018-05-18 20:26:18 UTC

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.

meli_0101 — 2018-05-18 20:26:51 UTC

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.

meli_0101 — 2018-05-18 20:27:39 UTC

CARACTERÍSTICAS:

meli_0101 — 2018-05-18 20:28:12 UTC

Elementos personalizados - APIs para definir elementos HTML nuevos.
Sombra DOM - DOM y estilos encapsulados, con composición.
Importaciones de HTML - Métodos declarativos para importar documentos HTML a otros documentos.
Plantillas de HTML - El elemento template que permite que los documentos contengan trozos inertes del DOM.

meli_0101 — 2018-05-18 20:32:07 UTC

meli_0101 — 2018-05-18 20:32:28 UTC

meli_0101 — 2018-05-18 20:32:48 UTC

meli_0101 — 2018-05-18 20:33:40 UTC

Web Components no están implementados completamente en todos los navegadores todavía, y por lo tanto para usarlos en la mayoría de navegadores (enero de 2015) probablemente necesitarás usar polyfills para rellenar los huecos en la cobertura de los navegadores.

meli_0101 — 2018-05-18 20:35:24 UTC

Los web components son un estándar del W3C que nos permiten desglosar el desarrollo de aplicaciones web en pequeños contenedores que encapsulan marcado, código JavasScript y estilos CSS, recibiendo el nombre de componentes.

ORIGEN:

meli_0101 — 2018-05-18 20:36:13 UTC

Los web components surgieron como propuesta por parte de Google a la W3C, prácticamente a la par que el framework MVC de JavaScript AngularJS, también creado por la compañía del buscador.

meli_0101 — 2018-05-18 20:57:58 UTC

meli_0101 — 2018-05-18 21:02:33 UTC

Suponen una revolución en el mundo del desarrollo Web en términos de reutilización y encapsulación de código cliente, ya que permiten encapsular código HTML, CSS y JavaScript, de forma que no puede ser afectado por el código de la página que lo incluye. Si queremos modificar el estilo de un Web Component desde fuera de su código, podemos hacerlo, pero tendría que ser a propósito.

meli_0101 — 2018-05-18 21:03:22 UTC

Para poder empezar a usar un Web Component, sólo tenemos que importarlo desde la cabecera o etiqueta head de la página que lo vaya a usar mediante la siguiente etiqueta:

meli_0101 — 2018-05-18 21:05:32 UTC

Los Web Components necesitan ejecutar JavaScript para casi todas las tecnologías que utilizan, pero aparentemente Google está mejorando la indexación mediante la ejecución de JavaScript, permitiendo que los Web Components sean indexados.