Entradas

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...
Publicar un comentario
Leer más

Generando Imágenes y Mensajes Aleatorios con JavaScript y Picsum Photos

Imagen
  Introducción Si estás empezando con JavaScript y quieres practicar la manipulación del DOM, eventos y API externas, este proyecto es perfecto para ti. Vamos a crear una página web que muestre imágenes aleatorias usando Picsum Photos y frases temáticas para el 14 de febrero.  En este artículo, explicaremos paso a paso cómo funciona el código y cómo puedes adaptarlo para otros proyectos. Código Completo Aquí está el código HTML y JavaScript que vamos a analizar: <!DOCTYPE html> <html lang="es"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Mensajes y Fotos Aleatorias para San Valentín</title>     <meta name="description" content="Disfruta de imágenes aleatorias y frases románticas para el Día del Amor y la Amistad. Celebra el 14 de febrero con mensajes especiales y comparte el amor.">     <style> ...
Publicar un comentario
Leer más

🎨🔹 Generador de Combinaciones de Moda con JavaScript: Crea Atuendos y Colores Aleatorios

Imagen
Hemos desarrollado una sencilla aplicación web con HTML, CSS y JavaScript que permite seleccionar un diseño aleatorio y generar combinaciones de colores perfectas para tu atuendo. 👗 ¿Cómo funciona? ✔ Presiona el botón "Diseño a Vestir" para ver una propuesta de atuendo. ✔ Luego, presiona "Colores a Combinar" para obtener una sugerencia de colores armoniosos. ✔ ¡Experimenta con distintas combinaciones y encuentra tu estilo único! Puedes probarlo aquí: 🔗 Combinaciones de ropa y colores L Si te interesa aprender cómo se hizo, revisa el código en la publicación y anímate a personalizarlo. ¡Déjame tu comentario con tu combinación favorita! 👇😃 Te comparto el código <html lang="es"> <head>     <meta charset="UTF-8"></meta>     <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>     <title>Combinaciones de Ropa</title>     <style>         body { ...
Publicar un comentario
Leer más

Cómo Usar la API de Dragon Ball en JavaScript: Selecciona tu Personaje Favorito

Imagen
 En esta publicación, vamos a aprender a utilizar la Dragon Ball API para obtener información sobre tus personajes favoritos de la serie. Usaremos un ejemplo en JavaScript y fetch que permite al usuario seleccionar un personaje de Dragon Ball desde un combobox y mostrar los detalles en tiempo real. La API de Dragon Ball ofrece información sobre personajes y planetas. ¿Qué es la Dragon Ball API? La Dragon Ball API es un servicio gratuito que proporciona datos sobre la serie, incluyendo personajes, episodios, ataques y más. Puedes encontrar la documentación completa de la API aquí . En este ejemplo, usaremos la sección de personajes, donde podrás buscar y mostrar información como el nombre, el poder y la raza de los personajes. Paso 1: Preparando el HTML Comenzamos con la estructura HTML básica que tendrá un combobox para seleccionar un personaje y un área para mostrar la información. Paso 2: Haciendo la Llamada a la API en JavaScript 🛠️ Tecnologías utilizadas HTML → Para la est...
Publicar un comentario
Leer más

Cómo llamar a una API desde una macro en Excel

Imagen
 Si alguna vez te has preguntado cómo interactuar con servicios externos desde Excel, este tutorial te lo explica paso a paso. En esta entrada veremos como utilizar VBA (Visual Basic for Applications) en una Macro de Excel. Usaremos como ejemplo la API de Banxico, que permite consultar el tipo de cambio. ¿Qué necesitas? Excel habilitado para macros . Asegúrate de que tu archivo tenga la extensión .xlsm . Un token válido para la API de Banxico. Si no tienes uno, puedes registrarte en su sitio oficial. Para explicarte como obtenerla te dejo el link  Como obtener token de Banxico  y también al final de la publicación en un video donde lo explico.  El complemento VBA JSON para analizar respuestas JSON en VBA (te explico cómo instalarlo más adelante). Paso a paso para llamar a la API Abre el editor de VBA en Excel (Alt + F11) y crea un nuevo módulo. Copia y pega el siguiente código: Sub LlamarAPI()     Dim http As Object     Dim JSON As Object ...
Publicar un comentario
Leer más

Cómo hacer una Macro en Word para leer datos de Excel

Imagen
Introducción En este tutorial aprenderás a crear una macro en Word que lee datos de un archivo de Excel y los inserta en un documento de manera automática. Hay veces que por ejemplo lo necesitamos para generar reportes, cartas personalizadas y otros documentos donde la información proviene de una hoja de cálculo. Con VBA (Visual Basic for Applications), podemos establecer una conexión entre Word y Excel, extrayendo los datos necesarios y colocándolos en el documento de forma dinámica.  Preparación de los datos en Excel Antes de escribir la macro, necesitamos tener un archivo de Excel estructurado correctamente. Supongamos que tenemos una hoja de cálculo con los siguientes datos: Guarda este archivo en una ubicación fácil de acceder. ¿Cómo implementar esta macro? Inserta la macro: Presiona  Alt + F11  para abrir el Editor de VBA. Vamos agregar una función para hacerlo con una Macro Copia el código  Sub InsertExcelTable1()     ' Declarar variables   ...
Publicar un comentario
Leer más

Macro en Word para generar contratos automáticamente: Paso a paso

Imagen
  ¿Te imaginas poder generar contratos personalizados en cuestión de segundos, y de manera gratuita? Si trabajas en oficina y constantemente necesitas preparar contratos u otros documentos repetitivos, esta macro de Word puede convertirse en tu mejor herramienta. En esta publicación te enseñaré una macro para automatizar tareas y evitar errores manuales. ¿Qué hace esta macro? La macro  está diseñada para personas que manejan múltiples contratos o documentos estándar en su día a día. Algunas de sus principales funciones son: Automatización de datos personalizados: Llena automáticamente campos como el nombre, dirección, fecha, o cualquier información específica. Preservación de la plantilla original: La macro crea un nuevo documento con la información personalizada, dejando tu plantilla intacta. Flexibilidad y personalización: Puedes ajustar los campos dinámicos para que se adapten a cualquier tipo de contrato o documento estándar. ¿Cómo funciona? La macro utiliza una tabla d...
Publicar un comentario
Leer más

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