Blog

Instalación y uso de Vue Router en Vue.js 2

Duilio Palacios 09/08/2017
JavaScript, Videotutorial, Vue.js 0 comentarios

Crear una aplicación de una sola página o SPA (por sus siglas en inglés “Single Page Application”) es muy sencillo con Vue.js.

Esto es debido a que con Vue.js nosotros podemos “componer” nuestra aplicación de pequeños componentes independientes como hemos aprendido hasta ahora y también contamos con un paquete llamado vue-router que nos permite atar o enlazar una o más URLs a uno o más componentes específicos, indicarle a Vue dónde queremos mostrar las secciones y por supuesto también nos ayuda a generar los enlaces de las diferentes secciones.

Es por ello que a partir de ahora crearemos componentes con la intención de que estos representen secciones o sub-secciones dentro de nuestra aplicación y vamos a instalar y a utilizar vue-router para enlazar estos componentes a diferentes URLs. Vamos a comenzar con un ejemplo sencillo en el siguiente video:

Ver post

Organización de los componentes en Vue.js 2

Duilio Palacios 08/08/2017
JavaScript, Videotutorial, Vue.js Comentarios desactivados en Organización de los componentes en Vue.js 2

Si quieres crear un SPA con Vue 2, es posible que necesites agregar muchos componentes, por lo tanto sería conveniente organizarlos en diferentes subdirectorios y esto es lo que haremos en la siguiente lección, apoyándonos por supuesto de vue-cli y de webpack como ya hemos aprendido. Además veremos tips adicionales sobre cómo usar objetos globales, configurar PurifyCSS y más.

Manejar roles y permisos para usuarios con el paquete spatie/laravel-permission

Carlos Fernandes 03/08/2017
Packages, Tutoriales 5 Comentarios

Manejar permisos y roles para nuestros usuarios dentro de una aplicación nos da una gran flexibilidad a la hora de tomar decisiones sobre a qué grupo de usuarios debemos mostrar algún tipo de contenido y a quienes debemos ocultárselos. Si tienes algo de experiencia o tiempo en este mundo del desarrollo quizás ya sepas algo sobre ACL, sino vamos a explicar un poco de qué se trata antes de trabajar con el componente:

Ver post

Podcast 8: La trampa del contenido digital

Duilio Palacios 31/07/2017
Podcast 2 Comentarios

En Internet hay muchas discusiones en contra y a favor de la distribución de contenido pirata. Estas discusiones suelen asumir que la piratería beneficia a los estudiantes y a la comunidad (porque se distribuye el conocimiento, etc). Pero ¿Realmente es así? De esto quiero hablarte en el podcast #8:

Ver post

¿Cuántas líneas de código debe tener una función? (Ejemplo de Refactorización)

Duilio Palacios 21/07/2017
PHP, Programación orientada a objetos, Tutoriales 6 Comentarios

Vi esta pregunta hace poco en un foro de programación y me respuesta fue que en teoría una función debería contener unas 5 líneas de código o menos. Incluso he visto funciones muy útiles que contienen una sola línea de código. Si esta regla te parece exagerada o quieres saber cómo puedes escribir procedimientos completos en funciones de tan pocas líneas, por favor acompáñame en el resto del artículo:

Ver post

Uso de interceptores con axios, Laravel y Vue.js.

Duilio Palacios 12/07/2017
Laravel 5.4, Videotutorial, Vue.js 3 Comentarios

En esta lección aprenderás cómo «interceptar» respuestas de AJAX utilizando el componente axios, por supuesto en nuestra aplicación escrita con Laravel y Vue.js.

Cierre de sesión con Laravel Dusk

Duilio Palacios 12/07/2017
Laravel 5.4, Videotutorial Comentarios desactivados en Cierre de sesión con Laravel Dusk

En esta lección vamos a escribir una prueba de la acción de cerrar sesión utilizando Laravel Dusk. Además aprenderás cómo implementar el feature para recordar un usuario que ha iniciado sesión en tu aplicación.

Optimización de consultas SQL con Eloquent (solución a N+1, parte 2)

Duilio Palacios 07/07/2017
Laravel 5.4, Videotutorial Comentarios desactivados en Optimización de consultas SQL con Eloquent (solución a N+1, parte 2)

Muchas veces cuando trabajamos con Eloquent creamos pequeños métodos helpers para obtener datos adicionales. Por ejemplo, en el caso del módulo de votos creamos un pequeño helper getVoteFrom que nos permite obtener el voto de un usuario de un post en específico. Sin embargo si no tenemos cuidado estos métodos pueden provocar un problema de N+1 como ya hemos aprendido anteriormente. En esta lección veremos una nueva forma de solucionar este problema a través de la carga ambiciosa, relaciones personalizadas y más.

Reusar controladores y rutas en relaciones polimórficas

Duilio Palacios 06/07/2017
Laravel 5.4, Videotutorial Comentarios desactivados en Reusar controladores y rutas en relaciones polimórficas

En esta lección aprenderás cómo utilizar los mismos controladores y rutas para diferentes módulos, lo cuál es muy útil sobretodo cuando utilizamos relaciones polimórficas con Eloquent. Dado que así no sólo podremos re-usar el modelo y ciertos métodos, sino que también evitaremos la repetición del código en otras partes de nuestro proyecto, manteniendo el código DRY y reusable.

Relaciones polimórficas con Eloquent y Vue.js, parte 2

Duilio Palacios 29/06/2017
Laravel 5.4, Videotutorial, Vue.js Comentarios desactivados en Relaciones polimórficas con Eloquent y Vue.js, parte 2

En esta lección vamos a hacer uso de la relación polimórfica que definimos en la lección anterior para añadir la funcionalidad de votos al modelo de comentarios. ¡También aprenderemos cómo podemos reutilizar un componente de Vue.js para dos módulos diferentes de Laravel!