Entradas

Mostrando las entradas con la etiqueta Javascript con rapidapi XMLHttpRequest

Building the ATP Dashboard Tennis.com with Javascript

Imagen
Building the ATP Dashboard The goal of this project was to create a web page capable of displaying ATP rankings in a simple and visually appealing way. To accomplish this, I built a dashboard that retrieves data directly from Tennis API using JavaScript and the Fetch API. The application includes several useful features: ATP Top 3 players overview. Total number of players returned by the API. Dynamic player search. Interactive ATP ranking table. All information is loaded in real time and updated whenever the page is refreshed. You can try the live version of the dashboard here: ATP Tennis Dashboard Demo I also recorded a short video showing how to obtain an API Key through RapidAPI, explore the available endpoints, and test the dashboard: Watch the English Video Tutorial Download the Source Code If you'd like to experiment with the project or customize it for your own applications, the complete source code is available for download. The package includes: Compl...

👉 Aprende a usar una API de Fórmula 1 con JavaScript | Tutorial paso a paso

Imagen
🏎️ Cómo usar una API de Fórmula 1 con JavaScript (Ranking de pilotos en tiempo real) Si eres fan de la Fórmula 1 y además te gusta programar, este tutorial te encantará. En lugar de buscar los resultados de cada carrera en distintas páginas, ¿por qué no crear tu propia aplicación para consultar el ranking de pilotos en tiempo real? En esta guía aprenderás cómo consumir una API de Fórmula 1 usando JavaScript , obtener datos en formato JSON y mostrarlos en tu propia página web. Este es un ejercicio perfecto si estás comenzando en el mundo de las APIs o quieres practicar integraciones reales. Ejemplo de API de Fórmula 1 con JavaScript (fetch paso a paso) Este es un ejemplo práctico de cómo consumir una API de Fórmula 1 con JavaScript usando fetch . Obtendremos el ranking de pilotos en tiempo real en formato JSON. fetch("https://api.jolpi.ca/ergast/f1/current/driverStandings.json") .then(res => res.json()) .then(data => { console.log(data.MRData.Sta...

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