Última actualización:

¿Qué voy a aprender?

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:

  • 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.

Requisitos recomendados para tomar el curso

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.

¿Para quién es este 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.

¿Qué hago si tengo dudas a lo largo del curso?

Todos los cursos comprados y las suscripciones Trimestral y Anual cuentan con soporte completo en menos de 24 horas dentro de días laborables.

Contenido del Curso

Introducción
Vuejs y Amplify PRO: ¿Qué vamos a hacer?GRATIS 00:15:00
Vuejs y Amplify PRO: Explicando el proyecto que vamos a desarrollar 00:06:00
Vuejs y Amplify PRO: Proyecto final 00:00:00
Añadir recursos con Amplify y configuración de Plugins
Vuejs y Amplify PRO: Añadir Amplify Framework a Vuejs dar de alta usuario con permisos a través de la consola de AWS 00:12:00
Vuejs y Amplify PRO: Instalar y configurar i18n y Vuetify en nuestro proyecto 00:05:00
Vuejs y Amplify PRO: Añadir Amazon Cognito a nuestro proyecto (Sistema de autenticación con AWS) 00:07:00
Vuejs y Amplify PRO: Añadir la API de AppSync a nuestro proyecto para el trabajo con GraphQL y DynamoDB 00:09:00
Vuejs y Amplify PRO: Definir nuestro modelo de datos GraphQL con explicaciones detalladas y subir a AWS (Queries, Mutaciones, Suscripciones, Elastic Search) 00:15:00
Vuejs y Amplify PRO: Añadir API Gateway de AWS a nuestro proyecto con configuración Serverless para capturar los Webhooks (Eventos de Stripe) 00:14:00
Vuejs y Amplify PRO: Crear una cuenta de Stripe, conseguir claves, Webhooks, alta de planes con diferentes precios y probar el envío de Webhooks a API Gateway 00:14:00
Vuejs y Amplify PRO: Programar la lógica de los Webhooks de Stripe en API Gateway con NodeJS y Serverless capturando diferentes tipos de eventos utilizando el Header Stripe-Signature 00:15:00
Vuejs y Amplify PRO: Programar la lógica de la función Lambda para que el cliente pueda detener los pagos recurrentes de su plan 00:10:00
Vuejs y Amplify PRO: Programar la lógica de la función Lambda para que el cliente pueda reanudar los pagos recurrentes de su plan 00:03:00
Vuejs y Amplify PRO: Configurar Vue Apollo con AppSync y añadir extensión a Google Chrome 00:11:00
Vuejs y Amplify PRO: Crear y configurar los plugins i18n, Vue Moment y Vuelidate 00:10:00
Componentes de la UI, Layouts y archivo utils con funciones de ayuda para el proyecto
Vuejs y Amplify PRO: Desarrollando componentes de la UI y Layouts para el sistema de autenticación y la zona del estudiante 00:12:00
Vuejs y Amplify PRO: Funciones Helper y añadir el sistema de Storage S3 de AWS a nuestro proyecto para guardar archivos de imagen 00:18:00
Desarrollando el sistema de autenticación y suscripciones con Vuex + Amazon Cognito con el router de Vue y eventos de Amplify Framework
Vuejs y Amplify PRO: Crear el módulo de autenticación con Vuex (State y Mutations) 00:09:00
Vuejs y Amplify PRO: Añadir acciones al módulo de autenticación y primera consulta GraqhQL con Apollo utilizando un índice GSI de DynamoDB 00:21:00
Vuejs y Amplify PRO: Añadir getters al módulo de autenticación 00:11:00
Vuejs y Amplify PRO: Módulo de Planes para el proceso de suscripción a la plataforma 00:04:00
Vuejs y Amplify PRO: Configurar la instancia de Vuex con State y Mutations globales + módulos de Autenticación y Planes 00:05:00
Vuejs y Amplify PRO: Capturar los eventos del EventBus de Amplify Framework en el router para gestionar el sistema de autenticación 00:08:00
Vuejs y Amplify PRO: Función para hidratar los resultados GraphQL con Vue Apollo, necesario para evitar errores al acceder a GraphQL 00:02:00
Vuejs y Amplify PRO: Configurar el routerBeforeEarch para controlar accesos a zonas protegidas 00:07:00
Vuejs y Amplify PRO: Crear el plugin para conectar con Amplify 00:02:00
Iniciar las interfaces de autenticación
Vuejs y Amplify PRO: Modificar el archivo App.vue para utilizar el router y utilizar componentes de la UI globales 00:04:00
Vuejs y Amplify PRO: Crear la vista Welcome y añadirla al Router 00:04:00
Vuejs y Amplify PRO: Crear la vista para registrar usuarios y añadirla al Router 00:13:00
Generar nuestros propios Fragments, Queries, Mutations y Subscriptions de GraphQL
Vuejs y Amplify PRO: Trabajo con Fragments en GraphQL para reutilizar código de consultas 00:09:00
Vuejs y Amplify PRO: Escribir consultas GraphQL utilizando Fragments 00:09:00
Vuejs y Amplify PRO: Escribir mutaciones GraphQL 00:11:00
Vuejs y Amplify PRO: Escribir suscripciones GraphQL (Real Time) 00:04:00
Confirmar la cuenta después de registrarse e inicio de sesión
Vuejs y Amplify PRO: 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 00:11:00
Vuejs y Amplify PRO: Crear vista para para iniciar sesión y ajustes los eventos de Amplify en el router 00:07:00
Desarrollando la lógica para que los clientes se puedan suscribir con Stripe
Vuejs y Amplify PRO: Desarrollar componentes para la página de planes (Selección de membresía) 00:04:00
Vuejs y Amplify PRO: Crear componente Tabla de precios utilizando Slides de Vuetify 00:13:00
Vuejs y Amplify PRO: Crear vista de planes para procesar los pagos con Stripe y ajustar roles de usuarios de Lambda Functions 00:14:00
Vuejs y Amplify PRO: Crear vista al finalizar el proceso de pago para confirmar la creación de la cuenta 00:07:00
Dar de alta usuarios en Cognito y convertirlos en Administradores obligando a confirmar la contraseña que les hemos proporcionado
Vuejs y Amplify PRO: Dar de alta un usuario desde la consola de Amazon Cognito 00:04:00
Vuejs y Amplify PRO: Crear vista para que los usuarios dados de alta en Cognito tras iniciar sesión en la APP deban confirmar su contraseña 00:13:00
Desarrollando la interfaz del Administrador
Vuejs y Amplify PRO: Crear componente de navegación por Tabs con Vuetify para el Administrador 00:04:00
Vuejs y Amplify PRO: Crear componente de navegación Drawer con Vuetify para el Administrador 00:07:00
Vuejs y Amplify PRO: Vista Perfil de usuario (Admin y Cliente) para modificar la contraseña y cambiar su avatar 00:17:00
Vuejs y Amplify PRO: Crear componente de ventana modal para permitir cambiar el avatar al Admin y al Cliente 00:16:00
Vuejs y Amplify PRO: Crear nuestro propio componente Apollo Query reutilizable para hacer consultas GraphQL en otros componentes 00:10:00
Vuejs y Amplify PRO: Crear vista para mostrar las suscripciones que han contratado los clientes con filtros y paginación 00:12:00
Vuejs y Amplify PRO: Crear componente utilizando una Card de Vuetify que represente una membresía contratada para listado en administración 00:06:00
Vuejs y Amplify PRO: Corregir bug al confirmar la cuenta y contratar la membresía 00:06:00
Vuejs y Amplify PRO: Crear la vista para mostrar los cursos al administrador con filtros y paginación 00:08:00
Vuejs y Amplify PRO: Crear componente para dar de alta cursos con subida de archivos a S3 00:05:00
Vuejs y Amplify PRO: Crear vista para para que el administrador pueda dar de alta cursos 00:07:00
Vuejs y Amplify PRO: Crear componente Curso para iterar en el listado de cursos del administrador 00:09:00
Desarrollando la interfaz del Estudiante
Vuejs y Amplify PRO: Crear componente navegación por Tabs para el estudiante 00:05:00
Vuejs y Amplify PRO: Crear vista para cancelar y reanudar los pagos recurrentes ajustando los permisos de los roles en AWS 00:16:00
Vuejs y Amplify PRO: Crear vista mostrar los cursos disponibles a los estudiantes con la posibilidad de que puedan acceder 00:08:00
Vuejs y Amplify PRO: Crear vista mis cursos 00:03:00
Vuejs y Amplify PRO: Crear componentes para el detalle de un curso, CourseDetail, CourseReview y CourseReviewForm 00:07:00
Vuejs y Amplify PRO: Crear la vista del detalle de un Curso 00:14:00
Triggers en DynamoDB y despedida
Vuejs y Amplify PRO: Crear y entender cómo funcionan las funciones desencadenadoras de DynamoDB para estar atentos a los eventos y despedida 00:10:00

Valoraciones del curso

N.A

valoración
  • 5 estrellas
  • 4 estrellas
  • 3 estrellas
  • 2 estrellas
  • 1 estrellas

No hay valoraciones para este curso.

HACER ESTE CURSO
  • Opciones de Precio +
  • ACCESO PARA SIEMPRE
  • Certificado del curso
  • Número de unidades60
  • 9 horas, 2 minutos
60 ALUMNOS MATRICULADOS
Cursosdesarrolloweb ©. Todos los derechos reservados.

Login