Entradas

Mostrando las entradas con la etiqueta ejemplos de JavaScript

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

Ejemplos prácticos de JavaScript: APIs, gráficos, juegos y más

Imagen
  JavaScript es un lenguaje esencial para el desarrollo web moderno. Con él, puedes crear desde páginas interactivas hasta aplicaciones que consumen APIs externas. En esta entrada, he recopilado todos los ejemplos de JavaScript que he publicado en el blog, organizados por temas, para que puedas aprender y poner en práctica tus conocimientos. Introducción a JavaScript Cómo programar en JavaScript : Una guía básica para empezar con JavaScript desde cero. Dibujos y gráficos con JavaScript Especial Navideño: Dibujar un árbol de Navidad : Uso de JavaScript y canvas para dibujar un árbol de Navidad. Graficar funciones con JavaScript y HTML : Cómo representar funciones matemáticas en una página web. Interactividad en la web JavaScript para crear un contador : Un sencillo contador interactivo con JavaScript. HTML con complementos de audio y video : Cómo agregar contenido multimedia con JavaScript y HTML. Generador de combinaciones de moda con JavaScript : Creación de combinac...

💻 Cómo Programar en JavaScript: Guía Completa para Principiantes

Imagen
Hola bienvenidos a otra semana en nuestro blog, esta semana quiero platicarles acerca de un lenguaje llamado Javascript de Netscape Communications Corp, Mozilla Fundation es orientado a objetos es decir que el lenguaje busca una definición general de un ente en base a una clase, propiedades y métodos.  Para mi es mas claro con un ejemplo para entenderlo, imaginen una casa para la programación orientada a objetos, la casa es el objeto y la casa tiene características como de que color es, cuanto mide, cuantas ventanas tiene, eso son propiedades . Bueno y la casa tiene actividades o tareas, por ejemplo construir la casa, limpiarla, repararla, venderla esos serian sus métodos . Les comparto una imagen para ejemplificarlo. Agregar leyenda Para un poco más de teoría o detalle de Javascript pueden ver la liga  https://developer.mozilla.org/es/docs/Web/JavaScript Con Javascript podemos hacer programas que nos permitan regresar información en páginas WEB y ...

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