Entradas

Mostrando las entradas con la etiqueta Javascript

La guía completa de automatización con macros en Office (Excel, Word, APIs y más)

Imagen
¿Crees que programar es solo para expertos? Con VBA, cualquier persona puede crear macros personalizadas para automatizar tareas en Excel, Word y otras herramientas de Office. No necesitas ser desarrollador profesional para empezar. Esta página reúne ejemplos reales de macros VBA utilizados en escenarios laborales: automatización de reportes, conexión con APIs, lectura de CFDI, generación de documentos y más. Guarda esta página en favoritos : se actualiza constantemente con nuevos ejemplos. ¡Descubre el poder de VBA y simplifica tu trabajo diario! Explora nuestros tutoriales y aprende paso a paso cómo automatizar tareas repetitivas, reducir errores y mejorar tu productividad. 📊 Automatización con Macros en Excel Ejemplos prácticos para consumir APIs, limpiar datos, generar reportes financieros y trabajar con información externa desde Excel. Cómo llamar a una API desde una macro en Excel Macro en Excel para remover filas duplicadas Usar condi...
Publicar un comentario
Leer más

👉 Cómo usar la Dragon Ball API con JavaScript (Ejemplo real paso a paso)

Imagen
Cómo usar la API de Dragon Ball para aprender a consumir APIs (Ejemplo real en JavaScript) Si estás aprendiendo a trabajar con APIs, probablemente ya viste ejemplos aburridos sobre usuarios o productos. Pero… ¿qué tal aprender usando personajes de Dragon Ball ? En esta guía paso a paso vamos a utilizar la Dragon Ball API para obtener información de tus personajes favoritos y mostrarla en tiempo real con JavaScript y fetch . Es un ejercicio ideal si estás comenzando en el mundo del desarrollo web. 🚀 ¿Qué vas a aprender en este tutorial? Qué es una API y para qué sirve Cómo hacer una petición con fetch Cómo leer datos en formato JSON Mostrar información dinámica en una página Crear una mini app interactiva Además, usar ejemplos divertidos hace que el aprendizaje sea más rápido y fácil de recordar. ¿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 planetas....
Publicar un comentario
Leer más

Cómo consultar UDIS, CETES, TIIE y tipo de cambio con la API de Banxico en JavaScript

Imagen
Cómo consultar UDIS, CETES, TIIE y tipo de cambio con la API de Banxico en JavaScript Aprende a crear un panel en JavaScript que consulta en tiempo real indicadores de Banxico como UDIS, CETES, TIIE, tipo de cambio y salario mínimo. El Banco de México publica diariamente indicadores económicos como el valor de las UDIS , la TIIE , el tipo de cambio , los CETES y el salario mínimo . Gracias a su API pública , podemos conectarnos desde JavaScript y automatizar consultas financieras en tiempo real. En esta entrada construimos un panel interactivo para consultar el dato más reciente de varias series con unas cuantas líneas de código. Requisitos Un token gratuito de Banxico (solicítalo en su portal SIE). Un archivo .html o tu editor favorito. Conexión a internet. Tip: en este ejemplo colocamos el token en la UR...
Publicar un comentario
Leer más

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

🎨🔹 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

Graficar Funciones con JavaScript y HTML Chart.js

Imagen
 Cuando trabajamos con datos o funciones matemáticas, es muy útil poder visualizarlos en una gráfica. Con JavaScript y HTML, esto es sencillo si utilizamos una biblioteca como Chart.js . A continuación, te presento un ejemplo donde graficamos la función cuadrática y = x^3 . Usaremos etiquetas en el eje X desde -10 hasta 10 y graficar los valores correspondientes para y . Aquí tienes el código que necesitas para generar la gráfica: <html lang="es"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Graficar Funciones con JavaScript</title>     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body>     <h1>Graficar Funciones con JavaScript y HTML</h1>     <canvas id="miGrafica" width="400" height="200"></canvas>     <script>   ...
Publicar un comentario
Leer más

Programación Full Stack con MEAN

Imagen
Buena semana, en el post de hoy tenemos a la primera invitada del año la MC Fabiola Rodriguez , ella tiene 16 años de experiencia en el área de Sistemas: 7 años en Helpdesk y 9 años de experiencia Desarrollo de Software principalmente con la plataforma de Microsoft, tiene una Maestría en tecnologías WEB y Dispositivos móviles, además de contar con varios diplomados y cursos de . He tenido la oportunidad de trabajar con ella  en la misma empresa  y ver varios de sus desarrollos los cuales cuentan con mucha calidad, estabilidad,buen Front End y son intuitivos, además de ofrecer un muy buena atención a sus usuarios.  Ella nos va a platicar acerca de un nueva tecnología llamada MEAN    Programación Full Stack con MEAN Este tema para mí que egrese de la carrera de sistemas en el año 2004 fue totalmente y me pareció un reto, ahora casi 15 años cuando tuve oportunidad de conocerlo en la maestría en desarrollo web que curse en el 2019. Considero neces...
Publicar un comentario
Leer más

Especial Navideño dibujar Árbol de Navidad con Javascript

Imagen
Buen día, bienvenidos a este blog de programación, como ya estamos en época  Navideña , me gustaría compartirles un ejemplo de como  dibujar un Pino y una Corona de Navidad (con imaginación) en un lenguaje que ya vimos previamente que es Javascript . Para esto vamos a utilizar las etiquetas de Canvas que son soportadas en HTML5 y en los siguientes navegadores, Canvas es un termino para decir que es nuestra área de trabajo o nuestro lienzo donde vamos a dibujar, es soportado en los siguientes Browse: https://www.w3schools.com/html/html5_canvas.asp Para dibujar un circulo tenemos la función arc que tiene los siguiente parámetros context. arc(x,y,r,sAngle,eAngle,counterclockwise); coordenada x dentro del canvas  coordenada y dentro del canvas Valor del radio El angulo  inicial El angulo final Para especificar si es dentro o fuera la función  Para dibujar un arbolito es mediante líneas y mover sin despejar el lápiz pa...
1 comentario
Leer más

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