My fancy wall by https://padlet.com/kennethsoft/ktnxs7nz3odo Made with big dreams en-us 2018-05-17 12:14:32 UTC 2018-05-24 12:23:58 UTC hello@padlet.com Kenneth Concepción kennethsoft https://padlet.com/kennethsoft/ktnxs7nz3odo/wish/261545009 X°A
17/5/2018
Web Comporenent]]> 2018-05-17 12:17:31 UTC https://padlet.com/kennethsoft/ktnxs7nz3odo/wish/261545009 Concepto web component kennethsoft https://padlet.com/kennethsoft/ktnxs7nz3odo/wish/261545982 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 JavaScript y estilos CSS, recibiendo el nombre de componentes.]]> 2018-05-17 12:20:18 UTC https://padlet.com/kennethsoft/ktnxs7nz3odo/wish/261545982 Caracteristicas kennethsoft https://padlet.com/kennethsoft/ktnxs7nz3odo/wish/261549622
Elementos personalizado
Hay dos tipos de elementos personalizados: autónomos e integrados.
 Importar HTML
HTML import es una herramienta para incluir documentos HTML y componentes web de fuentes externas sin necesidad de utilizar peticiones AJAX y métodos similares.
La sintaxis para hacer una importación HTML es la siguiente:
<link rel="import" href="mydocument.html">

]]> 2018-05-17 12:29:06 UTC https://padlet.com/kennethsoft/ktnxs7nz3odo/wish/261549622 Soporte del navegador kennethsoft https://padlet.com/kennethsoft/ktnxs7nz3odo/wish/261553982 Las plantillas HTML tienen soporte en Google Chrome, Mozilla Firefox, Edge de Microsoft, Safari, y Ópera.
La compatibilidad con la versión inicial de elementos personalizados y Shadow DOM, conocida como "v0", está presente en algunos navegadores basados en Blink como Google Chrome y Opera, y en Mozilla Firefox (requiere un cambio de configuración manual). http://www.islabit.com/wp-content/uploads/2018/02/navegadores-web-3.jpg

]]> 2018-05-17 12:40:49 UTC https://padlet.com/kennethsoft/ktnxs7nz3odo/wish/261553982 Manual de Web Components kennethsoft https://padlet.com/kennethsoft/ktnxs7nz3odo/wish/261554713 1-Especificación Custom Elements, explicaciones y práctica
Cómo realizar Custom Elements con JavaScript básico, basando los estándares de los Web Components y sin usar ninguna librería.
2-Extendiendo elementos en Web Components
Cómo extender unos componentes a base de otros componentes, creando nuevos Custom Elements, con JavaScript nativo. 
3-Ciclo de vida en los Web Components
Qué es el ciclo de vida en los Web Components y cómo podemos ejecutar acciones en diferentes estados de los componentes. ]]> 2018-05-17 12:42:29 UTC https://padlet.com/kennethsoft/ktnxs7nz3odo/wish/261554713