Blog

Introducción a Vuex: la solución

Duilio Palacios 04/10/2017
JavaScript, Vue.js Comentarios desactivados en Introducción a Vuex: la solución

En la lección anterior pudimos apreciar el problema que se presenta cuando necesitamos compartir o modificar datos entre muchos componentes y cómo resolverlo con el uso de eventos. Pero en esta lección veremos otro enfoque para resolver este problema: Vuex. Con Vuex podremos centralizar el manejo de estado y la modificación del mismo en una sola parte que nuestra aplicación, que llamaremos Store. Dentro del Store vamos a encapsular los datos de nuestra aplicación (llamados «State» o «estado») y los métodos que harán posible modificar dicho estado (llamados «Mutations» o «mutaciones»).

En el siguiente video vamos a instalar Vuex, a configurarlo y utilizarlo en nuestro proyecto de ejemplo:

Introducción a Vuex: el problema

Duilio Palacios 04/10/2017
JavaScript, Vue.js Comentarios desactivados en Introducción a Vuex: el problema

En las lecciones anteriores del Curso de Vue, hemos aprendido cómo pasar y modificar datos de un componente a otro combinando el paso de propiedades con la emisión de eventos personalizados. Pero como habrás podido notar, en ciertas ocasiones este modelo puede no resultar suficiente o resultar engorroso, por ejemplo imagina casos donde tenemos muchos componentes que necesitan compartir información o estamos creando una Single-page Application (SPA).

En esta lección voy a dar un repaso sobre componentes y eventos personalizados, para que podamos -una vez más- apreciar el problema antes de aplicar la solución con Vuex.

Recuperación de contraseña vía API en Laravel

Jeff 03/10/2017
Laravel 0 comentarios

Cada nueva instalación de Laravel ofrece un sistema de autenticación muy completo y listo para usar que incluye: registro de usuarios, edición de datos, login y recuperación de contraseña. El framework, nos permite crear aplicaciones web pero al mismo tiempo posee una estructura muy flexible que nos permite crear API’s que puedan ser utilizadas por terceros como por ejemplo aplicaciones móviles.

Hoy hablaremos sobre cómo aprovechar esta funcionalidad de «recuperación» de contraseña que trae por defecto Laravel, incluyéndola en nuestra API.

Ver post

Validación de Checkbox con Form Requests en Laravel

Jeff 02/10/2017
Eloquent, Laravel 5, PHP 0 comentarios

Los Form Requests en Laravel, son clases que permiten validar formularios muy fácilmente, utilizando una serie de reglas para verificar si los campos enviados por el usuario cumplen con los criterios requeridos por la aplicación. Hoy hablaremos de como validar arrays y checkboxes usando un FormRequest.

Ver post

Seguridad en Laravel y tu rol como programador

Jeff 28/09/2017
Artículos, Servidores, Tecnología 0 comentarios

La seguridad es un tema de gran importancia cuando desarrollamos productos digitales que puede determinar, más allá del buen funcionamiento, el éxito o fracaso de un proyecto. Recuerda que el activo más importante de una empresa es su información.

Ver post

Reactividad con Vue.js

Duilio Palacios 21/09/2017
JavaScript, Videotutorial, Vue.js Comentarios desactivados en Reactividad con Vue.js

En esta lección aprenderemos que es el estado de la aplicación (state) y cómo hacer uso de éste para pasar propiedades entre diferentes componentes para generar reactividad en nuestra aplicación.

Render functions en Vue.js, parte 2

Duilio Palacios 21/09/2017
JavaScript, Videotutorial, Vue.js Comentarios desactivados en Render functions en Vue.js, parte 2

En esta lección vamos a resolver el ejercicio de la lección anterior para seguir practicando sobre la creación de componentes con el uso de Render Functions y DOM Virtual.

Render Functions en Vue.js, parte 1

Duilio Palacios 19/09/2017
JavaScript, Videotutorial, Vue.js Comentarios desactivados en Render Functions en Vue.js, parte 1

En esta lección veremos un nuevo concepto que no hemos aprendido hasta ahora llamado Render Functions. Las Render Functions no son más que funciones de JavaScript que retornar algo llamado DOM Virtual, que no es más que un objeto de JavaScript que Vue.js utiliza para representar una plantilla y finalmente procesar e imprimir los elementos actuales del DOM en el navegador. Las Render Functions pueden utilizarse como un reemplazo de las plantillas en ciertos casos más avanzados y en esta lección veras un ejemplo del uso de Render Functions con un componente personalizado de Vue.js.

Edición de registros con vue-router (SPA)

Duilio Palacios 15/09/2017
JavaScript, Videotutorial, Vue.js Comentarios desactivados en Edición de registros con vue-router (SPA)

En esta lección vamos a trabajar en la acción para editar registros pero esta vez utilizando vue-router y en formato de SPA. Para ello haremos que el formulario de edición de tareas sea una página aparte (con una URL) y agregaremos el enlace desde el detalle del registro a la página de edición y por supuesto la redirección con vue-router y navegación programática una vez que la tarea haya sido editada.

Acciones para completar y eliminar tareas con vue-router (SPA)

Duilio Palacios 15/09/2017
JavaScript, Videotutorial, Vue.js Comentarios desactivados en Acciones para completar y eliminar tareas con vue-router (SPA)

En esta lección vamos a seguir practicando lo aprendido hasta el momento mientras reconstruimos el módulo de tareas como una SPA (Single Page Application) usando vue-router y repasamos otros conceptos como las clases de CSS dinámicas y los componentes globales de Vue.js.