My glorious wall by https://padlet.com/modezelenis_1506/7h4ha3774w6f Made with eyes on the prize en-us 2018-05-17 12:13:55 UTC 2018-05-24 12:25:57 UTC hello@padlet.com lianneth garces modezelenis_1506 https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261545088 10ºA
17-5-2018
web componet]]> 2018-05-17 12:17:42 UTC https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261545088 concepto de web componet modezelenis_1506 https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261545985 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.]]> 2018-05-17 12:20:19 UTC https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261545985 Las principales características de los componentes web son 4 y pueden utilizarse juntas o por separado: modezelenis_1506 https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261551330
  • 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.
]]> 2018-05-17 12:34:08 UTC https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261551330 En qué consisten modezelenis_1506 https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261553785 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.

]]> 2018-05-17 12:40:17 UTC https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261553785 ¿Cómo se usan? modezelenis_1506 https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261554556 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.

]]> 2018-05-17 12:42:01 UTC https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261554556 Tecnologías que usan modezelenis_1506 https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261555182 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.
]]> 2018-05-17 12:43:46 UTC https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261555182 ejemplo interactivo: tecnologias que se usan. modezelenis_1506 https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261556149 2018-05-17 12:46:11 UTC https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/261556149 En que consiste modezelenis_1506 https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/263320450 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.

]]> 2018-05-24 12:22:48 UTC https://padlet.com/modezelenis_1506/7h4ha3774w6f/wish/263320450