Crear proyecto de Vue con TypeScript

En este post te mostraré cómo crear un proyecto de Vue usando el lenguaje de programación TypeScript en lugar de JavaScript. Como sabemos (en términos simples) TS es como JS mejorado; sobre todo por eso de los tipos (tipado fuerte) que previene errores como sumar números y cadenas, etcétera. ...

enero 28, 2020 · 4 min · 771 palabras · Parzibyte

App web de Go, Vue y PostgreSQL en Android con Termux

Este artículo es una demostración sobre cómo poder montar una aplicación web que usa VueJS del lado del cliente (con la vue cli), Go/Golang del lado del servidor y PostgreSQL como base de datos. Vamos a montar el proyecto web en un teléfono móvil con Android, usando la app Termux. Todo estará ejecutándose en Android, ya que se usará para programar. Es decir, tendremos a node vigilando los archivos js, a go compilando en el lado del servidor y a PostgreSQL almacenando los datos. ¡Vamos allá! ...

enero 27, 2020 · 3 min · 585 palabras · Parzibyte

Llenar select con Vue usando v-for

En este artículo te mostraré cómo renderizar un select (elemento HTML) o lista desplegable de HTML con Vue. Es decir, a partir de una lista de objetos, llenar un select y saber cuál elemento está seleccionado. ...

enero 10, 2020 · 2 min · 353 palabras · Parzibyte

Vue con Laravel - Configuración con Laravel Mix

En este post te mostraré cómo usar Vue con Laravel, es decir, crear componentes de Vue y usarlos dentro de Laravel, compilando los componentes de Vue que estarán en un archivo con extensión .vue en lugar de usar HTML. Laravel es un framework del lado del servidor que utiliza el lenguaje PHP. Vue es un framework del lado del cliente que utiliza JavaScript (ya sea con TypeScript, CoffeeScript, etcétera). Veamos cómo usar estas dos tecnologías en conjunto. ...

enero 9, 2020 · 6 min · 1135 palabras · Parzibyte

Comunicación entre componentes con Vue.js

Al trabajar con el framework Vue.js podemos dividir la lógica de las aplicaciones en componentes aislados e independientes; pero una cosa importante es la comunicación entre componentes. En este post te mostraré cómo comunicar componentes usando $emit y $refs. En el primer caso usaremos $emit para comunicar al padre un evento, y en el segundo caso vamos a usar $refs para invocar a una función dentro del componente hijo. Poniéndolo en otras palabras, primero veremos comunicación de componentes de hijo a padre, y después de padre a hijo. Gracias a esto vamos a llamar a una función de un componente desde otro componente usando Vue.js Nota: esto funciona bien para componentes simples o para comunicación simple entre componentes; si quieres algo más complejo que involucre a más componentes puedes usar Vuex. ...

diciembre 30, 2019 · 3 min · 488 palabras · Parzibyte

Iconos de material design con Buefy

Los iconos de material design de Google son muy populares y se pueden integrar en varios frameworks o diseños. Hoy vamos a ver cómo usar los material icons en el framework Buefy, que es Bulma CSS con Vue. ...

diciembre 30, 2019 · 2 min · 273 palabras · Parzibyte

Sistema gestor de enlaces y acortadores

En este post te muestro un software web escrito en PHP que sirve para gestionar enlaces de descarga y acortadores, con posibilidad de acortar enlaces automáticamente usando ad fly, ouo io, etcétera, además de dar la posibilidad de que los usuarios registrados o premium vean los enlaces sin acortar. Actualización septiembre 2020: este software es open source :D ...

diciembre 16, 2019 · 5 min · 926 palabras · Parzibyte

Control escolar - Software web para gestión de escuelas

En este post te voy a mostrar un sistema de control escolar o gestión de escuelas. Es un software web que hice hace algún tiempo y vengo a mostrar hoy. Lo que tiene a grandes rasgos es: Control de estudiantes o alumnos Registro de profesores o docentes Registro de materias Control de calificaciones Calificaciones por período y número de evaluación Asignación de materias a docentes Generación de boletas Control de horarios de materias Impresión de boleta Impresión de horario de clases Gráficas de comparación entre períodos Como lo dije, el sistema es un sistema web que puede trabajar en internet o de manera offline. Es compatible con Linux y Windows. También es totalmente responsivo, es decir, se adapta a cualquier pantalla. ...

diciembre 9, 2019 · 8 min · 1609 palabras · Parzibyte

CSS - Ocultar elemento pero mantener espacio

Resumen: usar CSS para hacer un elemento invisible pero que siga en el DOM ocupando su espacio. ...

noviembre 27, 2019 · 1 min · 142 palabras · Parzibyte

Variables del entorno con Vue.js y Vue CLI

Las variables del entorno en Vue.js sirven para saber el entorno en el que estamos (producción o desarrollo) y también para acceder a otros datos que cambian dependiendo del entorno. Por ejemplo, en producción podemos tener una clave API o una URL de la API, mientras que en desarrollo esas variables pueden cambiar. Es por ello que las variables del entorno o environment variables de la Vue CLI vienen para ayudarnos, ya que nos permiten definir variables propias y también a conocer el entorno en el que estamos. ...

septiembre 23, 2019 · 2 min · 388 palabras · Parzibyte