Entradas

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 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 Crear un Dashboard del Ranking WTA con JavaScript usando Tennis API y RapidAPI

Imagen
Si estás desarrollando aplicaciones deportivas, una de las formas más sencillas de obtener datos actualizados de tenis es utilizando la API de Tennis API disponible a través de RapidAPI. En este tutorial mostraré cómo crear un dashboard interactivo del Ranking WTA utilizando HTML, CSS y JavaScript. Los datos son proporcionados por Tennis API, una plataforma especializada en estadísticas, rankings, resultados y datos en tiempo real para ATP, WTA e ITF. ¿Qué es Tennis API? tennis-api.com ofrece acceso a: Ranking ATP y WTA. Resultados en vivo. Calendario de torneos. Estadísticas de jugadores. Datos punto por punto mediante WebSocket. Cuotas deportivas en tiempo real. La API también puede consumirse desde rapidapi.com , lo que facilita las pruebas y la integración en proyectos JavaScript, Python, PHP y otros lenguajes. Resultado Final El dashboard desarrollado permite: Consultar el ranking WTA actualizado. Buscar jugadoras por nombre. Mostrar el Top 3 mundial. Consulta...

Análisis del Top 100 ATP con Python y Tennis API | Datos Históricos por Superficie

Imagen
Análisis del Top 100 ATP con Python y Tennis API: ¿Quién domina cada superficie? Los datos deportivos son una excelente forma de aprender análisis de datos y visualización con Python. En este artículo exploramos el rendimiento histórico del Top 100 ATP actual utilizando la Tennis API , una plataforma que ofrece acceso a rankings, perfiles de jugadores, resultados en vivo, estadísticas históricas y mucho más. Nuestro objetivo fue responder una pregunta sencilla: ¿Quiénes son los mejores jugadores del Top 100 ATP actual en cada superficie? Para ello utilizamos Python, Pandas y Plotly para analizar más de 3,700 registros históricos obtenidos desde la API desde 2004 a 2026 para el top100 . Obtención de datos con Tennis API La información fue obtenida utilizando el endpoint Surface Summary disponible en la documentación oficial de Tennis API. Documentación: https://tennisapidoc.matchstat.com/ Sitio oficial: https://tennis-api.com/ El proceso consistió en: Obte...

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

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. I used tennis-api.com 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 from tennis-api.com 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 from tennis-api.com 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...

How to Build an ATP Tennis Dashboard with JavaScript and Tennis API

Imagen
How to Build an ATP Tennis Dashboard with JavaScript and Tennis API When learning how to consume REST APIs, one of the best ways to practice is by building a real-world project using live data. While looking for a sports-related API to improve my JavaScript skills, I came across Tennis API . What caught my attention was the amount of information available, including ATP rankings, player profiles, tournaments, and historical statistics. This makes it an excellent choice for building sports dashboards and data-driven web applications. In this article, I'll show how I used Tennis API to build a small ATP Tennis Dashboard capable of displaying real-time rankings and detailed player information. What is Tennis API? Tennis API is a service available through RapidAPI that provides access to professional tennis data. Developers can retrieve ATP and WTA rankings, player profiles, tournament information, match results, and historical statistics using a simple REST interface. To get...

Cómo crear un Dashboard de Tenis con JavaScript usando Tennis API

Imagen
Cómo crear un Dashboard ATP con JavaScript utilizando Tennis API Hola bienvenido a un nuevo post, hace unos días estaba buscando una API relacionada con deportes para practicar el consumo de servicios REST desde JavaScript y encontré Tennis API . Me llamó la atención porque ofrece información actualizada sobre rankings ATP y perfiles de jugadores profesionales, lo que la convierte en una buena opción para desarrollar dashboards y aplicaciones deportivas. En este artículo te mostraré cómo utilicé esta API para construir un pequeño dashboard web que consulta el ranking ATP en tiempo real y permite visualizar información detallada de los jugadores. ¿Qué es Tennis API? Tennis API es un servicio disponible a través de RapidAPI que proporciona acceso a información relacionada con el tenis profesional. Entre los datos que podemos consultar se encuentran rankings ATP y WTA, perfiles de jugadores, torneos, resultados y estadísticas históricas. Para comenzar es necesario crear una cue...

Cómo crear un portal automático de noticias con Python y RSS 📡🐍

Imagen
 Cada día se generan miles de noticias y tendencias en internet. Muchas veces nos enteramos tarde de temas importantes simplemente porque no revisamos constantemente los portales de noticias. Por eso decidí crear una pequeña demo educativa usando Python para generar automáticamente una página web con noticias recientes de México utilizando RSS de Google News. Lo interesante es que este proyecto: consume datos reales, genera HTML automáticamente, funciona sin APIs costosas, y puede actualizarse de forma automática. Además, es un excelente ejercicio para aprender automatización, consumo de feeds RSS y generación dinámica de contenido con Python. ¿Qué hace esta demo? 🔥 El proyecto: Obtiene noticias recientes desde Google News RSS. Procesa los títulos automáticamente. Genera una página HTML estilo portal de noticias. Muestra enlaces directos a las noticias originales. El resultado es una mini página dinámica de tendencias y noticias de México. Tecnologías ...

Cómo conectar la API de Banxico con Google Sheets usando Apps Script

