En este post te mostraré cómo prevenir que se seleccione otra opción en un select o lista desplegable de HTML usando JavaScript. Por ejemplo, evitar que el select cambie de opción si el usuario no acepta determinada cosa.
Lo vamos a hacer usando JavaScript puro.
Hoy te mostraré cómo puedes obtener la ubicación de un usuario o visitante de tu sitio web a través de su IP, consumiendo una API para la geolocalización o ubicación a partir de la IP.
De este modo vas a poder conocer la ubicación del usuario (con latitud y longitud) sin solicitarle permisos extra, aunque quiero dejar claro que obtener la ubicación por IP es mucho menos precisa que obtenerla a través del GPS.
Si solo quieres una ubicación aproximada, esta API funcionará de maravilla y al final vas a tener las coordenadas de su ubicación.
Hoy te voy a mostrar un servicio gratuito y sin límite para obtener la IP del usuario. Es decir, se tiene que hacer una petición al servidor y el mismo te devuelve la IP del host.
Esto es útil para obtener la IP desde el cliente, sin importar el lenguaje de programación. Además, también sirve para cuando necesitamos consumir otras APIs (por ejemplo, una que te diga el clima) que requieren la IP.
Veamos entonces esta API para obtener la IP pública. Te voy a mostrar un ejemplo para obtenerla con JavaScript del lado del cliente, pero se puede consumir desde cualquier lenguaje que hable HTTP.
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 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:
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:
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 veremos cómo determinar o saber la URL de un proyecto de Laravel, es decir, obtener la URL absoluta.
Esto sirve en ocasiones que necesitamos determinar la url completa para por ejemplo consumir una API de Laravel desde JavaScript, incluir assets, determinar el dominio, etcétera.
Con esto me refiero a que obtendrías una URL como:
http://localhost/sistema_ventas_laravel_julio/public/
O, si está en un dominio de internet, algo como:
https://parzibyte.me/apps/sistema_ventas_laravel/public/
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é cómo hacer que la sesión persista al usar la fetch API de JavaScript. Pasa que en ocasiones hacemos cosas con la sesión del lado del servidor, pero al usar fetch no se toma en cuenta la sesión.
Por ejemplo, iniciamos sesión con fetch y al querer acceder a un recurso protegido con la sesión, nos dice que no hay datos de sesión o que no estamos logueados.
Te mostraré cómo hacer que la sesión del lado del servidor (lo he probado con PHP, Go y Node.js o bueno JavaScript del lado del cliente) persista al usar 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.
Hoy veremos cómo usar JavaScript para limitar el tamaño de un archivo que se carga en un input de tipo file. Es decir, solo permitir que se seleccionen archivos menores a determinada cantidad, por ejemplo, 10 Megabytes.
Todo esto lo haremos en el lado del cliente.
