¿Qué voy a aprender?
Vuejs 2 es un framework javascript versátil con el cual puedes desarrollar aplicaciones web grandes o pequeñas, eso no importa, el cual utiliza Blazing Fast Virtual DOM para optimizar los cambios de datos de nuestras aplicaciones al máximo.Al finalizar el curso serás capaz de desarrollar cualquier tipo de aplicación con Vuejs 2 y Vuex utilizando JSON WEB TOKENS para comunicar de forma segura con una API.
Además, podrás crear servicios rest con AdonisJs 4 de forma eficiente con complejas relaciones y seguridad basada en tokens.
También aprenderás a configurar aplicaciones con soporte multi idioma con Vuejs 2 para poder tener tus aplicaciones completamente traducidas, ¡incluso las validaciones de formularios!
Ya que la APP que vamos a construir con Vuejs 2 debe obtener datos de una API externa, también aprenderás a realizar peticiones HTTP de forma correcta y segura con el paso de tokens en cada petición de forma automática.
Para más información, te invito a que revises el vídeo ¿qué vamos a hacer?, a lo largo de 10 minutos tienes una explicación clara del desarrollo del curso.
Requisitos recomendados para tomar el curso
- Conocimientos básicos de Javascript
- Conocimientos básicos de Html
- Interesante haber hecho algo aunque sea básico con Nodejs
- Interesante haber hecho algo aunque sea básico con MySQL ya que conectaremos con una BD
¿Para quién es este curso?
- Cualquiera que desee aprender a trabajar de forma profesional con Vuejs 2
- Cualquiera que desee obtener conocimientos sólidos sobre el uso de Vuejs 2 con Vuex
¿Qué hago si tengo dudas a lo largo del curso?
El Curso de Vuejs 2 Avanzado con Vuex y AdonisJs 4 cuenta con su propio foro para recibir ayuda en caso de que la necesites, una vez te hayas inscrito podrás acceder siempre que quieras.Las dudas planteadas en el foro normalmente son respondidas el mismo día para acelerar la fase de aprendizaje.
Contenido del Curso
| Archivos del curso | |||
| Curso de Vuejs 2 Avanzado: Archivos | 00:00:00 | ||
| Introducción | |||
| Curso de Vuejs 2 Avanzado: ¿Qué vamos a hacer? | GRATIS | 00:11:00 | |
| Desarrollando la API con AdonisJs 4 | |||
| Curso de Vuejs 2: Instalar dependencias y generar proyecto | 00:10:00 | ||
| Curso de Vuejs 2 Avanzado: Migraciones para generar las tablas de la BD | 00:19:00 | ||
| Curso de Vuejs 2 Avanzado: Factorías para crear maquetas de datos falsos para desarrollar | 00:09:00 | ||
| Curso de Vuejs 2 Avanzado: Relacionar todos los modelos de la APP | 00:12:00 | ||
| Curso de Vuejs 2 Avanzado: Seeds, populando la BD con datos falsos | 00:12:00 | ||
| Curso de Vuejs 2 Avanzado: Rutas GET, POST y PUT con Middlewares para proteger accesos con JWT | 00:09:00 | ||
| Curso de Vuejs 2 Avanzado: Controlador Auth para manejar autenticación y Hook’s para procesos automáticos | 00:13:00 | ||
| Curso de Vuejs 2 Avanzado: Controlador Cinema y carga de relaciones complejas con LoadMany de Lucid | 00:14:00 | ||
| Curso de Vuejs 2 Avanzado: Controlador Movie, retornando la información de películas | 00:06:00 | ||
| Curso de Vuejs 2 Avanzado: Controlador Booking, guardando y retornando las reservas de la APP | 00:12:00 | ||
| Instalación y configuración con Vuejs 2 | |||
| Curso de Vuejs 2 Avanzado: Entendiendo Vuejs 2, instalar dependencias, crear proyecto y teoría | 00:18:00 | ||
| Curso de Vuejs 2 Avanzado: Configurar index.html, añadir favicon y configurar webpack resolver | 00:04:00 | ||
| Curso de Vuejs 2 Avanzado: Función para añadir namespaces a Vuex | 00:05:00 | ||
| Curso de Vuejs 2 Avanzado: Definiendo los Types de Autenticación para el módulo Auth de Vuex | 00:05:00 | ||
| Curso de Vuejs 2 Avanzado: Configurar el archivo principal, VueResource, JWT, BlockUI, Validaciones y Store | 00:13:00 | ||
| Curso de Vuejs 2 Avanzado: Configurar global Store para acceso a datos globales con Vuex | 00:08:00 | ||
| Configuración multi idioma i18n Vuejs 2 | |||
| Curso de Vuejs 2 Avanzado: Archivos de traducción para templates y validaciones y configuración en main.js | 00:06:00 | ||
| Curso de Vuejs 2 Avanzado: Configurar i18n de forma global | 00:03:00 | ||
| Módulo para manejar autenticación Vuex, State, Acciones, Getters y Mutaciones | |||
| Curso de Vuejs 2 Avanzado: Namespace para Types del módulo Auth | 00:05:00 | ||
| Curso de Vuejs 2 Avanzado: AuthModule, definir Getters y State y Mutations | 00:07:00 | ||
| Curso de Vuejs 2 Avanzado: AuthModule, definir Actions para realizar peticiones contra la API | 00:10:00 | ||
| Navegación y Router | |||
| Curso de Vuejs 2 Avanzado: Desarrollar un componente para la navegación con Bootstrap | 00:13:00 | ||
| Curso de Vuejs 2 Avanzado: Configurar el router | GRATIS | 00:03:00 | |
| Curso de Vuejs 2 Avanzado: Controlando accesos con beforeEach con el router de Vuejs | 00:03:00 | ||
| Curso de Vuejs 2 Avanzado: Configurar el componente principal App.vue y añadiendo componente Navegación | 00:06:00 | ||
| Componente Login para iniciar sesión utilizando JWT | |||
| Curso de Vuejs 2 Avanzado: Iniciar componente Login, trabajando en la template | 00:14:00 | ||
| Curso de Vuejs 2 Avanzado: Desarrollar la lógica y validación del componente Login | 00:05:00 | ||
| Curso de Vuejs 2 Avanzado: Configurar el componente Login en en Router y paso de datos extra con Meta | 00:08:00 | ||
| Componente Register para dar de alta usuarios | |||
| Curso de Vuejs 2 Avanzado: Desarrollar template y lógica del formulario de registro con validaciones | 00:13:00 | ||
| Curso de Vuejs 2 Avanzado: Mantener el usuario identificado al refrescar el navegador con Vuex y el Router | 00:03:00 | ||
| Desarrollando la lógica de los cines | |||
| Curso de Vuejs 2 Avanzado: Namespace para Types del módulo Cinema | GRATIS | 00:06:00 | |
| Curso de Vuejs 2 Avanzado: Definir el módulo Cinema con Vuex | 00:11:00 | ||
| Curso de Vuejs 2 Avanzado: Inicializar componente Cinemas para listar y uso de Hook Mounted | 00:07:00 | ||
| Curso de Vuejs 2 Avanzado: Desarrollar componente que representará a cada cine de la aplicación | 00:08:00 | ||
| Curso de Vuejs 2 Avanzado: Realizando bucles con V-FOR para renderizar todos los cines disponibles | 00:06:00 | ||
| Curso de Vuejs 2 Avanzado: Desarrollar un componente para filtrar los cines de la APP | 00:15:00 | ||
| Curso de Vuejs 2 Avanzado: Limpiar los filtros del buscador y uso de la directiva V-ELSE | 00:03:00 | ||
| Desarrollando la lógica de las películas | |||
| Curso de Vuejs 2 Avanzado: Namespace para Types del módulo Cinema | 00:06:00 | ||
| Curso de Vuejs 2 Avanzado: Definir el módulo Movie con Vuex | 00:16:00 | ||
| Curso de Vuejs 2 Avanzado: Inicializar componente Movies para listar todas las películas de la app | 00:08:00 | ||
| Curso de Vuejs 2 Avanzado: Definir componente MovieItem (Películas para utilizar en un loop) | 00:10:00 | ||
| Curso de Vuejs 2 Avanzado: Desarrollar componente para mostrar los géneros disponibles para una película | 00:03:00 | ||
| Curso de Vuejs 2 Avanzado: Desarrollar componente para mostrar las horas disponibles para una película | 00:06:00 | ||
| Curso de Vuejs 2 Avanzado: Finalizar componente listado de películas reutilizando todos los componentes | 00:07:00 | ||
| Curso de Vuejs 2 Avanzado: Desarrollar un filtro para filtrar películas con Vuex y Getters | 00:17:00 | ||
| Cambiar el idioma de la APP | |||
| Curso de Vuejs 2 Avanzado: Componente para seleccionar el idioma de la app con un campo de selección | 00:10:00 | ||
| Desarrollando la lógica del sistema de reservas | |||
| Curso de Vuejs 2 Avanzado: Namespace para Types del módulo Booking | 00:05:00 | ||
| Curso de Vuejs 2 Avanzado: Desarrollar las acciones y mutaciones de Vuex para el módulo Booking | 00:14:00 | ||
| Curso de Vuejs 2 Avanzado: Desarrollar getters Booking para modificar la forma en que recibimos los datos | 00:11:00 | ||
| Curso de Vuejs 2 Avanzado: Desarrollar la lógica del componente para Booking Seats (reserva de asientos) | 00:10:00 | ||
| Curso de Vuejs 2 Avanzado: Desarrollar la template del componente para Booking Seats (reserva de asientos) | 00:06:00 | ||
| Curso de Vuejs 2 Avanzado: Reutilizar componente Movie y Booking Seats para procesar reservas | 00:13:00 | ||
| Curso de Vuejs 2 Avanzado: Obtener y mostrar un listado con la última reserva del cliente identificado | 00:12:00 | ||
| Curso de Vuejs 2 Avanzado: Cargando todas las reservas del cliente con Vue Tables 2 | 00:10:00 | ||
| Refactorizar y mejorar nuestros componentes | |||
| Curso de Vuejs 2 Avanzado: Componente UserForm para reutilizar en login, registro y perfil | 00:07:00 | ||
| Curso de Vuejs 2 Avanzado: Refactorizar componente login | 00:04:00 | ||
| Curso de Vuejs 2 Avanzado: Refactorizar componente registro | GRATIS | 00:04:00 | |
| Curso de Vuejs 2 Avanzado: Refactorizar componente donde mostramos la última reserva | 00:05:00 | ||
| Actualizar el perfil del usuario identificado con JWT | |||
| Curso de Vuejs 2 Avanzado: Componente donde reutilizando UserForm actualizamos los datos del usuario actual | 00:11:00 | ||
Cursos relacionados
Calendario de eventos con Laravel, Vuejs 2 y MySQL
42Precios variables +
Desarrollo de web components reutilizables con Stenciljs para Vuejs, Reactjs o Angular
22Precios variables +
Curso de Vuejs 2 con AWS, Cognito y GraphQL
30Precios variables +
60 ALUMNOS MATRICULADOS
Muy buen Curso
Otro curso sobre Vue.js 2 realmente interesante. Felicidades por el trabajo. A pesar de tener mucho contenido se hace ameno. Muy instructivo el desarrollo de la api con Adonis.js. Saludos.
Un gran tema, gran curso, gran profesor
todo bien!