Javascript

En este post te mostraré un sistema de ventas gratuito para descargar, fácil de usar e instalar. Es más enfocado en el usuario final que en el programador. No es un post falso ni nada de esas cosas. Realmente te enseñaré un sistema POS que he programado hace tiempo, compilado para Windows y empaquetado para que tú puedas descargarlo y comenzar a usarlo. El sistema PDV que te enseñaré está pensado para comerciantes, dueños de negocios, tiendas de ropa, abarrotes, etcétera, pues solo necesita una computadora para ejecutarse. Por cierto, si te lo preguntas, el sistema es uno que ya presenté anteriormente en la nube, solo que ahora lo quitaré de la nube y será gratis para descargar. Nota: hoy 4 de mayo de 2022 he publicado la versión de este sistema para Android, igualmente es gratuita. Nota 2: en noviembre de 2022 he publicado este punto de venta gratis para Raspberry Pi. Totalmente gratis. Nota 3: junio de 2025 ya existe el sucesor de este sistema, mejorado y totalmente gratis: https://parzibyte.me/apps/pos/#/login Enlace de descarga: https://github.com/parzibyte/sublime_pos_3_releases/releases/tag/v1.2 ...

En este post te enseñaré a validar formularios HTML usando JavaScript nativo o JS puro, sin usar frameworks ni librerías externas. De este modo vas a poder comprobar si un formulario se envía dependiendo de los valores que el usuario haya colocado. Te enseñaré un ejemplo para que veas cómo validar un formulario en JavaScript apoyándote además de la validación nativa de HTML. Solo recuerda que la validación del lado del cliente se hace por mera decoración, y no por seguridad; ya que la seguridad se aplica en el lado del servidor. ...

Hace mucho tiempo en mis inicios en la programación hice un conversor de unidades usando JavaScript, HTML, CSS y los frameworks Bootstrap y jQuery. Era para mi clase de física. Hoy vengo a presentarlo y compartirlo por si a alguien más le sirve. Es un simple convertidor de unidades web que transforma de una unidad a otra. Soporta: Longitud Masa Tiempo Energía Frecuencia Presión Tamaño de datos Temperatura Velocidad Volumen Área A través de este post te mostraré cómo funciona, cómo descargarlo y cómo está hecho. ...

Al redondear números en cualquier lenguaje de programación como puede ser Python, Java, JavaScript, PHP, C, etcétera podemos usar floor, round y ceil para redondear hacia abajo, dependiendo del número o hacia arriba. Sin embargo cuando usamos round para redondear dependiendo del número, pasa algo. Si el número termina en .5 sube al siguiente, por ejemplo el 6.5 sube a 7. En ocasiones necesitamos que el número se redondee hacia abajo si su parte decimal es 0.5 o menos, y se redondee hacia arriba si no lo es. Así que en este post te mostraré cómo redondear dependiendo si el número termina en 0.5 sin importar el lenguaje de programación. ...

Hace un tiempo te mostré un contador de visitas simple en PHP. Ahora te traigo una versión avanzada que brinda además gráficas y reportes. Como bien sabes, anteriormente hicimos un script para contar los visitantes y visitas, pero fue algo muy simple y no contaba con total precisión. En el sistema que te mostraré ahora se van a contar las visitas y visitantes, además de mostrar una gráfica con la cantidad de visitas y visitantes que se hayan tenido en un período. Del mismo modo se van a mostrar las páginas más vistas según determinada fecha, y del mismo modo vamos a ver cómo han visitado determinada página en un rango de fechas. Todo el sistema que te presentaré es gratuito y open source, así que a través del post colocaré el código fuente. ...

Por mucho tiempo he buscado la manera de imprimir texto en español en un ticket con una impresora térmica desde JavaScript, incluyendo también la letra ñ, el signo de apertura de interrogación, etcétera. Esto es necesario porque en varias ocasiones necesitamos colocar algo como ¡Gracias por su compra! al final del ticket, y si no contamos con el símbolo ¡ entonces el mensaje puede no verse bien. Lo mismo pasa cuando el nombre de un cliente tiene acentos y necesitamos imprimirlo en el ticket. Por ello es que en este post te mostraré cómo imprimir texto con acentos en una impresora térmica usando JavaScript. ...

Al imprimir tickets, recibos y todo tipo de contenido en las impresoras térmicas surge la necesidad de imprimir imágenes. Por ejemplo, a veces es necesario imprimir el logotipo de la empresa o tienda de donde se imprime el ticket, pues le da una presentación agradable. Hoy te enseñaré cómo usar JavaScript para imprimir imágenes en una impresora térmica. Las imágenes pueden ser locales o de una URL como localhost e incluso de internet. ...

Hace ya mucho tiempo presenté un plugin para imprimir a una impresora térmica directamente desde la nube, usando un plugin gratuito y JavaScript. Si has usado el plugin sabes que tiene ciertas limitaciones, así que ahora he creado la versión 2 que no tiene nada que ver con el anterior, excepto por el funcionamiento: permitir imprimir en impresoras térmicas desde JavaScript. En este post te mostraré los cambios del nuevo plugin, cómo descargarlo, usarlo, etcétera. ...

En este post te enseñaré a enfocar un campo de texto o input de HTML usando el Framework Vue. Aunque parezca algo muy básico, en realidad hay algunos casos en donde enfocar no es tan fácil. Te enseñaré cómo enfocar un elemento con Vue, y también con Vuetify. ...

En este post te mostraré una aplicación de checador de transporte público (es web, pero puede ser convertida en app móvil nativa gracias a las PWA) para monitorear y registrar los horarios en los que pasa el transporte público. Esta app es ideal para la persona que es el “checador” del transporte, mismo que registra los horarios en los que pasa cada unidad hacia cada destino o ruta junto con su número. Más tarde, se puede saber hace cuánto tiempo pasó el transporte a determinado destino, además de calcular el tiempo promedio y llevar reportes por fecha. Como varios de mis proyectos, esta PWA de checador de transporte público es open source y gratuita. A lo largo del post te enseñaré los aspectos técnicos, cómo descargar el código y cómo descargar la app. ...