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í. ...

Resumen: en este post te mostraré a escuchar el cambio de ubicación de un dispositivo con JavaScript. Por ejemplo, vigilar el cambio de ubicación en un dispositivo móvil cuando el usuario se mueve, camina o conduce. Vamos a usar JavaScript y la API ofrecida a través de navigator.geolocation. Concretamente veremos la función watchPosition. Nota: recomiendo primero dar un repaso por mi otro post para ver la introducción al acceso a la ubicación desde JavaScript. Si quieres ver lo que haremos al final del tutorial, puedes ver esta demostración. También puedes ver el repositorio en GitHub. ...

Resumen: en este post te mostraré a obtener la ubicación de un usuario para enviarla a un servidor con PHP, usando JavaScript y PHP. Vamos a usar JavaScript para acceder a las coordenadas GPS del dispositivo, y después vamos a usar fetch para enviar los datos a un servidor con PHP usando JSON. Nota: vamos a suscribirnos a las actualizaciones de ubicación como en otro post que vimos anteriormente. ...