Categoría: Vue.js

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.

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.

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!

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

Duilio Palacios 29/06/2017
Laravel 5.4, Videotutorial, Vue.js Comentarios desactivados en 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 puedan recibir votos (por ejemplo sitios web, imágenes, proyectos, fragmentos de código y otros). Para solucionar este problema entonces vamos a utilizar relaciones polimórficas con Eloquent.

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

Duilio Palacios 22/06/2017
Laravel 5.4, Videotutorial, Vue.js Comentarios desactivados en 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 pruebas unitarias (de integración, de aplicación, de regresión). También aprenderemos mucho más sobre el manejo de relaciones con el ORM Eloquent.

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

Duilio Palacios 22/06/2017
Laravel 5.4, Videotutorial, Vue.js Comentarios desactivados en 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.

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

Duilio Palacios 21/06/2017
Laravel 5.4, Videotutorial, Vue.js Comentarios desactivados en 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).

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

Duilio Palacios 21/06/2017
Laravel 5.4, Videotutorial, Vue.js 4 Comentarios

En esta lección vamos a desarrollar la funcionalidad para que un usuario pueda votar por un post de forma positiva a través de un nuevo componente con Vue.js y Laravel. Además utilizaremos Axios para las peticiones AJAX.

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

Duilio Palacios 21/06/2017
Laravel 5.4, Videotutorial, Vue.js Comentarios desactivados en Creación de un feature con Laravel y Vue.js, parte 1

En esta lección vamos a agregar los botones para votar por un post de forma positiva o negativa en la página del detalle del post.  Además vamos a generar y escribir una nueva prueba utilizando Laravel Dusk.