Entradas

Mostrando las entradas con la etiqueta javascript api

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

Dashboard de Fórmula 1: Ranking de Pilotos y Equipos por Temporada

Imagen
  Dashboard de Fórmula 1 con JavaScript y API-FORMULA-1 Si estás buscando una forma sencilla de visualizar resultados de Fórmula 1 en una página web, en este artículo te mostraré cómo construir un dashboard interactivo utilizando HTML, CSS, JavaScript y la API-FORMULA-1 de API-SPORTS. El resultado es una aplicación web que permite consultar el ranking de pilotos y equipos por temporada, mostrando los datos obtenidos en tiempo real desde una API REST. ¿Qué muestra el dashboard? La aplicación permite: Seleccionar una temporada entre 2019 y 2026. Consultar la clasificación de pilotos. Consultar la clasificación de constructores. Visualizar los puntos acumulados por cada piloto y equipo. Mostrar imágenes de pilotos y logotipos de escuderías. Toda la información se obtiene dinámicamente desde la API-FORMULA-1, evitando la necesidad de almacenar datos localmente. API utilizada Para este proyecto se utiliza la API-FORMULA-1 de API-SPORTS disponible a través de RapidAPI. La documentación o...

Cómo usar la API gratuita de Rick and Morty con JavaScript (Demo interactiva paso a paso)

Imagen
Rick and Morty API: Crea un Buscador Interactivo con JavaScript (Mini Proyecto Web) ¿Quieres practicar consumo de APIs de forma divertida y profesional? En este mini proyecto vamos a construir un buscador interactivo de personajes de Rick and Morty utilizando una API pública gratuita y JavaScript puro. Aprenderás a: Consumir una API REST con fetch() Trabajar con parámetros dinámicos Implementar paginación Filtrar resultados por nombre Renderizar datos dinámicamente en el DOM 🌌 ¿Qué es la API de Rick and Morty? La Rick and Morty API es una API REST pública que permite consultar información sobre personajes, episodios y ubicaciones. Endpoint principal utilizado en este proyecto: https://rickandmortyapi.com/api/character No requiere autenticación, por lo que es ideal para practicar integraciones. 🚀 Demo Interactiva Explora los personajes, usa la paginación o busca por nombre: Buscar ⬅ Anterior Siguiente ➡ 🧠 Explicación Técnica ...

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