Entradas

Mostrando las entradas con la etiqueta API Dragon Ball

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

Cómo usar la API de Dragon Ball (Tutorial completo en JavaScript + Código descargable)

Imagen
Cómo usar la API de Dragon Ball (Tutorial completo en JavaScript + Código descargable) Aprender a consumir APIs es una de las habilidades más demandadas en programación hoy en día. En este tutorial te voy a enseñar paso a paso cómo hacerlo usando JavaScript… pero con un ejemplo mucho más interesante que los típicos datos aburridos. 👉 Vamos a construir una mini app real usando la API de Dragon Ball . ⚡ Al final podrás descargar el proyecto completo listo para usar. 📥 Descarga el proyecto completo Si quieres ahorrar tiempo y tener todo listo, puedes descargar el proyecto completo: 👉 Descargar HTML + JavaScript listo (Proyecto completo) Ejemplo de Dragon Ball API con JavaScript (Fetch paso a paso) A continuación verás un ejemplo completo de cómo consumir la Dragon Ball API usando JavaScript y fetch. Este ejemplo es ideal si estás aprendiendo APIs REST para proyectos reales. fetch("https://dragonball-api.com/api/characters?name=goku") .the...

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