Rutas dinámicas con vue-router

En esta lección vamos a asumir que necesitamos agregar más campos a la tarea (por ejemplo una descripción detallada) y por lo tanto necesitamos crear nuevas rutas para mostrar el detalle de la tarea y poder editarla. Estas nuevas rutas serán dinámicas (puesto que cada tarea tiene un identificador -o ID- diferente). Además en esta...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Personalizar el estilo del menú de Vue Router

En la lección anterior sobre Vue Router, aprendimos cómo utilizar este paquete para crear los enlaces de nuestra Single Page Application (SPA), sin embargo a estos enlaces aún les hace falta un poco de estilo. Es por esto que en esta nueva lección vamos a agregarle los estilos de Bootstrap en nuestro caso, pero te...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

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

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 […]

Ver post

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

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

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

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

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

En lecciones anteriores desarrollamos la funcionalidad para que un usuario pueda votar por un post. Pero ¿Qué sucede si quisiéramos que los usuarios también puedan votar por comentarios? Una forma sería duplicar el código, pero esta no es la solución más práctica si más adelante quisiéramos añadir la funcionalidad de que otros «modelos» o módulos...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Creación de un feature con Laravel y Vue.js, parte 5

En esta lección vamos a agregar los botones para votar por un post dentro del listado de post, esta tarea va a revelar un par de errores y problemas que se habían escapado hasta ahora. Así que trabajaremos con Laravel y Vue.js para corregir estos problemas y por supuesto para ello nos apoyaremos en nuestras...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Creación de un feature con Laravel y Vue.js, parte 4

En esta lección vamos a aprender aún más cómo enviar y recibir datos con AJAX utilizando Laravel, Vue y Axios. Además vamos a refactorizar aún más nuestro componente de Vue para evitar la duplicación del código, reducir la cantidad de condicionales y más....

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Creación de un feature con Laravel y Vue.js, parte 3

En esta lección vamos a trabajar en la funcionalidad para que un post pueda ser votado de forma negativa con Laravel y Vue.js. Puesto que esta funcionalidad es muy similar a la que desarrollamos en la lección anterior, vamos también a refactorizar nuestro componente de Vue, para evitar la repetición del código (DRY)....

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.

Suscríbete a nuestro boletín

Recibe consejos útiles, promos y múltiples recursos directamente en tu correo.

Tu nombre y correo serán enviados directamente a MailChimp. No compartiremos tus datos con otras empresas.