• Explorar lecciones
  • Temas
  • Foros
YouTube
  • Tipo de contenido
    • Todo
    • Lecciones
    • Cursos
  • Ordenar resultados
    • Recientemente actualizado
    • Más vistos
    • En tendencia
  • Filtrar contenido
    • Ocultar contenido obsoleto
    • Ocultar lecciones sin artículo
  • Explorar tema
    • Cualquier tema
    • C
    • Elixir
    • Git
    • Go
    • JDBC
    • JPA
    • JUnit
    • Jakarta
    • Java
    • JavaScript
    • Patrones de diseño
    • Quarkus
    • Svelte
    • Web Components
    • libGDX
Filtros activos: Sólo lecciones Tema: Web Components
  • Lección

    Eventos y reactividad

    Los eventos habilitan una característica muy interesante de este tipo de frameworks: la reactividad. Con la reactividad se puede hacer que automáticamente los componentes actualicen su presentación en el momento en el que se producen modificaciones, por ejemplo, cuando un evento de teclado o de ratón se dispara.
  • Lección

    Bucles

    Con los bucles podemos insertar directivas en nuestros componentes Svelte para repetir parte de un marcado un número de veces en función del número de elementos que haya en una colección que vamos a ir recorriendo. Además, no te olvides que también tiene else para establecer el marcado en caso...
  • Lección

    Capturando eventos

    Un componente no sería nada si no tuviese eventos, que permite capturar acciones del mundo exterior, como clicks hechos en un botón, pulsaciones de teclas, o incluso eventos propios generados internamente, para reaccionar a él y producir algún tipo de consecuencia.
  • 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

    Shadow 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

    Bloques await

    await es una interesante directiva que podemos insertar en el marcado de un componente de Svelte para que se resuelva una promesa sobre la marcha, renderizando un marcado u otro en función de en qué etapa de la promesa se encuentra: resolviendo, completada o fallida.
  • Lección 📈 En tendencia

    Slots 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ón

    Customized 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ó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ó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.
Principio Anterior 1 2 3 Siguiente Último
makigas

Aprende conceptos nuevos de programación o descubre una tecnología nueva. En esto consiste makigas: un sitio web y un canal de YouTube con tutoriales de programación y consejos para desarrolladores, en fcastellano y hablando en un lenguaje simple y humilde. Encuentra contenido sobre programación, desarrollo web y desarrollo de software.

    Cursos destacados

  • Records en Java
  • Patrones de diseño
  • JUnit 5
  • Concurrencia en Java
  • JUnit 4
  • Fundamentos de uso de Quarkus

    Enlaces

  • Explorar lecciones
  • Ver todos los temas
  • Visitar los foros
  • Canal de YouTube
  • Servidor de Discord

Términos de uso • Política de privacidad • Limitación de responsabilidad • Uso de cookies (EU) • Cambiar consentimientos

Copyright © 2012 - 2026 makigas

Made in Spain