https://padlet.com/elianadlc19/3prn43glj7sm Made with a stroke of good luck en-us 2018-05-18 02:38:50 UTC 2018-05-18 03:00:29 UTC hello@padlet.com https://padlet-assets.s3.amazonaws.com/icons/Hearts.png elianadlc19 https://padlet.com/elianadlc19/3prn43glj7sm/wish/261792638 Centro Educativo Santo            Domingo
Eliana De León C.
Prof: Guadalupe Espinosa
XIIºB
17/5/2018]]> 2018-05-18 02:40:33 UTC https://padlet.com/elianadlc19/3prn43glj7sm/wish/261792638 elianadlc19 https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793109 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 re utilizables en documentos y aplicaciones web.]]> 2018-05-18 02:44:15 UTC https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793109 elianadlc19 https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793286 La intención de estos componentes es traer la ingeniería basada en componentes a la World Wide Web. El modelo de componentes permite la encapsulación e interoperabilidad de elementos de HTML individuales.]]> 2018-05-18 02:45:41 UTC https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793286 elianadlc19 https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793427

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-18 02:46:44 UTC https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793427 elianadlc19 https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793505 El ejemplo más típico que veremos por ahí es un mapa de Google. Hoy, si no usamos web components, cuando queremos mostrar un mapa en una página web, tenemos que crear código en tres bloques.]]> 2018-05-18 02:47:33 UTC https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793505 elianadlc19 https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793775

Un HTML con el elemento donde se va a renderizar el mapa

Un CSS para definir algún estilo sobre el mapa, por ejemplo sus dimensiones

Lo más importante, un Javascript para que puedas generar el mapa, indicando las coordenadas que deseas visualizar (para centrar la vista inicial) y muchos otros detalles de configuración que tu mapa necesite.

]]> 2018-05-18 02:49:34 UTC https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793775 elianadlc19 https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793870 Custom Elements: 
Esta especificación describe el método que nos permitirá crear nuevas etiquetas personalizadas, propietarias. Estas etiquetas las podremos ingeniar para dar respuesta a cualquier necesidad que podamos tener. Son los casos básicos que hemos visto en los puntos anteriores de este artículo.]]> 2018-05-18 02:50:15 UTC https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793870 elianadlc19 https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793950  Incorpora un sistema de templating en el navegador. Los templates pueden contener tanto HTML como CSS que inicialmente no se mostrará en la página. El objetivo es que con Javascript se acceda al código que hay dentro del template, se manipule si es necesario y posteriormente se incluya, las veces que haga falta, en otro lugar de la página.]]> 2018-05-18 02:50:53 UTC https://padlet.com/elianadlc19/3prn43glj7sm/wish/261793950 elianadlc19 https://padlet.com/elianadlc19/3prn43glj7sm/wish/261794044 Permite importar un pedazo de código que podrás usar en un lugar de tu página. Ese código podrá tener HTML, CSS y Javascript. El HTML no se visualizará directamente en la página, pero lo podrías acceder con Javascript e inyectar en algún lugar.]]> 2018-05-18 02:51:36 UTC https://padlet.com/elianadlc19/3prn43glj7sm/wish/261794044 elianadlc19 https://padlet.com/elianadlc19/3prn43glj7sm/wish/261794122 Este sistema permite tener una parte del DOM oculta a otros bloques de la página. Se dice comúnmente que estamos encapsulando parte del DOM para que no interfiera con otros elementos de la página. ]]> 2018-05-18 02:52:15 UTC https://padlet.com/elianadlc19/3prn43glj7sm/wish/261794122