Javascript

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

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

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