Entradas

Mostrando las entradas con la etiqueta como crear una página WEB

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

HTML con complementos de audio y video

Imagen
Hola bienvenidos a un post mas del blog programación para todos, hemos visto varios ejemplos en el blog de como poder crear nuestras páginas WEB ya sean  Estáticas con HTML o Dinámicas con PHP , ASP , Javascript o tener páginas mas completas con ayuda de Wordpress o Wix . Esta semana les quiero mostrarles un ejemplo de HTML pero ahora con complementos de audio y vídeo en nuestras páginas WEB El complemento de audio soporta 3 tipos de archivos: ogg,mpeg,wav  tiene como atributos: Controls: que nos permite mostrar los controles de play, pausa, adelantar, atrasar Src: es para indicar cual es el archivo origen que se reproducirá Mute: que es para silenciar el audio Loop: para ejecutar el audio de manera continua Para escribir la pagina web es: <audio controls>   <source src="prueba.ogg" type="audio/ogg" controls=true>   <source src="prueba.mp3" type="audio/mpeg">   <source src="prueba.wav" typ...

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