Command Palette

Search for a command to run...

Web APIs

Web Workers, Service Workers, WebSockets, Observers y Progressive Web Apps.

Artículos del módulo

01|

Introducción a Web Workers

Ejecuta código JavaScript en hilos separados para tareas intensivas sin bloquear la interfaz de usuario.

02|

Comunicación con postMessage

Comunica entre el hilo principal y Web Workers usando mensajes bidireccionales con postMessage.

03|

Shared Workers

Comparte datos y estado entre múltiples contextos de navegación usando Shared Workers.

04|

Introducción a Service Workers

Entiende cómo los Service Workers actúan como proxy entre tu aplicación y la red.

05|

Ciclo de vida de Service Workers

Domina las fases de instalación, activación y actualización del ciclo de vida de Service Workers.

06|

Cache API con Service Workers

Implementa estrategias de caching offline usando la Cache API junto con Service Workers.

07|

Progressive Web Apps (PWA)

Crea aplicaciones web progresivas instalables y funcionales offline con manifests y Service Workers.

08|

Introducción a WebSockets

Establece comunicación bidireccional en tiempo real entre cliente y servidor con WebSockets.

09|

send() y onmessage en WebSockets

Envía y recibe mensajes a través de conexiones WebSocket persistentes y bidireccionales.

10|

Server-Sent Events (SSE)

Recibe actualizaciones unidireccionales del servidor usando EventSource y Server-Sent Events.

11|

Intersection Observer

Detecta cuándo elementos entran o salen del viewport para lazy loading e infinite scroll eficiente.

12|

Mutation Observer

Observa y reacciona a cambios en el DOM de forma eficiente sin polling constante.

13|

Resize Observer

Detecta cambios de tamaño en elementos sin depender de eventos window resize.

14|

Performance Observer

Observa métricas de rendimiento en tiempo real usando la API Performance Observer.

15|

Performance API

Mide y analiza el rendimiento de tu aplicación con performance.now(), mark() y measure().

16|

Web Animations API

Crea animaciones complejas y controlables programáticamente usando la Web Animations API nativa.

17|

WebRTC (Básico)

Establece comunicación peer-to-peer en tiempo real para video, audio y datos con WebRTC.

18|

Broadcast Channel API

Comunica entre pestañas del mismo origen usando la Broadcast Channel API.

19|

Channel Messaging API

Crea canales de comunicación bidireccionales entre diferentes contextos con MessageChannel.

20|

Encoding API

Codifica y decodifica texto entre diferentes encodings usando TextEncoder y TextDecoder.

21|

Compression Streams API

Comprime y descomprime streams de datos usando gzip con la Compression Streams API.