play_circle_outline
vista previa
15 minutos
play_circle_outline
vista previa
6 minutos
file_download
Proyecto final
N/A
play_circle_outline
vista previa
12 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
7 minutos
play_circle_outline
vista previa
9 minutos
play_circle_outline
vista previa
15 minutos
play_circle_outline
vista previa
14 minutos
play_circle_outline
vista previa
14 minutos
play_circle_outline
vista previa
15 minutos
play_circle_outline
vista previa
10 minutos
play_circle_outline
vista previa
3 minutos
play_circle_outline
Configurar Vue Apollo con AppSync y añadir extensión a Google Chrome
11 minutos
play_circle_outline
Crear y configurar los plugins i18n, Vue Moment y Vuelidate
10 minutos
play_circle_outline
Desarrollando componentes de la UI y Layouts para el sistema de autenticación y la zona del estudiante
12 minutos
play_circle_outline
Funciones Helper y añadir el sistema de Storage S3 de AWS a nuestro proyecto para guardar archivos de imagen
18 minutos
play_circle_outline
Crear el módulo de autenticación con Vuex (State y Mutations)
9 minutos
play_circle_outline
Añadir acciones al módulo de autenticación y primera consulta GraqhQL con Apollo utilizando un índice GSI de DynamoDB
21 minutos
play_circle_outline
Añadir getters al módulo de autenticación
11 minutos
play_circle_outline
Módulo de Planes para el proceso de suscripción a la plataforma
4 minutos
play_circle_outline
Configurar la instancia de Vuex con State y Mutations globales + módulos de Autenticación y Planes
5 minutos
play_circle_outline
Capturar los eventos del EventBus de Amplify Framework en el router para gestionar el sistema de autenticación
8 minutos
play_circle_outline
Función para hidratar los resultados GraphQL con Vue Apollo, necesario para evitar errores al acceder a GraphQL
2 minutos
play_circle_outline
Configurar el routerBeforeEarch para controlar accesos a zonas protegidas
7 minutos
play_circle_outline
Crear el plugin para conectar con Amplify
2 minutos
play_circle_outline
Modificar el archivo App.vue para utilizar el router y utilizar componentes de la UI globales
4 minutos
play_circle_outline
Crear la vista Welcome y añadirla al Router
4 minutos
play_circle_outline
Crear la vista para registrar usuarios y añadirla al Router
13 minutos
play_circle_outline
Trabajo con Fragments en GraphQL para reutilizar código de consultas
9 minutos
play_circle_outline
Escribir consultas GraphQL utilizando Fragments
9 minutos
play_circle_outline
Escribir mutaciones GraphQL
11 minutos
play_circle_outline
Escribir suscripciones GraphQL (Real Time)
4 minutos
play_circle_outline
Crear vista para confirmar el registro de usuarios con código de verificación por correo electrónico y posibilidad de solicitar un nuevo código de verificación
11 minutos
play_circle_outline
Crear vista para para iniciar sesión y ajustes los eventos de Amplify en el router
7 minutos
play_circle_outline
Desarrollar componentes para la página de planes (Selección de membresía)
4 minutos
play_circle_outline
Crear componente Tabla de precios utilizando Slides de Vuetify
13 minutos
play_circle_outline
Crear vista de planes para procesar los pagos con Stripe y ajustar roles de usuarios de Lambda Functions
14 minutos
play_circle_outline
Crear vista al finalizar el proceso de pago para confirmar la creación de la cuenta
7 minutos
play_circle_outline
Dar de alta un usuario desde la consola de Amazon Cognito
4 minutos
play_circle_outline
Crear vista para que los usuarios dados de alta en Cognito tras iniciar sesión en la APP deban confirmar su contraseña
13 minutos
play_circle_outline
Crear componente de navegación por Tabs con Vuetify para el Administrador
4 minutos
play_circle_outline
Crear componente de navegación Drawer con Vuetify para el Administrador
7 minutos
play_circle_outline
Vista Perfil de usuario (Admin y Cliente) para modificar la contraseña y cambiar su avatar
17 minutos
play_circle_outline
Crear componente de ventana modal para permitir cambiar el avatar al Admin y al Cliente
16 minutos
play_circle_outline
Crear nuestro propio componente Apollo Query reutilizable para hacer consultas GraphQL en otros componentes
10 minutos
play_circle_outline
Crear vista para mostrar las suscripciones que han contratado los clientes con filtros y paginación
12 minutos
play_circle_outline
Crear componente utilizando una Card de Vuetify que represente una membresía contratada para listado en administración
6 minutos
play_circle_outline
Corregir bug al confirmar la cuenta y contratar la membresía
6 minutos
play_circle_outline
Crear la vista para mostrar los cursos al administrador con filtros y paginación
8 minutos
play_circle_outline
Crear componente para dar de alta cursos con subida de archivos a S3
5 minutos
play_circle_outline
Crear vista para para que el administrador pueda dar de alta cursos
7 minutos
play_circle_outline
Crear componente Curso para iterar en el listado de cursos del administrador
9 minutos
play_circle_outline
Crear componente navegación por Tabs para el estudiante
5 minutos
play_circle_outline
Crear vista para cancelar y reanudar los pagos recurrentes ajustando los permisos de los roles en AWS
16 minutos
play_circle_outline
Crear vista mostrar los cursos disponibles a los estudiantes con la posibilidad de que puedan acceder
8 minutos
play_circle_outline
Crear vista mis cursos
3 minutos
play_circle_outline
Crear componentes para el detalle de un curso, CourseDetail, CourseReview y CourseReviewForm
7 minutos
play_circle_outline
Crear la vista del detalle de un Curso
14 minutos
play_circle_outline
Crear y entender cómo funcionan las funciones desencadenadoras de DynamoDB para estar atentos a los eventos y despedida
10 minutos
school
¿Qué aprenderás?
Sin duda el curso más avanzado sobre el trabajo con Vuejs y Amplify Framework que existe en toda la web. Aprende a crear aplicaciones robustas y profesionales con las herramientas más avanzadas para el desarrollo con Vuejs utilizando Amazon Web Services.
Durante más de 9 horas estaremos llevando a cabo un completo proyecto de membresía con roles de usuarios utilizando Vuejs y Amplify con la plataforma de pagos Stripe haciendo uso de Webhooks a través de Lambda Functions de AWS.
A continuación te detallo todo lo que estaremos desarrollando y lo que podrás aprender en este curso:
Durante más de 9 horas estaremos llevando a cabo un completo proyecto de membresía con roles de usuarios utilizando Vuejs y Amplify con la plataforma de pagos Stripe haciendo uso de Webhooks a través de Lambda Functions de AWS.
A continuación te detallo todo lo que estaremos desarrollando y lo que podrás aprender en este curso:
- Crear y configurar un proyecto con Vuejs y Amplify Framework.
- Añadir y configurar todo el proyecto para multi idioma con i18n.
- Roles de usuario para ADMIN y CUSTOMER con diferentes interfaces y menús.
- Interfaz desarrollada con Vuetify 2, la última versión del potente Framework Material Design para Vuejs, todo ello centrados en el desarrollo móvil (Mobile First).
- Trabajo completo con Vuex, el almacén de datos de las aplicaciones Vuejs.
- Configurar un completo ecosistema en Amazon Web Services con control total de lo que necesites y explicaciones detalladas.
- Autenticación con Amazon Cognito, login, registro, cambio de contraseña, alta de usuarios desde la consola, reenvío de código de verificación y logout.
- GraphQL con Vue Apollo y AppSync a fondo, queries, mutations, subscriptions y fragments.
- Crear y configurar un API REST con Amazon API Gateway para escuchar los Webhooks de Stripe extremando la seguridad de las peticiones recibidas.
- Lambda Functions ejecutadas desde el cliente con Vuejs a través de Mutations para cancelar y reanudar la membresía del cliente.
- Crear y configurar una cuenta en Stripe, obtención de claves, alta de planes recurrentes y configuración de Webhooks.
- Validación completa de formularios con Vuelidate utilizando i18n.
- Trabajo con Amazon S3 para subir y obtener archivos de forma privada con URLs seguras y firmadas.
- Crear una tabla de precios con Vuetify para permitir al usuario tomar diferentes planes con periodo anual o mensual.
- Utilizar el EventBus de Amplify Framework para emitir eventos de autenticación y recuperarlos en el router de Vuejs.
- Crear funciones Lambda vinculadas a los desencadenadores (Triggers) de DynamoDB para controlar eventos de INSERT, UPDATE, DELETE.
- Crear índices secundarios en DynamoDB con claves simples y claves compuestas para realizar búsquedas más avanzadas.
assignment
Requisitos
Los siguientes cursos son necesarios (en su defecto los conocimientos adquiridos) para poder llevar a cabo este curso satisfactoriamente, si no tienes los conocimientos necesarios no se ofrecerá soporte para dudas a través del foro del curso.
- Curso de Vuejs 2 y Vuex desde 0 con las mejores prácticas
- También recomendamos los siguientes cursos, pero no son requeridos.
group
¿A quién va dirigido el curso?
Programadores de Vuejs que deseen utilizar herramientas profesionales para sus desarrollos 100% actualizadas con Amazon Web Services, bases de datos NoSQL con DynamoDB y GraphQL, autenticación con Cognito, sistema de Storage con Amazon S3, funciones Lambda y configuración de API REST con API Gateway.
help_outline
¿Qué hacer en caso de dudas durante el curso?
Los planes de suscripción trimestral y anual incluyen soporte a través del foro del curso.
Las dudas que se planteen en el foro del curso serán respondidas en un plazo máximo de 24 horas laborables.
Las dudas planteadas deben estar relacionadas con el contenido del curso y no con desarrollos personalizados que no estén relacionados con el curso.
card_membership
Certificado de finalización
emoji_events
Al completar todas las lecciones del curso, obtendrás un certificado de finalización en formato PDF personalizado con tu nombre y un código QR de verificación.
- center_focus_weak Código QR con enlace al curso
- picture_as_pdf Descargable en formato PDF
- person Personalizado con tu nombre
star Disponible exclusivamente para suscriptores.
