Entradas

Mostrando las entradas con la etiqueta HTML y JavaScript

Dashboard de Tenis en Tiempo Real con WebSocket y JavaScript

Imagen
¿Por qué utilizar WebSocket en lugar de una API REST? El caso de Tennis API Cuando trabajamos con APIs, normalmente pensamos en solicitudes HTTP tradicionales donde una aplicación consulta información cada cierto tiempo. Sin embargo, para aplicaciones que requieren datos en tiempo real, existe una alternativa mucho más eficiente: WebSocket. Mientras exploraba las capacidades de Tennis API encontré su integración mediante Socket.IO, una tecnología que permite recibir actualizaciones en tiempo real sin necesidad de realizar consultas constantes al servidor. ¿Cómo funciona una API REST tradicional? Con una API REST, la aplicación debe preguntar periódicamente si existen nuevos datos. Por ejemplo: setInterval(async () => { const response = await fetch("/live-scores"); const data = await response.json(); console.log(data); }, 5000); En este caso la aplicación realiza una consulta cada 5 segundos. El problema es que muchas veces no existe información nue...

Ejemplos prácticos de JavaScript: APIs, gráficos, juegos y más

Imagen
  JavaScript es un lenguaje esencial para el desarrollo web moderno. Con él, puedes crear desde páginas interactivas hasta aplicaciones que consumen APIs externas. En esta entrada, he recopilado todos los ejemplos de JavaScript que he publicado en el blog, organizados por temas, para que puedas aprender y poner en práctica tus conocimientos. Introducción a JavaScript Cómo programar en JavaScript : Una guía básica para empezar con JavaScript desde cero. Dibujos y gráficos con JavaScript Especial Navideño: Dibujar un árbol de Navidad : Uso de JavaScript y canvas para dibujar un árbol de Navidad. Graficar funciones con JavaScript y HTML : Cómo representar funciones matemáticas en una página web. Interactividad en la web JavaScript para crear un contador : Un sencillo contador interactivo con JavaScript. HTML con complementos de audio y video : Cómo agregar contenido multimedia con JavaScript y HTML. Generador de combinaciones de moda con JavaScript : Creación de combinac...

🚀 Mantener este blog funcionando requiere tiempo y café. ¡Puedes contribuir con uno aquí!