Consumo de una API REST con Vue.js y JavaScript

En este artículo te voy a enseñar a consumir una API REST usando JavaScript y el framework Vue.js, además de utilizar Bootstrap para el diseño. Al final vamos a tener una aplicación web que va a gestionar datos y hacer las 4 operaciones básicas: crear, actualizar, eliminar y obtener. Todo esto lo vamos a hacer sin tocar el código del servidor, pues simplemente nos vamos a enfocar en la programación del lado del cliente, así que solo veremos HTML, JavaScript y un poco de CSS. ...

diciembre 11, 2020 · 10 min · 1935 palabras · Parzibyte

Plugin para imprimir PDF de manera silenciosa con JavaScript

Hoy vengo a presentarte un plugin que recién he creado. Se trata de un plugin para imprimir un archivo PDF de manera silenciosa, es decir, sin pedir confirmación al usuario. El plugin no tiene costo y lo puedes usar gratis sin límite. Este plugin expone una API REST para que se pueda imprimir un PDF sin confirmación usando JavaScript. Basta con hacer una petición HTTP GET a la ruta del plugin enviando el nombre del PDF y el nombre de la impresora. Vas a poder imprimir un PDF: Local, existente en la computadora a partir de su ubicación De internet, expuesto públicamente A partir de HTML A partir de su representación como base64 Lo mejor de esto es que puedes usar las impresoras virtuales que ofrece Windows, de este modo puedes hacer tus pruebas de manera ecológica. A lo largo de este post te mostraré la documentación del plugin y todos los detalles del mismo. ...

diciembre 7, 2020 · 9 min · 1805 palabras · Parzibyte

Sistema acortador de enlaces con PHP similar a bitly

Hoy vengo a presentar un sistema que recién he terminado de programar. Se trata de un software open source escrito en PHP con MySQL y Bootstrap, mismo que es un acortador de enlaces similar a los acortadores como bit.ly. En este caso este programa se encarga de acortar enlaces, redireccionar a los usuarios y registrar cuando se hace clic. Aunque su funcionamiento está inspirado en los acortadores de enlaces, no tiene todas las funciones idénticas. Este software gratuito que he creado con PHP tiene las siguientes características: Login y gestión de usuarios Creación de enlaces Enlaces sin redireccionamiento instantáneo: en este caso, antes de redireccionar al usuario, se presenta una plantilla en donde se puede poner publicidad, avisos, redes sociales etcétera. Links con redireccionamiento instantáneo: simplemente redireccionan al usuario de manera transparente, registrando el clic o visita. Reporte general de clics en rango de fecha, con gráfica y descripción de los enlaces más populares Como siempre te digo, este software se puede personalizar, tomar como base, etcétera. Por cierto, hace un tiempo hice un software parecido pero ese acorta enlaces para ganar dinero, usando a su vez acortadores como ouo, adfly, etcétera. ...

diciembre 5, 2020 · 15 min · 3124 palabras · Parzibyte

JavaScript: fecha de inicio y fin de mes

En este post de programación en JavaScript y fechas te mostraré cómo obtener la fecha de inicio del mes actual, y cómo obtener la fecha del fin del mes actual. Por ejemplo, el mes en el que escribo este post es diciembre, así que te mostraré cómo obtener la fecha del 1 de diciembre del 2020 y cómo obtener el 31 de diciembre del 2020, independientemente del número de días que tiene cada mes. Adicionalmente te mostraré cómo formatear esa fecha en formato de YYYY-MM-DD, pero recuerda que puedes formatearlo como tú prefieras, pues tendrás el objeto de la clase Date al final. Por cierto, este código de JavaScript funciona tanto en el navegador como en el servidor usando Node. ...

diciembre 3, 2020 · 3 min · 564 palabras · Parzibyte

Toast con Vue.js - Notificaciones

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

noviembre 19, 2020 · 2 min · 253 palabras · Parzibyte

Dibujar arreglo en Canvas de JavaScript

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

noviembre 1, 2020 · 3 min · 616 palabras · Parzibyte

Simón dice en JavaScript - Juego

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

septiembre 29, 2020 · 10 min · 2119 palabras · Parzibyte

Reproducir sonidos con JavaScript

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

septiembre 28, 2020 · 3 min · 525 palabras · Parzibyte

El ahorcado (juego) en JavaScript

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 juego está escrito con el lenguaje JavaScript, usando Vue.js y Bootstrap. Cuenta con: Gestión de palabras. Puedes agregar y eliminar palabras para jugar al ahorcado Elección de palabra aleatoria: cada vez que juegas se selecciona una palabra aleatoria del banco de palabras que el usuario ha registrado Botones con letras para adivinar la palabra, mismos que se deshabilitan una vez que se ha intentado esa letra Imagen del ahorcado, misma que cambia con el número de intentos Juego totalmente responsivo (adaptable a teléfonos, tabletas, etcétera) 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. ...

septiembre 24, 2020 · 11 min · 2330 palabras · Parzibyte

Obtener enlaces de descarga de folder en Mediafire

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

septiembre 19, 2020 · 1 min · 161 palabras · Parzibyte