-
LecciónSlots de Shadow DOM
Con slots, se puede disponer de un sistema para preparar placeholders en un template HTML insertado en un Custom Element, para poder especificar declarativamente el contenido de esa etiqueta usando únicamente lenguaje de marcado. -
LecciónShadow DOM
Shadow DOM es una API para encapsular el DOM de un componente, con el objetivo de que no se pueda alterar su presentación o sus eventos DOM desde fuera. -
Lección✱ Asterisco: Microframeworks y JSX
Un pequeño inciso para hablar acerca de los microframeworks, las microlibrerías y otras maneras de obtener usando vanilla JS un comportamiento similar al de JSX. -
LecciónCustom Elements usando HTML Templates
Ahora que hemos visto en qué consisten las templates de HTML5, podemos ver cómo integrar una template y extraer su contenido, para incorporarla en un Custom Element. -
Lección✱ Asterisco: Documentos DOM
Un pequeño inciso para hablar sobre documentos DOM y sobre por qué no es posible usar directamente los nodos DOM que cuelgan de un HTML template en el documento maestro. -
LecciónLa etiqueta template de HTML5
La etiqueta template forma parte del estandar HTML5 y permite disponer de fragmentos DOM que no son visibles en la página web, pero que pueden ser manipulados mediante JavaScript. -
LecciónTu primer Web Component
En este vídeo usamos la API Custom Elements para fabricar un Custom Element (una de las tecnologías que integra Web Components), explicando cómo funciona la API de Custom Elements. -
Lección¿Por qué existe la tecnología Web Components?
Cuando hagamos aplicaciones web, donde tengamos varios elementos que se van a estar compartiendo entre distintas páginas de la aplicación, como un botón de suscripción o un componente de imagen, usar componentes reusables nos ayudará a desacoplar el código y facilitar el mantenimiento y evolución de la página cuando haya... -
LecciónPolyfills para Web Components
Nos caemos del guindo: Web Components no funciona en todas partes. En este vídeo, exploramos cómo con un polyfill podemos hacer que Web Components funcione en Microsoft Edge, Internet Explorer, o Safari. -
LecciónGoto
Goto es una sentencia que te permite cambiar el flujo de ejecución de un programa de formas que probablemente no deberías de todos modos. En este vídeo te explico cómo crear etiquetas, cómo insertar un goto, por qué tal vez no sea lo óptimo, y algunas soluciones al respecto.