Artículos

  • Javascript 0

    Web Crypto API en JavaScript: hash, cifrado, firmas digitales y claves en el navegador

    Aprende a usar la Web Crypto API en el navegador y Node.js: genera hashes SHA-256, cifra datos con AES-GCM, firma con ECDSA y gestiona claves con importKey y exportKey. Ejemplos reales con crypto.subtle, sin librerías externas.

  • Javascript 0

    tRPC con TypeScript: APIs end-to-end tipadas sin schema, router y cliente inferido

    tRPC elimina la desincronización de tipos entre servidor y cliente TypeScript: el tipo del router se exporta y el cliente lo importa directamente, sin schema ni codegen. Aprende a crear routers, integrar con Next.js, usar middleware tipado y subscriptions WebSocket.

  • Javascript 0

    WebSockets, BroadcastChannel y Server-Sent Events en JavaScript: comunicación en tiempo real

    WebSocket, BroadcastChannel y Server-Sent Events son las tres formas de comunicación en tiempo real en JavaScript. Aprende cuándo usar cada una con ejemplos de chat en directo, sincronización entre pestañas y streams de notificaciones desde el servidor, incluyendo reconexión automática y li...

  • Javascript 0

    TypeScript con Angular: decoradores, DI tipado, HttpClient y señales

    Angular es el framework que más saca partido a TypeScript: decoradores como @Component e @Injectable, DI tipada en el constructor, HttpClient con genéricos, signals con signal() y computed(), e input()/output() como alternativa moderna a @Input/@Output. Con ejemplos reales y strictTemplates act...

  • Javascript 0

    Canvas 2D en JavaScript: dibujar, transformar, animaciones con requestAnimationFrame

    La API Canvas 2D de JavaScript permite dibujar, transformar y animar gráficos en el navegador sin dependencias. Este artículo cubre fillRect, arc, drawImage, save/restore, requestAnimationFrame con game loop, sprite animation y OffscreenCanvas con Web Workers.

  • Javascript 0

    TypeScript con Vue 3: Composition API tipada, defineProps, defineEmits y ref

    Aprende a usar TypeScript con Vue 3 en profundidad: defineProps y defineEmits con sintaxis de tipo puro, ref tipado, reactive, useTemplateRef, defineExpose e InjectionKey. Ejemplos reales con componentes completos y los errores más habituales.

  • Javascript 0

    Performance API en JavaScript: performance.now, PerformanceObserver, Long Tasks y memoria

    Aprende a usar la Performance API del navegador: performance.now para timestamps precisos, performance.mark y measure para rangos de código, PerformanceObserver para detectar Long Tasks, LCP, CLS, y calcular Web Vitals con JavaScript puro sin librerías externas.

  • Javascript 0

    IndexedDB en JavaScript: bases de datos en el navegador con índices y transacciones

    IndexedDB es la base de datos NoSQL del navegador para almacenar objetos JavaScript estructurados con índices y transacciones. Aprende a usar indexedDB.open(), IDBObjectStore, IDBIndex, IDBCursor y la librería idb para trabajar con promesas.

  • Javascript 0

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

  • Javascript 0

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