En este post veremos cómo convertir la cadena "false" o "true" en un tipo de dato booleano, es decir, convertir una cadena a booleano. Como sabemos, no podemos usar Boolean debido a que devolverá true en ambos casos: Veamos una función que puede ayudarnos a convertir "false" a false, y "true" a true. ...
Los servicios o services de una aplicación web son aquellos que proveen funcionalidades de una entidad en específico; tuvieron una popularidad con AngularJS y Angular, pero en Vue tal cosa no existe. En este post te mostraré un ejemplo de un servicio de Vue, que si bien no es obligatorio, es totalmente válido. ...
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á! ...
En este post te mostraré una herramienta que he programado para saltar un enlace quicklink de ouo.io, el sistema de acortadores. Hay algunos sitios web que usan este servicio para acortar, pero no lo hacen con un software de acortadores, en su lugar hacen algo como: https://ouo.io/s/LASKFzcB?s=https://parzibyte.me/blog/ O algo como: https://ouo.io/s/LASKFzcB?s=https%3A%2F%2Fparzibyte.me En donde el link es incluido en la página y se puede quitar fácilmente. ...
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. ...
En este post te mostraré cómo agregar el token CSRF de Laravel a las llamadas AJAX con fetch, incluyendo el token en el encabezado. Como bien sabes, el token CSRF de Laravel previene ataques CSRF y es necesario al hacer peticiones HTTP que no son GET. ...
En este post te mostraré una envoltura de la función fetch para encerrar las peticiones básicas que se hacen con los verbos GET, POST, PUT y DELETE. De este modo nos ahorramos repetir código y aprendemos un poco sobre la reutilización del mismo. Al final tendremos una librería que nos permitirá hacer peticiones HTTP como cualquier otra usando AJAX. He usado esta librería y evitado usar Axios o proveedores de terceros. El primer uso es en mi sistema de ventas, aunque también lo he usado en el sistema escolar que hice recientemente. ...
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. ...
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. ...
En este post te mostraré un ejemplo de proyecto con OpenLayers en donde se muestran: Introducción a OpenLayers Descargar OpenLayers Creación de mapa Centrado de mapa en determinada ubicación Marcadores personalizados con imagen propia Listener de eventos como click o zoom cambiado Consumo de API PHP para obtener los marcadores Voy a desglosar cada cosa y al final dejaré el código del proyecto completo. ...