En el post de hoy te enseñaré a obtener un elemento aleatorio de un array o arreglo de JavaScript. Básicamente vamos a elegir una muestra al azar de nuestro arreglo. Verás que es muy simple. ...

Hoy voy a enseñarte una app móvil y web que sirve para llevar el registro de las deudas y gastos compartidos entre cierto grupo de personas. En esta app puedes registrar las deudas que tienes, y las otras personas pueden registrar lo que tú le debes a ellas. Además, las deudas o gastos pueden ser de persona a persona o compartidas entre todos. A lo largo de este post te mostraré las características de la app, los módulos que tiene y cómo funciona. Desde ahora te cuento que esta es una PWA y puede ser usada en móviles o en computadoras como si fuera nativa. Entre sus características encontramos: Sincronización de datos en tiempo real Trabajo sin conexión (los datos se suben cuando la conexión regresa) PWA que puede ser usada como nativa o en el navegador web Manejo de usuarios Control de deudas con opción para repartir los gastos y liquidar las deudas Filtros para acreedores y deudores Totalmente gratuita y open source, puede ser usada como un proyecto de estudiante Tú puedes tener tu propia versión, solo debes configurar el SDK de Firebase y comenzar a usar la app Por cierto, la he hecho usando Firebase con Firestore Database y Vue con Buefy. ...

Hoy te mostraré cómo ajustar las reglas de una base de datos de Firestore en Firebase para deshabilitar los permisos de eliminar y actualizar en determinada colección, sin importar el usuario o documento. Específicamente vamos a modificar las reglas de update y delete. ...

Hoy te mostraré cómo crear y configurar un proyecto de Firebase para usarlo en la web con JavaScript usando NPM y Webpack. Al final vamos a obtener las claves de acceso al proyecto para poder usar el SDK de Firebase en tu aplicación web. ...

Hoy voy a enseñarte cómo convertir cualquier aplicación web en una PWA o Progressive Web App. Tú puedes programar en cualquier lenguaje y Framework, ya que las PWA no están atadas a algo más allá de JavaScript. Así que mientras tu app conste de archivos del lado del cliente, podrás convertirla en PWA. Y con estos archivos me refiero a CSS, JS, HTML, imágenes, etcétera. Te repito que para crear una PWA no necesitas usar un framework específico, así que puedes usar JavaScript puro, Angular, Vue, React, jQuery (bueno, jQuery no, ya es obsoleto) y cualquier otro que genere JavaScript al final. ...

En este corto post te mostraré cómo evitar que los archivos source map sean creados al compilar una app de Vue ejecutando npm run build. Si has compilado tu aplicación web habrás notado que dentro de dist existen carpetas de js y css que dentro tienen archivos .js.map o .css.map; y si quieres que no se generen hoy te mostraré cómo hacerlo. ...

Hoy ando trabajando con algunas cosas de Firebase, específicamente migrando de Realtime database a Firestore y me confundí un poco al eliminar un documento. Por ello es que en este post te mostraré cómo eliminar un documento (de una colección) a través de su ID al usar Firestore Database en la versión web. ...

En este corto post te mostraré las principales diferencias entre la versión 1 y la versión 2 del plugin para impresión en impresoras térmicas que he desarrollado. Recuerda que ambos cumplen la misma función: imprimir silenciosamente en impresoras térmicas desde JavaScript, y para el caso de la versión 2, hacer lo mismo pero en varios lenguajes. ...

En este post te mostraré cómo arreglar el error de mi plugin de impresión que dice: Error en el servidor: sql: no rows in result set. Este error dice que no hay filas en la base de datos, y tal vez te estarás preguntando qué tiene que ver la impresión con una base de datos, por lo que justamente eso será lo que trataré en este post. ...

En este post te mostraré algo muy simple pero que no todos sabemos al principio: cómo conectar un lector de código de barras a nuestra aplicación de JavaScript. Con esto me refiero a un lector de código de barras físico, conectado a la computadora ya sea por USB o PS/2. Vamos a leer el código de barras y saber cuando el código se ha terminado de leer. Todo esto en la web con JavaScript y un input. Nota: recuerda que en mi blog ya te enseñé a leer códigos de barras en JavaScript con la cámara del dispositivo, pero no con un lector físico de esos que tienen “luces rojas”. ...