Javascript

En este post te mostraré cómo crear un modelo de Mongoose para guardarlo en una base de datos de MongoDB. Además, te mostraré cómo hacer las cuatro operaciones fundamentales. Será un ejemplo muy simple para comenzar a usar esta librería que permite definir modelos que más adelante vamos a insertar, actualizar, listar o eliminar de una base de datos de MongoDB. Nota: aquí asumo que ya tienes un poco de conocimiento con node para ejecutar un archivo de JavaScript, iniciar el servidor, etcétera. ...

Hoy te voy a mostrar cómo conectar dos tecnologías: PHP y React. Vamos a ver cómo traer y enviar datos a PHP (para guardarlos en MySQL) desde React también conocido como React JS. Al final podremos decir que estamos conectando React con PHP y MySQL. Lo que vamos a hacer será las 4 operaciones fundamentales (Crear, actualizar, eliminar y obtener) datos de MySQL para pasarlos a PHP y luego a React a través de una API. Como resultado vamos a tener una aplicación web creada totalmente con React que consume archivos de PHP a través de AJAX con JSON. Por cierto, será una SPA o Single Page Application. ...

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

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

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

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

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 post te mostraré el juego de Tetris programado en JavaScript puro, totalmente gratuito y open source. Este juego de bloques está programado con JavaScript y utiliza canvas para pintar el juego. También utilizo Bootstrap para el diseño de los botones y la página en general, con un poco de SweetAlert para las ventanas. Aunque se vea sencillo de hacer, es uno de los trabajos que más me ha costado realizar y del cual me siento más orgulloso. Fue complejo (para mí) comprender toda la lógica para las colisiones, rotaciones, eliminación de filas, movimiento de piezas, límites, etcétera. Entre las características del juego encontramos: Sonidos: música de fondo, sonido cuando la pieza no se puede rotar, cuando se hace una fila completa y cuando el tetrominó toca el suelo Colores: cada pieza tiene un color aleatorio elegido en tiempo de ejecución Rotaciones: las piezas se pueden rotar para acomodarlas y acumular puntos Compatible con móviles: debido a que es web, he agregado unos botones para poder jugarlo en móviles, pero también se puede jugar con el teclado Código abierto: puedes modificar el juego, el tablero, la longitud, velocidad, piezas, rotaciones, etcétera. Port de tetris: se comporta como cualquier juego de tetris normal Pausa del juego: el juego se puede pausar o reanudar en cualquier momento Veamos entonces los detalles de este juego programado en JS. A lo largo del post te mostraré cómo es que este juego está programado, también te dejaré una demostración y el código completo. Nota: figura, pieza y tetrominó serán usados como sinónimos en este post. ...

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