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 […]
El ahorcado (juego) en JavaScript Leer más »
En este post te mostraré el juego de Conecta 4 programado en JavaScript con HTML y Vue, con estilos de Bootstrap. 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
Conecta 4 en JavaScript y HTML Leer más »
En este post te mostraré cómo hacer un autocompletado, autocomplete, auto completado o como le llames usando Bootstrap, Vue y una API. De modo que al final (por si no sabes lo que es un autocompletado) se cuente con una caja en donde se complete mientras el usuario escribe, así como la búsqueda de Google.
Autocompletado con Bootstrap, Vue y API Leer más »
Hoy te voy a presentar un software web programado con Laravel (en el lenguaje PHP, usando un poco de JavaScript) y Vue.js que gestiona un inventario de artículos; permite tomar fotos de los mismos, agregar áreas, etcétera. No es un software terminado ni listo para usarse en producción, de hecho sirve más para aprender sobre
Sistema de administración de inventario en Laravel Leer más »
En este post veremos cómo definir reglas dinámicas en Vee Validate (un validador de formularios de Vue). Es decir, definir el valor máximo, valor mínimo, etcétera de forma dinámica, esto es, a través de una variable o expresión. Nota: esto aplica para la versión 3 de Vee Validate.
Reglas dinámicas con Vee Validate Leer más »
Buefy es un paquete de componentes que combinan BulmaCSS y Vue.js. Entre esos componentes encontramos el b-datepicker que no es más que un seleccionador de fechas, calendario o datepicker. Por defecto viene en inglés, pero provee la manera de especificar los meses y días en español, cosa que te enseñaré hoy: cómo poner el datepicker
DatePicker de Buefy en español Leer más »
En posts anteriores mostré la manera de eliminar las referencias de arreglos en JavaScript usando slice o el operador de propagación. Sin embargo, con el framework Vue las cosas son un poco distintas debido a su reactividad. Hoy te mostraré cómo eliminar la referencia de un arreglo en Vue o, en otras palabras, cómo realizar
Vue: eliminar referencias de arreglos Leer más »
Como sabemos, las plantillas de Vue no permiten colocar contenido HTML, y cualquier cadena HTML que se coloque será saneada para evitar posibles ataques, XSS entre ellos. Sin embargo Vue provee una manera fácil y sencilla de inyectar HTML “inseguro” en un componente o vista, y justamente es lo que veremos en este post.
Vue JS: inyectar HTML en vista Leer más »