Artículos
-
JavascriptTypeScript 7: hasta 10 veces más rápido por dejar de estar escrito en TypeScript
TypeScript 7 porta el compilador de TypeScript a Go y multiplica por hasta 12 veces la velocidad de compilación en proyectos como VS Code, Sentry o Bluesky, reduciendo además el consumo de memoria. Repasamos por qué Microsoft eligió Go frente a Rust o C#, de dónde sale el rendimiento y qué ...
-
Javascriptimg2threejs: convierte una imagen en un modelo 3D editable escrito con código
img2threejs reconstruye objetos a partir de una imagen de referencia generando código TypeScript y Three.js en vez de una malla cerrada, con primitivas, materiales, pivotes y componentes que se pueden editar, versionar y animar como cualquier otro código.
-
JavascriptWeb Components en JavaScript: Custom Elements, Shadow DOM y HTML Templates
Crea Web Components nativos en JavaScript sin frameworks: Custom Elements con su ciclo de vida completo, Shadow DOM para encapsular estilos, HTML Templates con slots y componentes reactivos. Cuatro ejemplos reales con contadores, fichas de producto y botones con tema.
-
JavascriptIntl API en JavaScript: NumberFormat, DateTimeFormat, Collator, PluralRules y ListFormat
Aprende a usar la API Intl de JavaScript sin librerías externas para formatear números, monedas, fechas y tiempos relativos, comparar strings en español, gestionar plurales y crear listas. Con ejemplos reales de NumberFormat, DateTimeFormat, RelativeTimeFormat, Collator, PluralRules, ListForma...
-
JavascriptESM avanzado en JavaScript: dynamic import(), import.meta, import maps y module federation
Dynamic import() para lazy loading bajo demanda, import.meta.url para localizar el módulo en ejecución, import maps para mapear dependencias sin bundler, top-level await e import attributes. Con cuatro ejemplos reales y los antipatrones más comunes.
-
JavascriptObservers en JavaScript: IntersectionObserver, ResizeObserver y MutationObserver
Las APIs Observer del navegador te permiten reaccionar a cambios en el viewport y el DOM sin polling ni scroll events. Aprende a usar IntersectionObserver para lazy loading e infinite scroll, ResizeObserver para elementos específicos y MutationObserver para vigilar el árbol DOM con ejemplos rea...
-
JavascriptService Workers en JavaScript: Cache API, estrategias offline y notificaciones push
Los Service Workers son scripts que interceptan peticiones de red y permiten que tu app funcione offline. Aprende la Cache API, las estrategias Cache First y Stale While Revalidate, cómo actualizar el SW con skipWaiting y a enviar notificaciones push con VAPID.
-
JavascriptWeb Workers en JavaScript: postMessage, SharedArrayBuffer, Atomics y patrones de comunicación
Los Web Workers permiten ejecutar código JavaScript en hilos separados, evitando que el hilo principal se bloquee. Aprende a usar postMessage, SharedArrayBuffer y Atomics para mover trabajo CPU-intensivo y coordinar threads con seguridad.
-
JavascriptFetch avanzado en JavaScript: streaming, AbortController, Headers y estrategias de caché
Domina la Fetch API más allá del uso básico: cancela peticiones con AbortController, añade timeout propio, lee el body como stream para barras de progreso reales, gestiona Headers de forma programática, sube ficheros con FormData y controla la caché del navegador con no-store, force-cache y...
-
JavascriptWeakRef y FinalizationRegistry en JavaScript: referencias débiles y gestión de memoria
WeakRef y FinalizationRegistry, introducidos en ES2021, permiten trabajar con referencias débiles en JavaScript. WeakRef.deref() devuelve el objeto o undefined si el GC ya lo recogió. FinalizationRegistry ejecuta un callback al liberar el objeto. Útiles en cachés que no deben retener memoria,...