Introducción a Vue.js 2

Vue.js, a diferencia de frameworks de Javascript como Angular o Ember.js, no intenta abarcar de un solo golpe todos los aspectos requeridos para desarrollar proyectos complejos, sino que se enfoca únicamente en la vista. Por ende es muy fácil comenzar a utilizarlo y agregarlo por ejemplo a páginas de un proyecto ya existente.

Por otro lado si lo que quieres es crear un single page application (SPA), Vue posee componentes extra como Vue router, los cuales puedes incorporar a tu proyecto a medida que los necesites. Así que Vue se adapta al tamaño y complejidad de tu proyecto, dicho en otras palabras: Vue es ideal para crear desde widgets pequeños hasta proyectos grandes y complejos.

Ver post

Medidas de seguridad con Laravel y Vue.js

Logo
6

Sesiones y CSRF

Curso de Vue.js Parte 4

Puedes proteger el acceso a tu API utilizando autenticación basada en token como aprendimos en el curso de novedades de Laravel 5.2. Pero muchísimas veces no queremos desarrollar una API externa, sino agregar funcionalidad AJAX a nuestro proyecto, y en casos donde el API y el proyecto estén bajo el mismo dominio, el mecanismo para asegurar tu proyecto es diferente, además de que vas a requerir de protección contra ataques CSRF y otros tips de seguridad de los cuales te hablaremos en la siguiente lección.

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

Eventos personalizados en Vue.js

Logo
3

Eventos personalizados

Curso de Vue.js Parte 4

En las lecciones anteriores, cuando aprendimos a crear nuestros propios componentes en Vue.js, nos dimos cuenta que necesitábamos una manera de hacer cambios en nuestro objeto principal de Vue (VM o View-Model) pero dentro del scope del componente. Yo resolví este problema usando $parent y dado que nuestro proyecto es muy pequeño, quizás no importe demasiado, pero para sistemas grandes esto se considera una mala práctica, y hay una mejor forma de solucionar este problema dentro de Vue, y es creando y disparando eventos personalizados como aprenderemos en esta lección.

Ver post

Animaciones (o transiciones) en Vue.js

Logo
2

Animaciones

Curso de Vue.js Parte 4

En esta lección número 20 de nuestro Curso de Vue.js aprenderás a agregar efectos de animación o transiciones a través de clases de CSS con Vue.js cuando tus elementos son agregados y eliminados en el DOM de una forma sencilla; permitiéndote crear aplicaciones mucho más llamativas. También, conocerás cómo agregar animaciones usando el library Animate.css.

Ver post

Uso del componente Vue Resource

Logo
19

Vue Resource

Curso de Vue.js Parte 4

Con esta lección comenzamos la parte 4 de nuestro Curso de Vue.js donde vamos a refactorizar parte del código que realizamos en las lecciones anteriores.

En esta lección aprenderemos cómo utilizar el componente Vue Resource, con el cuál podremos hacer peticiones AJAX sin depender de jQuery. Ahora aunque no tenemos nada en contra de jQuery, esta es una opción más liviana y que podemos integrar más fácilmente con Vue.js.

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

Eliminar registros con Vue.js y Laravel a través de AJAX

Logo
18

Eliminar registros con Vue.js y Laravel 5.2

Curso de Vue.js Parte 3

Esta es la cuarta lección de la parte 3 de nuestro Curso de Vue.js donde junto con el API desarrollado en Laravel en la parte 2 de nuestro curso, estamos creando un módulo CRUD completamente en AJAX.

En esta lección aprenderemos cómo eliminar registros utilizando AJAX y además aprenderemos cómo podemos manejar de forma global los posibles errores que ocurran del lado de servidor cuando consultamos el API.

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

Crear registros con Vue.js y Laravel 5.2

Logo
15

Crear registros con Vue.js y Laravel 5.2

Curso de Vue.js Parte 3

En esta lección del Curso de Vue.js continuaremos con la creación de nuestro módulo CRUD de notas en AJAX, integrando el endpoint del API desarrollado con Laravel 5.2 para crear notas a nuestro objeto VM de Vue.js

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

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.