-
Lección¿Qué es Svelte?
Svelte es un framework reactivo para hacer aplicaciones web con JavaScript, con el que podemos hacer aplicaciones web sencillas pero potentes, interactivas y ricas. En este primer episodio del curso os explico qué es un framework web reactivo, el diseño orientado a componentes y una descripción de en qué consiste... -
LecciónTemporada 1
Aquí empieza la primera temporada de mi curso de TypeScript. Este vídeo ni siquiera es una introducción a TypeScript. Busco contarte cómo voy a orientar este curso y qué puedes esperar de él. -
Lección✱ Asterisco: Todo sigue igual (2020)
Una revisión un año después al estado de los estándares para ver si sigue habiendo cosas nuevas que contar y para probar que la lista sigue viva. El resumen es que no. -
LecciónCustomized built-in elements
Los customized built-in elements son una alternativa a los autonomous elements, cuando únicamente queremos alterar la presentación de un componente sin vernos forzados a reinventar la accesibilidad, eventos de teclado, o todo lo que una etiqueta HTML normal haría. -
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ó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ó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.