Cortar cadena (obtener parte de string) en JavaScript En este post te mostraré a obtener un fragmento de una cadena en JavaScript, es decir, cortar o extraer parte de una cadena de otra usando JS. Este ejercicio sirve para extraer parte de una cadena en el navegador y en Node.js Nota: recuerda que esto ya lo hicimos con PHP. ...
Códigos de barras con JavaScript En este post te voy a mostrar algunos ejemplos y usos de la librería JsBarcode para generar códigos de barras en elementos HTML usando JavaScript. Vamos a generar códigos de barras con JavaScript en 3 elementos: SVG Canvas Imagen Si deseas mantener la calidad del código de barras, recomiendo que uses el formato SVG. Nota: esta librería no necesita otras librerías o dependencias, funciona con JavaScript puro y por lo tanto se puede usar en cualquier proyecto de JavaScript. ...
Resumen En este post te voy a mostrar a ocultar elementos al imprimir una página web, exceptuando algún elemento como un párrafo, imagen o encabezado. Por ejemplo, imprimir algo con Javascript y CSS pero quitando algunos elementos excepto un contenedor o elementos que cumplan cierto criterio. Para lograrlo vamos a usar CSS y Javascript. El CSS será usado para ocultar al imprimir, y el JavaScript para agregar y remover algunas clases al momento de imprimir. ...
Resumen En este post te mostraré cómo repetir cosas en la vista de una app con Vue.JS usando v-for. v-for permite iterar arreglos, objetos y también hacer ciclos. Veremos cómo usar v-for, además de proporcionar la clave con :key y finalmente tomar el índice y el valor por separado. Nota: a través de los ejemplos usaré Bootstrap 4 para un mejor diseño, aunque esto no va a interferir con el tema principal de v-for y Vue. ...
Uso de los filtros en Vue JS En este post te voy a mostrar cómo declarar y usar los filtros en Vue.js: un buen framework de JavaScript. ...
Convertir un objeto a arreglo en JavaScript En este post te voy a mostrar a convertir un objeto o diccionario a un arreglo o array en JavaScript. Vamos a repasar 3 funciones: Object.entries Object.values Object.keys Tema de la captura: SynthWave ‘84. Esas funciones nos van a servir para convertir un objeto a arreglo en JavaScript de 3 formas. El primero extrayendo cada clave y valor como un nuevo arreglo, el segundo extrayendo únicamente los valores y el tercero obteniendo únicamente las claves. ...
Resumen En este post te mostraré a crear un enlace para compartir una página web o un enlace en WhatsApp usando la (muy limitada) API de WhatsApp. También te enseñaré a enviar un mensaje a un usuario específico según su número, de modo que al tocar el enlace se nos llevará directo a su chat. Voy a mostrarte cómo crear un enlace usando HTML puro, otro usando PHP y otro usando JavaScript. ...
Resumen En esta entrada te mostraré cómo podemos eliminar un elemento de un array en JavaScript, ya sea a partir de su índice o a partir de su valor. Vamos a usar el método splice de los arreglos en JavaScript, acompañado en alguna ocasión de indexOf o de findIndex según sea el caso. ...
Resumen En este post te voy a mostrar a sacar la diferencia entre dos arreglos de JavaScript. Es decir, obtener los elementos que existen en un arreglo A pero no existen en otro arreglo B. La función que te voy a mostrar va a regresar un nuevo arreglo que tiene los elementos que hay en A pero no en B. ...
Resumen: en este post vamos a ver cómo obtener la ubicación del usuario (coordenadas) usando JavaScript. Gracias a este método podremos obtener la ubicación precisa de un teléfono, tableta o computadora, pues mientras se cuente con un navegador actualizado y GPS o internet se puede obtener la latitud y longitud de un dispositivo. Para acceder a la ubicación con JavaScript vamos a usar navigator.geolocation y su método getCurrentPosition. También vamos a manejar los permisos de acceso a la ubicación desde el navegador. Puedes acceder a la demostración aquí, y al repositorio en GitHub aquí. ...