Javascript

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

Resumen: en este post te voy a explicar cómo hacer el juego de memorama en JavaScript. Pondré el código fuente y una demostración en línea. Este juego también es conocido como “Memoria”. Características del memorama con JavaScript Este juego de memorama en JS que vengo a presentar tiene las siguientes características: Totalmente responsivo, es decir, se adapta a cualquier pantalla Las imágenes se pueden cambiar Intentos máximos modificables Alerta para cuando ganas y cuando pierdes Código fuente modificable Nota: otro videojuego que desarrollé con JavaScript fue el de snake. ...

Resumen: en este post te mostraré a mezclar los elementos de un arreglo en JavaScript, de tal manera que los items del array estén en un orden distinto, algo así como randomizar el arreglo o hacerlo aleatorio. Voy a demostrarlo con ejemplos y con una demostración que podrás probar en línea. ...

Este post es una recopilación de artículos que te muestran cómo mandar datos a una impresora térmica. Como sabemos, las impresoras térmicas sirven para muchas cosas; por ejemplo, imprimir tickets, facturas, detalles de turnos, comprobantes de pago, etcétera. La impresión de tickets puede hacerse desde el lado del cliente o del servidor; cuando subimos nuestra app web a internet se necesita imprimir forzosamente del lado del cliente. API HTTP a ESC POS He creado una API local (no necesita internet) que convierte JSON a operaciones ESC POS y es consumible desde cualquier lenguaje de programación. Puedes ir ya mismo a la documentación HTTP a ESC POS. ...

En este post te voy a enseñar a imprimir en una impresora térmica usando JavaScript del lado del cliente, evitando confirmación por parte del usuario, gracias a un plugin. English version here. ...

El título es totalmente correcto: en este post te enseñaré a imprimir tickets, recibos o facturas en una impresora térmica usando JavaScript del lado del cliente incluso si tu página web o aplicación está en un servidor en la nube. Como sabemos, imprimir un ticket con JavaScript es posible, pero difícil para el usuario final, pues tiene que seleccionar la impresora y confirmar la impresión. Otra desventaja de imprimir con JavaScript sin plugin es que no podemos cortar el papel, abrir el cajón o cosas de esas. Por eso es que he creado la solución al problema y vengo a exponerla. Y no, no es una broma ni un post engañoso. English version here. ...

Hoy vamos a ver cómo invertir un arreglo en JavaScript de dos maneras: con un método manual que usa ciclos e intercambio de variables, y con uno que invierte el arreglo con funciones nativas. Voy a mostrar dos maneras de invertir el arreglo porque, aunque ya existe la función nativa, es importante analizar (sobre todo si eres estudiante) algunos algoritmos y ejercicios con arreglos de JavaScript. ...

En este post te voy a mostrar varios ejemplos de código para acceder al micrófono y a la cámara con JavaScript para, por ejemplo, tomar fotos, tomar vídeos y grabar audio. El lenguaje de programación JavaScript puede interactuar con el micrófono y con la cámara de un dispositivo gracias a las APIs recientes que los navegadores han implementado. Gracias a que podemos acceder a la cámara y al micrófono con JavaScript, se pueden crear aplicaciones con más características. Además, se puede usar la cámara de una PC o la de un teléfono, al igual que el micrófono, y todo usando simplemente JavaScript. ...

En este post te voy a explicar qué es JSONP, para qué usarlo, cuál es la diferencia entre JSONP y JSON, algunos ejemplos y por qué fue creado. Recuerda que JSONP está ligado a JavaScript del lado del cliente, y que la programación del lado del servidor puede ser con cualquier lenguaje, pero del lado del servidor se maneja de igual manera; justo como las peticiones AJAX. ...