Las promesas son lo que en JavaScript se ha venido llamando a la programación orientada a futuros. Mi objetivo en este taller es que comprendas promesas: qué son, cómo se utilizan y cómo puedes fabricar tus propias promesas. Y hacerlo paso a paso y en un lenguaje claro que puedas...

forEach es un método funcional de la clase Array de JavaScript que sirve para recorrer los elementos de un Array. map es otro método que sirve para aplicar transformaciones. Aunque ambos iteran sobre los elementos de un bucle, su propósito es diferente y como tal, no hay que confundirlos y...

Escribir componentes en Svelte resulta muy sencillo. En este capítulo veremos cómo crear un archivo .svelte, que es un archivo que contiene el código HTML, JavaScript y CSS de un componente. Luego estos componentes podrán ser organizados y jerarquizados, y les podremos meter comportamientos avanzados.

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.

En este taller te explico el funcionamiento del método Array.reduce. Se trata de una operación transformadora de reducción, lo que significa que convierte los elementos de un array (transformación), pero se diferencia de un map en que un reduce genera un único elemento, no otro array de elementos. ¿Estás aprendiendo...

Veamos cómo ejecutar el comando para descargar un repositorio plantilla de Svelte con el que podemos empezar a trabajar, y cómo entender las distintas carpetas de las que se compone un proyecto de Svelte. También vemos el comando para lanzar un servidor web.

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.

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...

El lenguaje de marcado empleado en los archivos de Svelte incluye una serie de directivas extra que podemos utilizar en los componentes para distintos propósitos. Hoy evaluamos uno de ellos, que nos va a permitir renderizar condicionalmente parte del marcado de un componente en función de si una condición se...

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.