# data[].attributes.body
10ºA
17-5-2018
web componet

# data[].attributes.body
Los Web Components son 4 especificaciones que nos permiten extender el desarrollo para la web por medio de componentes web que cualquier desarrollador podría realizar.

# data[].attributes.headline
Las principales características de los componentes web son 4 y pueden utilizarse juntas o por separado:

# data[].attributes.subject
Las principales características de los componentes web son 4 y pueden utilizarse juntas o por separado:

# data[].attributes.body
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.

# data[].attributes.headline
ejemplo interactivo: tecnologias que se usan.

# data[].attributes.subject
ejemplo interactivo: tecnologias que se usan.

# data[].attributes.attachment_link.description
Agencia SEO para grandes marcas nacionales e internacionales.

# data[].attributes.body
La especificación de los Web Components empezó a desarrollarse hace aproximadamente un par de años, aunque algunas de las tecnologías que utiliza empezaron antes. 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.

# data[].attributes.body
Web components no es una tecnología por sí misma, se basan en el uso combinado de cuatro tecnologías que pueden ser utilizadas de forma independiente y que detallo a continuación:

Custom Elements: permite definir nuevos tipos de elementos.

HTML Imports: permite importar archivos HTML dentro de otro HTML para su reutilización mediante la etiqueta link que hemos visto antes.

Templates: las plantillas permiten crear trozos de HTML que pueden ser replicados tantas veces como sea necesario.

Shadow DOM: esta especificación es la más importante y difícil de entender.

# data[].attributes.body
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:

<link rel="import" href="ejemplo-componente.html">

Dentro de ese HTML tendremos todo el código HTML, JavaScript y CSS necesario para su funcionamiento.

# data[].attributes.body
La especificación de los Web Components empezó a desarrollarse hace aproximadamente un par de años, aunque algunas de las tecnologías que utiliza empezaron antes. 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.