Frameworks, patrones y últimas tendencias

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...

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

2020-09-29 Webpack

Webpack es un empaquetador de módulos para aplicaciones modernas en JavaScript. Qué significa esto ?, bueno, muchas cosas. En síntesis webpack convierte módulos con dependencias en archivos que pueda entender el navegador de una manera más rápida e i...

Cómo crear un scaffolding de aplicación en Vue.js ?

2020-09-29 Vue.js

Después de haber visto los conceptos básicos sobre Vue.js, desde el enlace de atributos hasta la creación de componentes ya es hora de empezar con nuestra primera aplicación profesional. Para esto, vamos a hacer uso de Vue CLI (command line interface) ...

Enviar datos de un componente hijo al padre en Vue.js

2020-09-28 Vue.js

En un post anterior vimos Cómo Crear un componente en Vue.js y cómo enviar parámetros a un componente en Vue desde la instancia principal. El día de hoy veremos como hacer lo opuesto, enviar parámetros o información desde un componente hijo al p...

Evento click en Vue.js

2020-09-27 Vue.js

El manejo de eventos en Vue.js puede realizarse gracias a la directiva v-on. Para hacer bind de un evento basta utilizar esta directiva seguida del evento que se quiere enlazar y la expresión a utilizar. Veamos a continuación la sintaxis de esta directiv...

Componentes en Vue.js

2020-09-27 Vue.js

Un componente en Vue.js es la forma de reutilizar una instancia de Vue tantas veces como sea necesario. Mediante los componentes podemos crear nuestros propios elementos html, cada uno con sus propiedades y métodos particulares que fácilmente podemos reu...

Categorías