Entradas

Mostrando las entradas con la etiqueta Desarrollo Web

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

Cómo usar la API de Dragon Ball (Tutorial completo en JavaScript + Código descargable)

Imagen
Cómo usar la API de Dragon Ball (Tutorial completo en JavaScript + Código descargable) Aprender a consumir APIs es una de las habilidades más demandadas en programación hoy en día. En este tutorial te voy a enseñar paso a paso cómo hacerlo usando JavaScript… pero con un ejemplo mucho más interesante que los típicos datos aburridos. 👉 Vamos a construir una mini app real usando la API de Dragon Ball . ⚡ Al final podrás descargar el proyecto completo listo para usar. 📥 Descarga el proyecto completo Si quieres ahorrar tiempo y tener todo listo, puedes descargar el proyecto completo: 👉 Descargar HTML + JavaScript listo (Proyecto completo) Ejemplo de Dragon Ball API con JavaScript (Fetch paso a paso) A continuación verás un ejemplo completo de cómo consumir la Dragon Ball API usando JavaScript y fetch. Este ejemplo es ideal si estás aprendiendo APIs REST para proyectos reales. fetch("https://dragonball-api.com/api/characters?name=goku") .the...
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ódigo HTML y JavaScript para Mostrar Imágenes Aleatorias en tu Web

Imagen
  En esta publicación quiero compartirles el código de HTML y Javascript para que puedan mostrar imágenes aleatorias en una pagina WEB. Los usos que pueden darle es por ejemplo para un mensaje especial para un amigo, un detalle motivacional para su equipo de trabajo. Para poder hacerlos vamos a utilizar el siguiente código <html lang="es"> <head>     <meta charset="UTF-8"></meta>     <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>     <title>Mensaje del día</title>     <style>         body {             font-family: Arial, sans-serif;             text-align: center;             padding: 20px;         }         #randomImage {             max-width: 100%;         ...
Publicar un comentario
Leer más

🎨 Combinación de Colores en Moda y Programación con PHP: ¡Mezcla Creatividad y Código!

Imagen
Hola bienvenidos a otro post de este blog, estuve pensando en que otra área podíamos utilizar programación así que leyendo las noticias e Instagram, el 4 de mayo debió llevarse acabo La MET Gala , que es un evento que promueve  ( Museo Metropolitado de New York ) donde artistas, famosos y celebridades acuden al evento y siguen una temática en su vestimenta, este año es Tiempo: moda y su permanencia como no se llevo acabo muchos artistas decidieron recordar en Instagram con fotos de galas anteriores y Vogue hizo un vídeo con los momentos más representativos. Como resultado de esto  Pensé en la Moda para generar un programa y este post , no me considero una persona con el criterio para dar consejos de moda,  pero si una persona que pueda desarrollar una Página que de manera aleatoria nos sugiera 4 colores a combinar en nuestra ropa . Les platico un poco más acerca de la moda, hay 2 temporadas para la semana de la moda una para la colección primaver...
Publicar un comentario
Leer más

Comparador de Propuestas Laborales en PHP: Evalúa Ofertas de Empleo

Imagen
Bienvenidos a este su blog, espero estén teniendo un buen día un buen inicio de año llenos de muchos propósitos, quizá buscar un nuevo trabajo o cambiar de sector, pensando en este post les quiero compartir una ejemplo de una página WEB dinámica hecha en PHP que les puede servir de apoyo para tomar una decisión importante en su vida profesional. Hay veces que cuando recibimos una propuesta no sabemos muy bien como compararla para tomar una decisión o hay ocasiones que no recordamos todas las prestaciones que tenemos y en esta página tenemos las prestaciones más comunes en México que nos ayudan a tener a la mano la información y poder comparar de manera sencilla los montos. Antes de comenzar con la parte de programación, les quiero compartir algunos datos: Salario Bruto : es el salario antes de que te retengan impuestos. Salario Neto : Es el salario ya libre o el que realmente te depositan. Por La ley Federal de trabajo se deben otorgar como mínimo 15 días de aguinaldo ...
Publicar un comentario
Leer más

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

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