En este post de programación con el framework Vue te mostraré cómo mostrar notificaciones, avisos o toasts usando la librería llamada vue-toasted que nos permitirá mostrar pequeños cuadros como notificaciones.
En este artículo de programación te mostraré cómo pintar o dibujar un arreglo (array, vector, como lo conozcas) en un canvas de JavaScript, logrando hacer una cuadricula.
Es decir, a partir de una matriz en JavaScript, dibujar una cuadricula en Canvas. Esto es útil por ejemplo al hacer un juego como snake, pues si tratamos todo como un arreglo, podemos desarrollar el juego en el mismo y luego solo pintar la matriz en el canvas.
Hoy te mostraré otro juego programado en JavaScript. Se trata de “Simón dice” (Simon says) también conocido simplemente como Simón; donde se repite una secuencia y el jugador debe imitarla. Según la wikipedia:
Simon es un juego electrónico creado por Ralph Baer y Howard J. Morrison en 1978. Tuvo un gran éxito durante los 80. Tiene forma de disco, en una de sus caras se puede ver cuatro cuadrantes, cada uno con un color: verde, rojo, azul y amarillo en su versión original. Su nombre se debe por el conocido juego tradicional del mismo nombre: Simón dice, de donde se inspira.
Es un juego físico pero lo he creado de manera virtual. En caso de que sigas sin entender, el juego es como el siguiente:
Juego físico de Simón – Simon says
A lo largo del post te mostraré cómo está conformado el juego, explicando su programación. También te dejaré el código fuente y la demostración para que puedas jugar simón dice en la web.
Hoy veremos cómo reproducir sonidos con JavaScript, desde sonidos de efectos (como para un videojuego) o una canción completa. Todo esto lo vamos a lograr usando JavaScript y HTML, sin que se muestre un reproductor de sonido.
En este post te mostraré un juego que he programado recientemente. Se trata de El ahorcado o hangman, en su versión web programado con JavaScript; totalmente gratuito y open source.
El ahorcado en JavaScript – Programación de juego
El juego está escrito con el lenguaje JavaScript, usando Vue.js y Bootstrap. Cuenta con:
A continuación te mostraré cómo está hecho, en dónde puedes descargarlo, etcétera. Pues es un juego open source y gratuito que puedes modificar sin problemas.
Hace algunos días iba a descargar de un folder o carpeta en Mediafire, un servicio de almacenamiento (como Mega, Dropbox, etcétera) pero al seleccionar varios archivos para su descarga, me solicitaba volverme premium.
Obtener enlaces de folder de Mediafire con script
Así que decidí hacer un pequeño script que extrajera todos los enlaces y me los diera como una cadena para simplemente pegarlos en un gestor de descargas como lo es MiPony.
Hace unos momentos estaba revisando mi historial de compras en Steam y me dio curiosidad por saber cuánto he gastado (o comprado) en total. Así que en lugar de hacer la cuenta a mano decidí hacer un pequeño script.
Por cierto, esto es para probar en la página de Steam en un navegador. La página es: https://store.steampowered.com/account/history/
GitHub es una gran fuente de scripts y código open source que nos facilita la vida. Los desarrolladores ponen a nuestra disposición las librerías, mismas que podemos descargar e incluir en nuestros proyectos.
En ocasiones necesitamos cargar esas librerías sin descargarlas, es decir, usar GitHub como host para cargar los scripts. Y eso era posible hace tiempo gracias a Rawgit, pero ahora ha dejado de funcionar.
Por lo tanto, buscando, encontré una alternativa: jsDelivr.
En esta corta entrada te mostraré cómo insertar un botón flotante en una esquina de la página web, usando JavaScript. Es decir, crear el botón de manera dinámica y colocarlo en una de las esquinas, de manera que se vea que “flota” y que está fijo.
Botón flotante en esquina – Insertado con JavaScript
En este post te mostraré cómo exportar una página web a PDF a través de un botón, enlace o cualquier cosa soportada por JavaScript. A este proceso también se le conoce como convertir HTML a PDF.
Convertir HTML a PDF con JavaScript
Es decir, convertir web a PDF usando programación con JavaScript y las siguientes librerías:
De hecho, html2pdf usa las dos librerías anteriores. Aunque parece complejo, verás que no lo es realmente. Con esta librería podemos crear un PDF muy parecido a la página web, incluyendo imágenes.
En este post te mostraré cómo obtener los parámetros de la URL de JavaScript, en el lado del cliente. Es decir, obtener los parámetros como cuando en PHP accedemos a $_GET. Por ejemplo, la siguiente url:
localhost/pagina.html?nombre=parzibyte
Tiene el valor nombre en la clave parzibyte. Te mostraré justamente cómo extraer ese valor desde JavaScript; vamos a usar URLSearchParams y window.location.search.
En este post de programación con JavaScript del lado del servidor en el entorno de Node te mostraré cómo asegurar las contraseñas de los usuarios; esto es, encriptarlas.
De hecho me parece que el término correcto es hashear, pues encriptar es convertir algo plano a encriptado y luego poder hacer lo contrario; en cambio hashear es convertir algo plano a encriptado, pero ya no poder obtener el valor original a partir del encriptado.
Como sea, te mostraré cómo asegurar, encriptar o cifrar las contraseñas. Vamos a usar el algoritmo bcrypt pues es perfecto para hashear contraseñas en Node.
En este post de programación te voy a enseñar cómo hacer un Update o actualizar un dato usando Sequelize, un ORM de Node. Es decir, actualizar ciertos campos de un modelo usando un where.
Todo esto lo haremos con Sequelize, no vamos a escribir consultas SQL manuales.
En este post te mostraré el juego de Conecta 4 programado en JavaScript con HTML y Vue, con estilos de Bootstrap.
Conecta 4 en JavaScript, HTML – Versión web
Es el juego de Conecta 4 pero versión web con opción jugador contra jugador, así como jugador contra CPU que usa una pequeña inteligencia artificial.
A lo largo del post te mostraré cómo funciona el juego, qué tecnologías he usado, estilos, etcétera. También te mostraré cómo descargar el código fuente, pues el juego es totalmente gratuito y open source. Finalmente te dejaré una demostración para jugar conecta 4 en línea.
En este post te mostraré cómo obtener un número aleatorio indicando un mínimo y un máximo usando JavaScript. Es decir, un número aleatorio entre dos números con JS.
