Web APIs
Web Workers, Service Workers, WebSockets, Observers y Progressive Web Apps.
Artículos del módulo
Introducción a Web Workers
Ejecuta código JavaScript en hilos separados para tareas intensivas sin bloquear la interfaz de usuario.
Comunicación con postMessage
Comunica entre el hilo principal y Web Workers usando mensajes bidireccionales con postMessage.
Shared Workers
Comparte datos y estado entre múltiples contextos de navegación usando Shared Workers.
Introducción a Service Workers
Entiende cómo los Service Workers actúan como proxy entre tu aplicación y la red.
Ciclo de vida de Service Workers
Domina las fases de instalación, activación y actualización del ciclo de vida de Service Workers.
Cache API con Service Workers
Implementa estrategias de caching offline usando la Cache API junto con Service Workers.
Progressive Web Apps (PWA)
Crea aplicaciones web progresivas instalables y funcionales offline con manifests y Service Workers.
Introducción a WebSockets
Establece comunicación bidireccional en tiempo real entre cliente y servidor con WebSockets.
send() y onmessage en WebSockets
Envía y recibe mensajes a través de conexiones WebSocket persistentes y bidireccionales.
Server-Sent Events (SSE)
Recibe actualizaciones unidireccionales del servidor usando EventSource y Server-Sent Events.
Intersection Observer
Detecta cuándo elementos entran o salen del viewport para lazy loading e infinite scroll eficiente.
Mutation Observer
Observa y reacciona a cambios en el DOM de forma eficiente sin polling constante.
Resize Observer
Detecta cambios de tamaño en elementos sin depender de eventos window resize.
Performance Observer
Observa métricas de rendimiento en tiempo real usando la API Performance Observer.
Performance API
Mide y analiza el rendimiento de tu aplicación con performance.now(), mark() y measure().
Web Animations API
Crea animaciones complejas y controlables programáticamente usando la Web Animations API nativa.
WebRTC (Básico)
Establece comunicación peer-to-peer en tiempo real para video, audio y datos con WebRTC.
Broadcast Channel API
Comunica entre pestañas del mismo origen usando la Broadcast Channel API.
Channel Messaging API
Crea canales de comunicación bidireccionales entre diferentes contextos con MessageChannel.
Encoding API
Codifica y decodifica texto entre diferentes encodings usando TextEncoder y TextDecoder.
Compression Streams API
Comprime y descomprime streams de datos usando gzip con la Compression Streams API.