La guía completa de automatización con macros en Office (Excel, Word, APIs y más)
Bienvenid@ a Programación para Todos, un espacio personal donde documento aprendizajes técnicos, ideas y procesos de programación que he querido probar y entender por cuenta propia. Los casos y ejemplos que comparto no tienen referencia a mi trabajo, sino que son ejercicios, pruebas y escenarios recreados a partir de inquietudes técnicas personales. Este blog funciona como un compendio personal de conocimiento: código, ideas y reflexiones que decido compartir.
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.
Una API es un puente que permite que dos aplicaciones se comuniquen entre sí.
Imagina que vas a un supermercado y quieres saber el precio de un producto. Usas el escáner — ese escáner sería la API. Tu aplicación hace la solicitud y el servidor responde con la información.
La mayoría de las APIs modernas devuelven datos en formato JSON, ideal para trabajar con JavaScript.
Para este ejemplo utilizaremos una API disponible en RapidAPI:
👉 https://rapidapi.com/api-sports/api/api-formula-1/details
Antes de integrarla debemos entender:
En este caso obtendremos el ranking de pilotos de una temporada.
El siguiente ejemplo usa XMLHttpRequest para obtener el ranking de la temporada.
Al ejecutar este código recibirás una respuesta en formato JSON con toda la información de pilotos.
Puedes ver el ejemplo en vivo aquí:
👉 https://www.programacionparatodos.com/p/api-de-f1-racking-drivers.htmlAlgunas APIs modernas pueden generar errores de tipo CORS cuando se usan con XMLHttpRequest. Por ello, es recomendable utilizar Fetch API, que es el estándar actual en JavaScript.
Aquí tienes una versión actualizada:
Saber consumir APIs es una de las habilidades más valiosas hoy en día. Te permite:
Este ejemplo es solo el inicio — podrías expandirlo para mostrar resultados por carrera, equipos, estadísticas o temporadas completas.
También puede interesarte este tutorial:
👉 Cómo usar la API de Banxico paso a pasoConsumir una API es mucho más sencillo de lo que parece. Con solo unas líneas de JavaScript puedes obtener datos en tiempo real y construir herramientas increíbles.
Si te gustó este tutorial, compártelo — podrías ayudar a otro desarrollador a aprender algo nuevo hoy 🚀
Comentarios
Publicar un comentario
Dejanos tus dudas y comentarios