Si están utilizando Vuetify y desean un componente para mostrar notificaciones en vue.js. Verán que existe una llamado Snackbar que permite implementarlos. El problema de este componente es que requiere definirse en cada vista que hagamos en Vue (por la naturaleza de esta librería) y debemos crear un método para mostrarlo.

Esto es un problema en aplicaciones grandes, porque tendríamos código repetido y descentralizado. Gracias a Vuex podemos evitar este tipo de cosas. Por lo que te explicaré como crear notificaciones con vue.js con Vuex.

Definir opciones del Snackbar en Vuex

Primero vamos a definir en vuestro archivo store.js (o donde instancias Vuex.Store) un estado para tener la configuración por defecto del Snackbar. El estado permite almacenar los parámetros del Snackbar de forma global y poder ser accedida desde cualquier vista. Para ello en la sección de state agrega las siguientes opciones:

export default new Vuex.Store({
  state: {
    snackbar: {
      visible: false,
      color: "success",
      text: null,
      timeout: 10000,
      multiline: false
    },
    ...
    ...
  },

Luego en el mismo archivo, definimos una mutación. En Vuex las mutaciones son los métodos que nos permiten modificar un estado. Esta mutación la usaremos a lo largo de la aplicación para lanzar la notificación desde cualquier lado.

El primer parámetro siempre es el estado actual y el segundo el payload. Éste último es enviado cada vez que llamamos a la notificación con el fin de definir la apariencia. Por ejemplo, si ocurre un error podemos enviar los parámetros de que el tipo de notificación sea error y aparezca de color rojo.

En este ejemplo, agregué opciones para decidir si mostrarlo en multi-línea , elegir color, tiempo de duración, etc. Así que en la sección de mutaciones del store.js agrega:

mutations: {
    alert(state, payload) {
      state.snackbar.text = payload.text;
      state.snackbar.multiline = payload.text.length > 50;

      // Si es mas de 50 caracteres definirlo como multilinea
      if (payload.multiline) {
        state.snackbar.multiline = payload.multiline;
      }
   
      // Color para mensajes de error o éxito
      if (payload.color) {
        state.snackbar.color = payload.color;
      }

     // Tiempo de duración
      if (payload.timeout) {
        state.snackbar.timeout = payload.timeout;
      }
      state.snackbar.visible = true;
   },
   closeAlert(state) {
      state.snackbar.visible = false;
      state.snackbar.multiline = false;
      state.snackbar.text = null;
    },
}

También en esta sección de mutaciones agregué una mutación llamada closeAlert(state) para poder alterar la configuración del snackbar y hacer que se oculte.

Crear el componente de la notificación

Lo mas fácil es crear un componente para la notificaciones. Pues así no mezclas código y lo puedes ubicar en un sólo lugar para que se lance.

Este componente consta simplemente de un Snackbar cuyas opciones son extraídas de un dato llamado snackbar. Este dato es extraído del estado de Vuex definido previamente a través de una variable computada.

Aquí puedes ver el ejemplo de mi componente:

<template>
  <v -snackbar top="" v-model="snackbar.visible" :timeout="snackbar.timeout" :multi-line="snackbar.multiline === true" :color="snackbar.color">
    {{ snackbar.text }}
    </v><v -btn text="" dark="" @click="closeAlert">Close</v>
 
</template>
<script>
import { mapMutations } from "vuex";
export default {
  computed: {
    snackbar() {
      return this.$store.state.snackbar;
    }
  },
  methods: {
    ...mapMutations(["closeAlert"])
  }
};
</script>

Ahora, para implementar el cierre, importo las mutaciones de Vuex para tener acceso a la función closeAlert que definimos previamente. De esta forma al llamar a closeAlert (una mutación) modificará el estado de la variable visible, haciendo que se oculte.

Este component lo puedes colocar antes del cierre de tu v-app para que se pued mostrar en todas las páginas.

Crear las notificaciones en Vue.Js

Cada vez que desees mostrar una notificaciones en vuej.js, solo debes realizar un commit. El primer parámetro es el nombre de la mutación, en este caso alert y las opciones del snackbar la pasas como segundo parámetro.

Un ejemplo para una notificación de error sería algo como:

this.$store.commit("alert", {
  color: "error",
  text:
    "Could not load purchase order info. Status Code: " +
    response.status
});

¡Listo! Ahora podrás mostrar notificaciones con vue.js de forma centralizada a lo largo de tu aplicación.

Cuando ocurre un error de WordPress u obtenemos un error HTTP 500 en nuestra instalación (generalmente debido a un error de PHP). El primer paso para resolver el problema es leer el error para conocer que está ocurriendo. Sin embargo, muchos servicios de hosting desactivan mostrar los errores en pantalla para evitar mostrar errores en los sitios de los clientes (se ve mal visualmente). Otra razón para desactivarlo es para prevenir ataques debido a que el error muestre información oculta de la aplicación que pueda ser aprovechada para aprovechar vulnerabilidades.

En algunos casos, por motivos de rendimiento algunos servicios desactivan el almacenamiento de errores en segundo plano. Complicando la posibilidad de conocerlos y arreglarlos.

Cómo mostrar los errores de WordPress

WordPress posee un modo de depuración. Éste permite mostrar los errores de WordPress en la página o almacenarlos en un archivo.

Para activarlo, debes abrir el archivo /wp-config.php. Busca una sección donde puedes colocar constantes. Allí coloca las siguientes constantes:

define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', true);
@ini_set('display_errors', 0);

Ahora podrás ver los errores en pantalla, almacenados en el log e incluso forzando al servidor web a guardarlos. Simplemente chequea el error de WordPress. Soluciona y desactiva de nuevo el modo de depuración para volver la página a su estado original.

Espero que te sirva de ayuda. Si conoces otro método, no dudes en compartirlo. Y si deseas leer mas artículos de este tema. Puedes chequear mi categoría del blog dedicada a WordPress.

El pasado 29 de Junio tuve la oportunidad de ser parte de los ponentes del JConf Dominicana. Un evento realizado por la comunidad local de Java en la PUCCM. El evento estuvo formado por ponentes de distintas partes del mundo para comentar sobre las últimas tendencias en la JVM.

La estructura del evento me gustó porque en la mañana se hicieron las principales ponencias por parte de los conferencistas mas importantes en el teatro de la universidad. En la tarde, se hacían el resto de presentaciones en aulas de clase donde los asistentes podían escoger a cuales ir. Me gustó la organización porque estos temas tenían diferente dificultad y áreas, así que podías asistir a las charlas de tu perfil profesional sin problemas de choque.

Sesión matutina

Para llegar a Dominicana tuve que tomar varios vuelos con horarios incómodos. Por esta razón, tuve que dormir el día antes del evento y me levanté un poco tarde. Me perdí la apertura y la primera charla. Pero pude entrar al final de la de Sebastían Daschner sobre los mejores frameworks empresariales de JAVA. Posteriormente fui a la de Mark Heckler sobre plataformas escalables con spring. Excelente ponencia con buenos chistes en español. Finalmente se hizo un panel de conferencistas para discutir los temas actuales de la plataforma Java y del futuro de la misma. Excelente opiniones y temas tratados allí.

Sesión de la tarde

La primera conferencia que entre fue la de Eliezer Herrera sobre plataformas como Graal, Gradle y Vertx que permiten la ejecución de otros lenguajes en la JVM. Muy interesante y no conocía que se podían hacer ese tipo de cosas. De ahí fui a la charla de Carlos Paulino sobre desarrollo continuo para plataformas Android. Me llamó la atención porque trabaja en American Express y quería conocer como es el proceso de desarrollo de una aplicación móvil en ese tipo de empresas. Me llamó al atención el cuidado hacia la calidad y cómo las pruebas se realizan en distintas plataformas.

Luego de un receso para unas golosinas, comenzó la charla de Omar Berroterán Silva sobre GraphQL. La tecnología para obtener fácilmente datos a través de una API. Esta ponencia abarcó desde la introducción hasta dar ejemplos de como consultar datos, instalar esta herramienta, entre otros. Me gustó como Omar utilizó códigos QR en sus láminas para que los asistentes pudiésemos ver los ejemplos en el móvil y participar en la charla.

Java de nuevo a la web con WebAssembly

Mi charla en este evento la estaba dando por primera vez. Aunque había hablado de WebAssembly, nunca la había mezclado con Java. En ella pude hablar sobre una pequeña introducción a esta plataforma. Las diferencias respecto a los Applets de Java (pues tiende a confundir inicialmente a los programadores de Java). Por qué no iba a tener el mismo destino que los applets.

En el caso de Java, esta charla me gustó darla porque existen actualmente varias formas de llevar el lenguaje. Cada una trabaja de forma distinta y pude mostrar las bondades de cada forma.

La presencia fue excelente, hicieron preguntas muy interesantes y de ahí salí al cierre del evento con música dominicana.

Cena del JConf Dominicana

La cena fue excelente, tuve la oportunidad de compartir con otros ponentes. Conocí mas de la cultura Dominicana. Pude probar sus excelentes platos típicos como el mangú y mofongo. Disfrutar de un buen ambiente caribeño y discutir de tecnología.

Fue una gran experiencia participar en el JConf Dominicana. A pesar de estar solo 2 días en el evento. Me llamó la atención como la mayoría de los ponentes internacionales hablaba español. Los temas fueron muy interesantes. Los organizadores hicieron un excelente trabajo.

¡Lo disfruté mucho! Espero volver algún día.

El pasado 18 de junio tuve la oportunidad de participar en el Women Community Fest del Campus Party Bogotá 2019. El Campus Party es un evento donde se realizan diversos eventos relacionados a la tecnología, inversiones, emprendimiento, videojuegos, entre otros. El evento dura aproximadamente una semana y no se descansa pues permite a los asistentes quedarse en carpa durante la noche.

Women Community Fest

En esta ocasión, había un espacio de tecnología y el mismo fue asignado al Women Community Fest, una comunidad está conformada un gran número de chicas de distintas partes de Colombia con grandes conocimientos en tecnología de la información y experiencia en la realización de eventos informático, promoviendo la equidad de género y empoderamiento de las mujeres sin discriminar otros géneros.

La duración del evento duró una semana, así que me es difícil resumir todo lo ocurrido. Ademas que tuve que trabajar en mis proyectos mientras estaba en el evento, por ello solo pude tomar fotos y asistir a pocas presentaciones. Por parte de Mozilla, estuvimos con ponencias del programa Mozilla Reps y Mozilla Tech Speakers, ademas de contar con la participación de miembros de Mozilla Colombia. Se habló de diversos temas como: Common Voice, herramientas de desarrollo de Firefox, la salud de Internet, WebVR, entre otros.

Todas charlas estuvieron muy interesantes, escuché sobre React, Docker, WordPress, seguridad informática, salud de Internet, cifrado, arquitectura. Es decir, había de todo. Tanto para principiantes como para profesionales.

El navegador es tu mejor amigo para el desarrollo web

En esta ocasión tuve la oportunidad de comentar sobre las herramientas de desarrollo de Firefox para el desarrollo web. A diferencia de las ediciones anteriores hablé tanto de las herramientas enfocadas a CSS como de JS.

Skatox hablando sobre el navegador es tu mejor amigo en el Women Community Fest
Hablando sobre el navegador es tu mejor amigo

Tenía presión porque mi charla era justo antes del partido de la selección de fútbol en la Copa América (no podía competir con ello). Pero mi charla terminó justo cuando los jugadores empezaron a salir al campo.

Me gustó la receptividad, muchas personas quedaron interesadas en como utilizar algunas herramientas y con mayor información del navegador. Si desean saber mas detalles. Pueden verla a continuación gracias a la página de Women Community Fest en Facebook:

Mi charla sobre el navegador es tu mejor amigo para el desarrollo web

Evento de Platzi/Facebook

Durante el penúltima día del evento, tuve la oportunidad de ser invitado a un evento privado de Platzi, la empresa líder de educación en línea para latinoamérica. Era un evento dirigido a líderes de comunidades para la promoción de becas estudiantiles para madres solteras, minorías, migrantes, trans, etc.

El evento fue realizado en conjunto con Facebook, quienes iniciaron con unas presentaciones muy interesantes de realidad virtual y bots con inteligencia artificial. No puedo dar muchos detalles pero me hizo ver como es el futuro de la tecnología. Para luego finalizar con una breve historia de Platzi y sobre el futuro de la educación.

Fue una gran experiencia poder disfrutar de este gran evento por una semana. Logré conocer nuevos colaboradores de comunidades de software libre de todas partes de Colombia y ayudar a formar la comunidad de Mozilla Colombia.

Las chicas del Women Community Fest hicieron un gran trabajo como organizadores. La calidad de los ponentes fue muy alta y la representación muy equilibrada, mitad hombres, mitad mujeres. Con nacionalidades de Colombia, Venezuela, México, Argentina, entre otros. Ojalá mas eventos se copien de éste para seguir promoviendo la equidad de género en la tecnología.

Si el mundo digital nos había dejado descolocados con todas sus creaciones la llegada de las criptomonedas nos ha trastocado. En 2009 asistimos al nacimiento del Bitcoin. Bien, en verdad muchos de nosotros nos enteramos de ello años más tarde. El caso es que desde el nacimiento del Bitcoin la presencia de las criptomonedas o monedas digitales ha ido en aumento. Las más conocidas por el momento son Bitcoin y Ethereum, pero también hay otras como Litecoin, Monero o Dash, entre muchas otras. Una de las cosas clave y qué más preocupan a los que se adentran a este mundo es el intercambio, como el intercambio popular de binance.com.

Bitcoin y procesador Intel

Bitcoin y Ethereum, las diferencias

Son las dos criptomonedas más grandes del mundo, Bitcoin la que es mas popular. Aún así Ethereum ha sufrido un crecimiento mucho más rápido que Bitcoin y se usa cada vez más. A pesar que para muchos puede ser la misma cosa, ya que hablamos de criptodivisas, lo cierto es que las dos responden a proyectos muy diferentes con objetivos muy distintos. Por tanto, muchos analistas apuntan que se trata de dos criptomonedas compatibles y no excluyentes.

Bitcoin, como hemos dicho, fue creado en 2009 por alguien o un grupo de personas, que responden al pseudónimo de Satoshi Nakamoto. No se sabe quién es o quiénes son. Ethereum nació en 2014, unos cuantos años más tarde, de la mano de Vitalik Buterin.

La plataforma Bitcoin nació con el objetivo principal de ser un sistema de pago descentralizado, rápido y seguro, similar al de la propia moneda. Por su parte el objetivo de Ethereum es el de funcionar como plataforma de ejecución de contratos inteligentes y aplicaciones descentralizadas.

Los dos usan lenguajes de programación diferentes, el primero usa el C++ y el segundo el Turning Complete. Aunque las dos se pueden considerar criptomonedas descentralizadas. El Bitcoin es una moneda 100%virtual, mientras que al segundo se le llama token o ficha digital.

¿Para qué se pueden usar?

La gran pregunta sobre estas dos criptomonedas es, ¿qué puedo hacer con ellas? Pues bien, con el Bitcoin puedes realizar pagos. Competir con las divisas fiat y el oro y también usarlas para realizar inversiones. Muchos están invirtiendo ya en Bitcoin. Ethereum en cambio es una moneda (o ficha digital, como dicen ellos) que sirve para operar dentro de la red de Ethereum, que te permite crear aplicaciones descentralizadas, ejecutar contratos inteligentes y también como inversión.

El mundo de las criptomonedas

Una criptomoneda o criptodivisa es un medio digital de intercambio, o mejor dicho, una moneda digital que sirve para poder intercambiarla por otras cosas. La diferencia con las monedas convencionales o con los métodos de intercambio (o pago) convencionales, es que permite realizar estos intercambios de forma segura, anónima y descentralizada.

Ojo, porque cuando hablamos de Bitcoin no nos referimos a la moneda sino a la plataforma, lo mismo con Ethereum. Para ser correctos deberías decir BTC o ETH o bitcoin (en minúsucla) y ether para referirnos a las monedas.

Estas son las dos grandes criptodivisas en cuanto a su valor dentro del mercado de las monedas digitales. Y puedes realizar cambios en bestbitcoinexchange.

MongoDB es un gestor de base de datos no relacional de código abierto. Probablemente es el mas usado y conocido por todos. Pues hace algún tiempo la compañía detrás del desarrollo de MongoDB, llamada MongoDB Inc lanzó un video parodía como las de SuSE.

En este caso se llama Database Skills, que es una parodia de la canción Cheap Thrills de Sia. Pero en esta letras habla sobre las base de datos no relaciones. En fin, les deseo ver este vídeo sin quiere reírse unos minutos y disfrutar de buena música geek.

Si te gustó, recuerda comentar tu opinión o compartir otro vídeo similar.

Hace años vi un artículo de Jonathanmh sobre Archlinux y quería redactar uno similar. Pero había quedado en borrador hasta que conseguí el tiempo para hacerlo.

Mi cambio a Archlinux fue en el 2006 (puedes leer mi opinión en este momento) y sigo usándolo luego de mas de una década. Las razones suelen ser las mismas pero ahora les compartiré mis razones del por qué sigo usando esta gran distribución.

  • La principal razón de seguir usando Arch Linux es su naturaleza de liberación contínua (rolling-release en inglés). Esto significa que a diferencia de la mayoría de la distribuciones de Linux, no hay versiones como tal. Sólo el instalador tiene versiones con los paquetes actualizados. Esto permite tener actualizado tu equipo todo el tiempo sin tener que formatear el equipo o hacer una actualización formal para pasar a la siguiente versión. De hecho después de usar esta distro tanto tiempo mucha gente me pida ayuda en la instalación, pero en realidad lo hecho como 3 o 4 veces, cada vez que compro una nueva computadora.
  • Me gusta tener el software actualizado, en Arch siempre se busca tener la última versión estable. No es necesario esperar a la siguiente versión de la distribución para tener la nueva versión. Disfruta siempre de tener lo último en actualizaciones y seguridad.
  • AUR (Archlinux User Repository) es un sitio donde podrás instalar el resto del software no incluido en los repositorios oficiales. Son unos conjuntos de scripts para instalar y actualizar todo tipo de software. Inclusive puedes encontrar la misma aplicación con distintos parches para ofrecer distintas funcionalidades. Inclusive puedes tener la versión de desarrollo (del repositorio GIT por ejemplo) integrado al gestor de paquetes.
  • Arch no instala basura, algo que me gusta de esta distribución es como solo instala lo que le pido. En otras distribuciones a veces para instalar una aplicación se deben instalar otros paquetes adicionales y cuando se quieren tener distintas versiones de una librería o programa, se crean problema con las distintas dependencias.
  • Existe mucha documentación en la red. Casi cualquier tarea es posible resolverla con visitar la wiki, foros y blogs de otras personas. La comunidad es muy receptiva y encontrarás como realizar casi cualquier tarea de tu equipo.

Básicamente esas son las principales razones por las que uso Arch Linux. He durado con instalaciones de cinco años sin tener que formatear ni llenarme de espacio innecesario. Rara vez he tenido problemas de actualización, solo debes revisar el sitio oficial por si se requiere hacer algo manualmente. Es muy estable y rápida.

¿Usas o has probado Archlinux? Comenta y dime tus experiencias con esta distribución. Tanto buenas o malas.