Hoy veremos algo muy simple en JS: cómo agregar un elemento a un arreglo ya sea para agregarlo al inicio o al final. Esto lo vamos a hacer con JavaScript así que puede que funcione para los frameworks como Vue, React, Angular o jQuery. Recuerda que un array en JavaScript puede tener elementos mixtos y de cualquier tipo. Por otro lado puedes agregar elementos sin límite. Veamos entonces cómo agregar un elemento a un array en JavaScript. ...
Hoy te mostraré cómo hacer una lista de tareas pendientes con JavaScript puro, sin frameworks. A esto también se le conoce como To Do list. Este proyecto de lista de pendientes es un proyecto básico para comenzar en este mundo de la programación web. Solo usaremos JavaScript, arreglos, acceso a los elementos del DOM, eventos y almacenamiento con localstorage. Lo que tendremos al final será una lista de tareas. A cada tarea podremos marcarla como completada o eliminarla, y también agregar una nueva tarea. Todo será guardado en LocalStorage dentro del navegador web. ...
En este artículo te mostraré un software para recetas que es gratuito y open source. Esto también puede ser conocido como recetario online, libro de recetas, libro de recetas en línea, alternativa simple y open source a kiwilimón, libro de cocina online, programa para recetas, programa para gestionar recetas, sitio de cocina, etcétera. Lo que te muestro aquí está hecho con Vue y PHP usando MySQL como base de datos. Permite: Registrar recetas con foto, nombre, porciones, ingredientes y pasos Los ingredientes cambian dependiendo de las porciones de manera automática Listar recetas en tabla para editarlas y eliminarlas, es decir, gestionarlas Mostrar recetario o libro de cocina en línea con opción de búsqueda Imprimir receta de manera amigable Ver detalles de receta con cajas de texto para marcar los ingredientes y pasos completados Modificar el software a tus necesidades ya que es open source y gratuito Oh, y si te lo preguntas, decidí crearlo porque en una ocasión busqué una receta y el sitio en donde la encontré no me daba la opción de imprimirlo. Vamos allá. ...
En este corto post sobre Vue y el enrutador del mismo te mostraré cómo ir de un componente a otro de manera programada, es decir, desde el código. De este modo podrás navegar de manera programada con el Vue Router al hacer clic en algún botón o en cualquier acción, pues lo harás por medio del código de JavaScript o TypeScript. ...
Hoy te mostraré algo simple pero necesario cuando estamos programando con JavaScript: cómo iterar o recorrer un objeto. Vamos a usar Object.entries y el ciclo for of para iterar un objeto obteniendo su clave y su valor en cada paso. ...
Hoy vengo a presentar un generador de códigos QR que es gratis de usar para el usuario final (no necesitas registrarte ni usar una cuenta) además de que es open source para los programadores. En este post te voy a mostrar el enlace de la aplicación, cómo usarlo y cómo está hecho. Actualización: he actualizado este generador para que ya no necesite Vue ...
En este post te mostraré un seleccionador de colores o input de tipo color (también conocido como color picker) que me gustó para su uso con el framework Vue. El picker del que hablo se llama vue-color y permite usar varios selectores de color. ...
En este post de programación web te voy a mostrar cómo generar códigos QR desde JS o JavaScript para que puedas generar un QR desde la web. Vamos a usar una librería de terceros; verás que es muy simple crear códigos QR y tal vez esto te anime para crear tu propio generador. Te aviso que vamos a usar JavaScript puro, así que puedes portar este código para frameworks como Angular, React o Vue. ...
Hoy te voy a presentar un software gratuito y open source para poner marcas de agua a una imagen. Lo que tienes que hacer es simplemente seleccionar la imagen, la marca de agua y listo. Además, puedes ajustar la opacidad y la separación entre marcas de agua. Por otro lado, si no te parece algún aspecto, puedes modificar el código fuente pues es totalmente open source. He escrito este programa en PHP y JavaScript. Básicamente el procesamiento lo hace PHP, y JS solo es el frontend. Sé bien que esto se podría hacer con JavaScript para no cargar al servidor, pero a mí me funciona así y por eso es que lo hice de esa manera. A lo largo de este post te mostraré todos los detalles sobre este programa. ...
Hace un tiempo te mostré cómo formatear fechas en JavaScript pero lo hacíamos de manera manual extrayendo el año, mes, día, etcétera y concatenándolos. Hoy te voy a mostrar la forma correcta de hacerlo, respetando además el locale. De este modo podrás formatear fechas para distintos lugares y países. Para ello vamos a usar DateTimeFormat. ...