Javascript

En este post te mostraré cómo leer códigos de barras en el navegador web ya sea de una computadora o dispositivo móvil, usando la cámara del teléfono o la cámara web; y el lenguaje nativo JavaScript. Esto hace que podamos hacer nuestras aplicaciones web todavía más diversas y con más características; en un ejemplo simple se me ocurre escanear el código de barras para un sistema de ventas. La librería que vamos a usar se llama QuaggaJS y es capaz de leer códigos de barras con formato EAN, CODE 128, CODE 39, EAN 8, UPC-A, UPC-C, I2of5, 2of5, CODE 93 y CODABAR. Con esto, podremos leer códigos de barras en dispositivos móviles o computadoras en tiempo real. ...

En este post te mostraré cómo hacer un autocompletado, autocomplete, auto completado o como le llames usando Bootstrap, Vue y una API. De modo que al final (por si no sabes lo que es un autocompletado) se cuente con una caja en donde se complete mientras el usuario escribe, así como la búsqueda de Google. Te mostraré dos ejemplos, uno en donde los resultados se completan localmente, y otro en donde se hace una búsqueda para traer los resultados de la API en tiempo real. Voy a dejar el código completo al final. Nota: si buscas un autocompletado con JavaScript puro, mira Awesomplete. ...

En JavaScript podemos abrir una nueva pestaña o ventana (window) y comunicarnos con ella. Es decir, abrir una ventana con window.open y después hacer algo de lo siguiente: Enviarle mensajes o datos a la ventana hija, recién abierta Desde la ventana abierta, enviarle mensajes o datos a la ventana padre Veamos cómo comunicar o enviar datos entre ventanas con JavaScript. Al final del post dejaré un ejemplo para que puedas probarlo y analizarlo tú mismo. ...

Hoy vengo a presentar un software de comercio electrónico, tienda online o e-commerce escrito en Angular, con los estilos de Angular Material, y con una API escrita con JavaScript del lado del servidor usando Node con Express. Para la base de datos se ha usado MySQL. El software es open source; puede ser descargado y modificado por cualquier persona. Entre sus características encontramos: Gestión de productos Fotos de productos (guardadas en el disco duro) Carrito de compras por cada usuario Registro de venta con dirección de envío Vista de tienda Detalle de producto Quiero aclarar que no es un software listo para producción, y más bien es un proyecto escolar que puede servir ya sea como base para un proyecto completo de un e-commerce o para otro proyecto escolar. Veamos ahora cómo es que está programado, en dónde se puede descargar. etcétera. ...

En este post te mostraré un ejemplo sencillo y claro de cómo manejar la sesión o persistencia de sesión en Node.js usando el framework express.js Vamos a usar el paquete express-session; y de este modo podremos acceder a los datos de sesión de la petición. Gracias a la sesión podemos hacer varias cosas. Por ejemplo, restringir el acceso solo a usuarios logueados o llevar algo como un carrito de compras. ...

En este post te mostraré, de manera simple, cómo enviar datos codificados como JSON desde Angular a un servidor con node. Vamos a usar express en el lado del servidor; y del lado del cliente simplemente fetch. ...

En este post te mostraré cómo configurar, de manera manual (es decir, sin librerías ni paquetes) CORS para Node.js específicamente usando el Framework express.js. Pasa que al configurar cors con un paquete no podía especificar claramente los encabezados adicionales como Access-Control-Allow-Headers. ...

CORS es necesario para compartir recursos en distintos dominios. Hoy vamos a ver cómo habilitar CORS con Node.js al usar express. Sé que CORS no es una cosa “que se habilite” pero encuentro facilidad al decirlo de este modo. De hecho lo que se hace es responder con un encabezado indicando cuáles dominios se permiten para compartir recursos. Bien, veamos cómo configurar CORS con Node. ...

Al programar en Node.js ejecutamos archivos de JavaScript con: node archivo.js. Si usamos un paquete para levantar un servidor (por ejemplo express) entonces vamos a tener que estar reiniciando el servidor cada que hagamos cambios. Afortunadamente existe una herramienta que permite vigilar los archivos de Node y recargarlos cuando se detecta un cambio; de este modo te evitas reiniciar el servidor en cada cambio. Vamos a usar nodemon. ...

En este post te mostraré cómo trabajar con un input de tipo checkbox en JavaScript. Será muy simple, veremos cómo marcar / desmarcar el input, y también cómo saber si está marcado o no. Usaremos JavaScript puro; nada de frameworks. ...