Imagen
Cómo conectar la API de Banxico con Google Sheets usando Apps Script Hace unos días quería automatizar consultas financieras directamente desde Google Sheets utilizando la API de Banco de México (Banxico). La idea era evitar actualizar manualmente: Tipo de cambio USD UDIS CETES TIIE Otros indicadores financieros Después de algunas pruebas terminé creando una integración utilizando Apps Script y la API REST de Banxico. En este artículo quiero mostrar cómo funciona la lógica principal del proyecto y cómo se puede conectar Google Sheets con APIs externas. 🎥 Video demostración 📌 ¿Qué es Apps Script? Apps Script es la plataforma de automatización de Google que permite extender funcionalidades en: Google Sheets Google Docs Google Forms Google Drive Google Workspace Básicamente permite utilizar JavaScript para automatizar procesos dentro de Google. 🔑 Obtener token API Banxico Para consumir la API de Banxico primero es necesario g...

Plantilla API de Banxico con Google Sheets usando Apps Script

Imagen
Plantilla Google Sheets API Banxico | Tipos de Cambio Automáticos Plantilla Google Sheets API Banxico | Tipos de Cambio Automáticos ¿Necesitas consultar automáticamente tipos de cambio, UDIS, CETES o TIIE directamente desde Google Sheets? 🚀 Esta plantilla profesional para Google Sheets permite conectarte automáticamente a la API de Banco de México (Banxico) y actualizar indicadores financieros con un solo clic. 🎥 Video demostración 📥 Descargar plantilla Puedes obtener la plantilla aquí: Descargar plantilla Google Sheets API Banxico 📊 Indicadores disponibles Tipo de cambio USD Tipo de cambio EUR UDIS TIIE 28 días CETES Otros indicadores de Banxico ⚙️ Características ✅ Google Sheets + Apps Script ✅ Actualización automática con botón ✅ Selector dinámico de indicadores ✅ Compatible con Google Workspace ✅ Fácil configuración ✅ Funciona en Windows, Mac y Linux ✅ No requiere conocimientos avanzados de programación 🔑 Genera...

Cómo validar cientos de XML CFDI automáticamente en Excel usando el SAT

Imagen
Cómo validar cientos de XML CFDI automáticamente en Excel usando el SAT Si trabajas con facturas electrónicas CFDI en México, probablemente alguna vez has tenido que validar manualmente XML uno por uno en el portal del SAT lo cual requiere mucho tiempo. Ese proceso puede tomar muchísimo tiempo cuando manejas decenas o cientos de facturas. Por eso desarrollé una macro profesional en Excel que permite: Leer cientos de XML automáticamente Consultar el estado CFDI directamente contra el SAT Identificar facturas vigentes o canceladas Procesar carpetas completas Generar resultados masivos en Excel ¿Qué hace esta herramienta? La macro utiliza el servicio oficial del SAT para consultar el estado de los CFDI 4.0 y automatiza completamente el proceso desde Excel. Solo debes: Seleccionar una carpeta con XMLs La macro procesa automáticamente todos los archivos Consulta el SAT en línea Genera una tabla completa con resultados Extra datos de los xml :RFC emisor ,RFC recepto...

🚀 Herramientas y automatización CFDI/XML en Excel, Word y Python

Imagen
Si trabajas con CFDI, XML del SAT o recibos de nómina, aquí encontrarás herramientas y ejemplos prácticos para automatizar tareas repetitivas usando Excel, Word y Python. 💡 El objetivo de esta sección es ayudarte a ahorrar tiempo, reducir errores y automatizar procesos administrativos y contables. 📄 Automatización de facturas XML CFDI en Word Aprende cómo extraer automáticamente datos clave desde facturas XML CFDI usando una macro en Word. Lectura automática de XML CFDI Extracción de RFC, UUID y total Procesamiento de múltiples archivos 👉 Ver tutorial completo de CFDI en Word 💰 Macro en Word para leer recibos de nómina CFDI Automatiza la lectura de recibos de nómina XML y extrae datos importantes para procesos administrativos o contables. Lectura de XML nómina Extracción automática de datos Automatización de tareas repetitivas 👉 Ver tutorial de recibos de nómina CFDI 🐍 Leer UUID de XML automáticamente con Python Si prefieres trabajar con Python, aquí encontrará...

How to Get Exchange Rates in Excel Automatically Using a Free API (VBA Step-by-Step)

Imagen
How to Get Exchange Rates in Excel Automatically Using a Free API (VBA Step-by-Step) Automate exchange rates in Excel in minutes. In this guide, you’ll learn how to retrieve currency data from multiple countries (including African currencies) using a free API and VBA. This example is perfect if you work with financial reports, currency analysis, or need updated data without manual input. 🚀 What will you learn? How to get real-time exchange rates in Excel How to use a free API (no API key required) How to automate Excel with VBA How to retrieve multiple currencies (USD, MXN, EUR, ZAR, NGN, etc.) 🌍 Free Exchange Rate API For this example, we will use the following free API: 👉 https://open.er-api.com/v6/latest/USD Advantages: No API key required 150+ currencies available Includes African currencies Daily updated data (not historical) 💻 VBA Macro to Get Exchange Rates in Excel Copy and paste this code into a VBA module: Sub GetExchangeRates(...

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