Frameworks, patrones y últimas tendencias

Qué es ESLINT, para qué sirve y cómo utilizarlo

2020-10-17 Javascript

A medida que desarrollamos en JavaScript de manera profesional nos encontramos con el problema de aplicar las buenas prácticas a través de todos nuestros proyectos y de todo el equipo de trabajo. Es por esto que existen herramientas como ESLINT para Java...

Instalar Certbot en Ubuntu 20.04 (Focal Fossa)

2020-10-16 Ubuntu

Certbot es una de las herramientas oficiales mencionadas por Let's Encrypt que automatiza el proceso de generación de un certificado SSL. La forma recomenda de instalar Certbot en Ubuntu es a través de snap. Es por esto que lo primero que debes hacer ase...

Instalar Certbot en Debian 10 (Buster)

2020-10-16 GNU/Linux Debian

Certbot es una de las herramientas oficiales mencionadas por Let's Encrypt que automatiza el proceso de generación de un certificado SSL. Debido a que este software no es un paquete oficial de debian debemos agregarlo editando el archivo sources.list sudo...

Pruebas unitarias en Vue.js con Jest

2020-10-13 Vue.js

En un post anterior vimos los Componentes de un solo archivo en Vue.js. Resulta que cuando tu aplicación va creciendo se hace en extremo necesario que comiences a probar cada componente con el fin de que los cambios futuros no afecten la funcionalidad act...

Componentes de un solo archivo en Vue.js

2020-10-12 Vue.js

Como vimos anteriormente en el artículo Componentes en Vue.js, es posible reutilizar una instancia de Vue y utilizar nuestros propios elementos HTML mediante el método Vue.component. Sin embargo, como pudiste haberte dado cuenta pudiera parecer algo...

Solución al error AH01630: client denied by server configuration en Apache 2.4

2020-10-12 Apache

Resulta que con la actualización a Apache 2.4 algunos de tus sitios pueden dejar de funcionar por un cambio en la Autorización utilizada en el módulo mod_authz_dbm. Si llegaste hasta aquí probablemente obtuviste un error como el siguiente: [authz_core:...

Estructura de aplicación en proyectos Vue.js 2

2020-10-10 Vue.js

En un post anterior vimos Cómo crear un scaffolding de aplicación en Vue.js con el preset [Vue 2] babel, eslint. Si eres nuevo en Vue y tampoco sabes mucho de Node pudiera parecer un poco confuso esta estructura de aplicación. Sin embargo, est...

Instalar Bootstrap 4.6 en proyectos Vue.js

2020-10-10 Vue.js

En un post anterior vimos la estructura o Scaffolding de aplicación en Vue.js. Después de esto muy seguramente requerirás instalar alguna librería de CSS como boostrap, Bulma, Semantic UI, etc. El día de hoy, veremos cómo agregar Bootstrap 4.6 a nues...

Slots nombrados en Vue.js

2020-10-10 Vue.js

En nuestro artículo anterior vimos una introducción a los Slots en Vue.js. Los slots aportan una gran flexibilidad en cuanto a cómo se renderiza un componente y dan la posibilidad de inyectarles contenido tal y como un elemento en bloque de HTML lo perm...

Slots en Vue.js

2020-10-09 Vue.js

El concepto de Slot es difícil de definir pero fácil de entender viendo unos pocos ejemplos. Un slot es como un fragmento de componente al cuál se le puede inyectar contenido. Esto permite que podamos utilizar los componentes de Vue de la misma forma co...

Enviar datos entre componentes hermanos en Vue.js

2020-10-08 Vue.js

En Vue.js se envían datos desde un componente padre hacia el hijo mediante sus propiedades ( props ) y desde el componente hijo hacia el padre mediante eventos ( $emit ). Con estas dos formas de enviar datos que hemos visto en artícul...

Configuración de OpenSSL

2020-10-08 OpenSSL

Lo primero que debes hacer es crear un archivo preferiblemente en el OPENSSLDIR, pues es allí donde debería estar la configuración por defecto de openssl. Para saber cuál es el directorio por defecto de openssl puedes ejecutar el siguiente comando: # o...

Registro Global y Local de componentes en Vue.js

2020-09-30 Vue.js

En un post anterior vimos Qué son los Componentes en Vue.js y cómo crearlos. Resulta que Vue diferencia entre dos formas de cargar los componentes, la manera global y la forma local. El día de hoy veremos cuál es la diferencia de cada una de estas form...

Cómo cargar CSS con Webpack

2020-09-30 Webpack

En nuestro post de Introducción a Webpack vimos Qué es Webpack, para qué sirve y cómo utilizarlo. Todo esto lo hicimos teniendo como base un simple archivo JS que al procesarlo con webpack nos generaba una versión de desarrollo y otra de producción. ...

Configurar múltiples entry points en Webpack

2020-09-30 Webpack

En nuestro artículo anterior vimos Qué es Webpack, para qué sirve y cómo utilizarlo. La mayoría de las aplicaciones utilizan un solo entry point, es decir, una sola configuración de archivo como punto de entrada para compilar todos los assets de...

Categorías