Vue.js es un nuevo library de JavaScript «reactivo» que implementa el enlace de datos en dos direcciones o «two way data binding» (entre la vista y el modelo) de una manera muy eficiente y rápida, y es además muy fácil y divertido de aprender y usar.
En este curso te enseñaremos a trabajar con Vue.js desde cero para que puedas aplicarlo en tus proyectos.
Parte 1: Vue.js
En esta primera parte, aprenderás a utilizar Vue.js desde un ejemplo de hola mundo, hasta la creación de tus propios componentes.
- 1 . Instalación y primeros pasos con Vue.js 14:25
- 2 . Directivas y uso de expresiones con v-show, v-if y v-else 14:11
- 3 . Manejo de eventos y métodos con v-on:click y submit 14:45
- 4 . Atributos HTML, clases y estilos de CSS dinámicos con v-bind 11:54
- 5 . Introducción a los componentes con Vue.js 17:47
- 6 . Listas con v-for 11:18
- 7 . Computed properties 13:05
- 8 . Filtros 9:20
- 9 . Repaso de interpolaciones, filtros y directivas 18:49
- 10 . Repaso de componentes 20:28
Parte 2: Crea un API con Laravel 5.2
En esta segunda parte desarrollaremos el API para el módulo de notas utilizando Laravel 5.2. Si no te interesa aprender a desarrollar una API con Laravel, puedes pasar directamente a la parte 3.
- 11 . Configuración del proyecto 7:07
- 12 . API para listar notas 16:10
- 13 . Creación de registros a través de un API 20:26
- 14 . Actualizar y eliminar registros a través de un API 17:31
Parte 3: Laravel + AJAX + Vue.js
En esta tercera parte del curso, vamos a consumir una API con Vue.js para finalizar el desarrollo de nuestro módulo CRUD de notas totalmente en AJAX.
- 15 . Laravel + Vue.js = ♥ 13:45
- 16 . Crear registros con Vue.js y Laravel 11:01
- 17 . Actualizar notas con Laravel y Vue.js 19:50
- 18 . Eliminar notas con Laravel y Vue.js 13:14
Parte 4: Refactorización y nuevos features
En esta parte 4 refactorizaremos el código AJAX para utilizar Vue Resource, realizaremos también animaciones con Vue.js, aprenderemos cómo podemos trabajar con componentes sin depender del «two way binding», y más.
- 19 . Uso del componente Vue Resource 25:35
- 20 . Animaciones (transitions) 16:55
- 21 . Eventos personalizados en Vue.js 10:04
- 22 . Browserify y Vueify con Gulp y Laravel Elixir 19:35
- 23 . Componente App 12:19
- 24 . Medidas de seguridad con Laravel y Vue.js 12:06
Parte 5: Vue.js 2.0
En esta parte 5, vamos a migrar nuestro módulo de notas a la nueva versión de Vue.js.