No hay productos en el carrito.
¿Qué voy a aprender?
Firebase ofrece decenas de características que nos simplifican el desarrollo de nuestros proyectos hasta niveles indecentes: autenticación, bases de datos en real time, sistema de hosting, almacenamiento, funciones Cloud, Machine Learning y mucho más.En este curso aprenderás a aplicar de forma completa un sistema de autenticación con Firebase y Vue 3 Composition API utilizando correo electrónico y contraseña con las funcionalidades de login, registro y recuperación de contraseña, todo 100% personalizado.
Para cubrir un sistema de autenticación personalizado veremos cómo capturar todos los códigos de error del sistema de autenticación de Firebase para mostrar mensajes personalizados en cada caso ofreciendo siempre la mejor información y en su idioma al usuario final.
Iniciar sesión con Firebase y Vue 3
El sistema de login es bien sencillo en Firebase, en nuestro caso simplemente utilizaremos correo electrónico y contraseña. Para ello previamente deberemos habilitar este sistema en nuestra consola de Firebase a través de la configuración de nuestro proyecto.
Registro de usuarios con Firebase y Vue 3
Para registrar usuarios haremos exactamente lo mismo que con el sistema para iniciar sesión, capturaremos los errores de Firebase en caso de que existan y una vez el usuario se haya registrado le notificaremos con un mensaje en pantalla.
Recuperación de contraseñas con Firebase y Vue 3
Para permitir a nuestros usuarios recuperar sus contraseñas desarrollaremos un sistema que enviará un correo electrónico personalizado que lo dirigirá a una página secreta de nuestra aplicación con un código de seguridad que Firebase nos ofrece para este propósito.
Auth Guards en Firebase y Vue 3
Para completar el sistema de autenticación con Firebase y Vue 3 aplicaremos un sistema de seguridad a nuestras rutas para evitar que usuarios sin identificar puedan acceder a páginas que requieran identificación, algo completamente necesario en cualquier sistema que gestione usuarios. Firebase nos facilita la vida en este aspecto y nosotros los vamos a aprovechar.Una vez hayas concluido el curso tendrás un robusto sistema de autenticación que podrás aplicar a tus proyectos.
Requisitos recomendados para tomar el curso
Haber seguido los cursos anteriores de la ruta de aprendizaje con Vue 3.¿Para quién es este curso?
Desarrolladores Vue 3 que utilicen Composition API y deseen aprender a desarrollar un sistema de autenticación con Firebase y Vue 3 para sus futuros proyectos.¿Qué hago si tengo dudas a lo largo del curso?
Si estás suscrito al plan Trimestral o Anual cuentas con soporte completo en menos de 24 horas dentro de días laborables.Contenido del Curso
| Introducción | |||
| Vue 3 Firebase Auth: Archivos del curso | 00:00:00 | ||
| Vue 3 Firebase Auth: ¿Qué vamos a hacer? | GRATIS | 00:06:00 | |
| Vue 3 Firebase Auth: Entendiendo nuestro proyecto | GRATIS | 00:05:00 | |
| Preparando los componentes y lógica del proyecto | |||
| Vue 3 Firebase Auth: Crear navegación para usuarios identificados y no identificados | GRATIS | 00:06:00 | |
| Vue 3 Firebase Auth: Lógica para mostrar un preloading cuando procesemos rutas y peticiones | 00:04:00 | ||
| Vue 3 Firebase Auth: Composable para capturar errores de Firebase | 00:04:00 | ||
| Vue 3 Firebase Auth: Componentes para nuestros formularios, inputs y mensajes de error | 00:04:00 | ||
| Vue 3 Firebase Auth: Componentes para nuestros formularios, inputs y mensajes de error | 00:04:00 | ||
| Vue 3 Firebase Auth: Crear App en Firebase y configurar nuestro proyecto | 00:05:00 | ||
| Vue 3 Firebase Auth: Actualizar App.vue con todo lo desarrollado | 00:04:00 | ||
| Vue 3 Firebase Auth: Layout con Slots para nuestros formularios | 00:02:00 | ||
| Desarrollando la lógica del proceso de autenticación | |||
| Vue 3 Firebase Auth: Proceso de registro completo | 00:12:00 | ||
| Vue 3 Firebase Auth: Proceso de login completo | 00:06:00 | ||
| Vue 3 Firebase Auth: Vista perfil usuario identificado | 00:05:00 | ||
| Vue 3 Firebase Auth: Proteger las rutas públicas y privadas (Auth Guards) | 00:09:00 | ||
| Vue 3 Firebase Auth: Proceso para recuperar la contraseña (Parte I) | 00:08:00 | ||
| Vue 3 Firebase Auth: Proceso para recuperar la contraseña (Parte II) con envío de correo personalizado | 00:05:00 | ||
| Vue 3 Firebase Auth: Proceso completo para restablecer la contraseña | 00:14:00 | ||
Cursos relacionados
Realtime Chat con Supabase y Vue 3 Composition API
9Opciones de Precio +
Autenticación con Supabase y Vue 3 Composition API
12Opciones de Precio +
Setup Laravel Tenancy con Vue 3 y Sanctum
19Opciones de Precio +
51 ALUMNOS MATRICULADOS
Excelente para desarrollos de la vida Real
Me a parecido un curso muy interesante, muy bien explicado, sin perder tiempo en el desarrollo de templates, solo enfocado en la lógica de negocio y en la utilización de las mejores características de Vue 3. Otra cosa que me fascino fue la limpieza en el código lo corto de los métodos hacen que el código se pueda leer de manera sencilla.
Felicidades sigue así generando tan buen contenido. Espero poder completar toda la ruta en un mes.