Archivos del curso
  • Proyecto final API Adonis
  • Proyecto final Vuejs Cinema
  • Diagrama de nuestra base de datos y algunos comandos útiles
Introducción
  • ¿Qué vamos a hacer?
Desarrollando la API con AdonisJs 4
  • Instalar dependencias y generar proyecto
  • Migraciones para generar las tablas de la BD
  • Crear migraciones a partir de una base de datos con Workbench paso a paso
  • Factorías para crear maquetas de datos falsos para desarrollar
  • Relacionar todos los modelos de la APP
  • Seeds, populando la BD con datos falsos
  • Rutas GET, POST y PUT con Middlewares para proteger accesos con JWT
  • Controlador Auth para manejar autenticación y Hook's para procesos automáticos
  • Controlador Cinema y carga de relaciones complejas con LoadMany de Lucid
  • Controlador Movie, retornando la información de películas
  • Controlador Booking, guardando y retornando las reservas de la APP
Instalación y configuración con Vuejs 2
  • Entendiendo Vuejs 2, instalar dependencias, crear proyecto y teoría
  • Configurar index.html, añadir favicon y configurar webpack resolver
  • Función para añadir namespaces a Vuex
  • Definiendo los Types de Autenticación para el módulo Auth de Vuex
  • Configurar el archivo principal, VueResource, JWT, BlockUI, Validaciones y Store
  • Configurar global Store para acceso a datos globales con Vuex
Configuración multi idioma i18n Vuejs 2
  • Archivos de traducción para templates y validaciones y configuración en main.js
  • Configurar i18n de forma global
Módulo para manejar autenticación Vuex, State, Acciones, Getters y Mutaciones
  • Namespace para Types del módulo Auth
  • AuthModule, definir Getters y State y Mutations
  • AuthModule, definir Actions para realizar peticiones contra la API
Navegación y Router
  • Desarrollar un componente para la navegación con Bootstrap
  • Configurar el router
  • Controlando accesos con beforeEach con el router de Vuejs
  • Configurar el componente principal App.vue y añadiendo componente Navegación
Componente Login para iniciar sesión utilizando JWT
  • Iniciar componente Login, trabajando en la template
  • Desarrollar la lógica y validación del componente Login
  • Configurar el componente Login en en Router y paso de datos extra con Meta
Componente Register para dar de alta usuarios
  • Desarrollar template y lógica del formulario de registro con validaciones
  • Mantener el usuario identificado al refrescar el navegador con Vuex y el Router
Desarrollando la lógica de los cines
  • Namespace para Types del módulo Cinema
  • Definir el módulo Cinema con Vuex
  • Inicializar componente Cinemas para listar y uso de Hook Mounted de Vuejs 2
  • Desarrollar componente que representará a cada cine de la aplicación
  • Realizando bucles con V-FOR para renderizar todos los cines disponibles
  • Desarrollar un componente para filtrar los cines de la APP
  • Limpiar los filtros del buscador y uso de la directiva V-ELSE
Desarrollando la lógica de las películas
  • Namespace para Types del módulo Cinema
  • Definir el módulo Movie con Vuex
  • Inicializar componente Movies para listar todas las películas de la app
  • Definir componente MovieItem (Películas para utilizar en un loop)
  • Desarrollar componente para mostrar los géneros disponibles para una película
  • Desarrollar componente para mostrar las horas disponibles para una película
  • Finalizar componente listado de películas reutilizando todos los componentes
  • Desarrollar un filtro para filtrar películas con Vuex y Getters
Cambiar el idioma de la APP
  • Componente para seleccionar el idioma de la app con un campo de selección
Desarrollando la lógica del sistema de reservas
  • Namespace para Types del módulo Booking
  • Desarrollar las acciones y mutaciones de Vuex para el módulo Booking
  • Desarrollar getters Booking para modificar la forma en que recibimos los datos
  • Desarrollar la lógica del componente para Booking Seats (reserva de asientos)
  • Desarrollar la template del componente para Booking Seats (reserva de asientos)
  • Reutilizar componente Movie y Booking Seats para procesar reservas
  • Obtener y mostrar un listado con la última reserva del cliente identificado
  • Cargando todas las reservas del cliente con Vue Tables 2
Refactorizar y mejorar nuestros componentes
  • Componente UserForm para reutilizar en login, registro y perfil
  • Refactorizar componente login
  • Refactorizar componente registro
  • Refactorizar componente donde mostramos la última reserva
Actualizar el perfil del usuario identificado con JWT
  • Componente donde reutilizando UserForm actualizamos los datos del usuario actual
BONUS
  • Más cursos sobre Vuejs 2 y Vuex