Bienvenido al blog de Parzibyte. Vas a encontrar tutoriales y tips de programación, bases de datos, redes, electrónica e informática general. Ejemplos de código, aplicaciones gratuitas y open source
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.
Obtener coordenadas GPS con PHP y JavaScript
Nota: vamos a suscribirnos a las actualizaciones de ubicación como en otro post que vimos anteriormente.
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.
Actualizaciones de ubicación con JavaScript y geolocation API
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 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 voy a explicar cómo hacer el juego de memorama en JavaScript. Pondré el código fuente y una demostración en línea.
Memorama programado en JavaScript – Tutorial de juego
Este juego de memorama en JS que vengo a presentar tiene las siguientes características:
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.
Aquí hay algunos posts que demuestran cómo imprimir a una impresora térmica:
Recuerda, si quieres un desarrollo personalizado también puedo hacerlo.
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.
El título es totalmente correcto: en este post te mostraré 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.
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.
Invertir arreglo en JavaScript
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 mostraré cómo hacer una petición JSON usando JavaScript y PHP como lenguaje de servidor.
Recuerda que ya hablamos sobre la definición de JSONP en otro post.
Nota: aquí está la demostración, y aquí el repositorio de GitHub.
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.
Esta es una recopilación de códigos de ejemplo para trabajar con el elemento canvas de HTML5 usando JavaScript.
Se puede dibujar prácticamente cualquier cosa sobre un canvas, simplemente hay que declararlo y obtener una referencia a él desde JavaScript.
Hemos estado haciendo varios trazos y figuras geométricas con Canvas y JavaScript. Hicimos líneas, dibujamos texto, triángulos, cuadrados, círculos y otras figuras variadas.
Hoy vamos a terminar esta serie de tutoriales viendo cómo dibujar una elipse en JavaScript a través de la función ellipse.
También vamos a ver cómo dibujar media elipse y cómo rotar a la misma.
En este post vamos a ver el uso de la función arc del contexto en un Canvas para poder dibujar círculos usando JavaScript.
Esta función permitirá dibujar un círculo completo o un medio círculo.
