play_circle_outline
vista previa
11 minutos
file_download
Archivos introducción
N/A
play_circle_outline
vista previa
36 minutos
file_download
Archivos tienda final
N/A
play_circle_outline
vista previa
10 minutos
play_circle_outline
vista previa
1 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
14 minutos
play_circle_outline
vista previa
3 minutos
play_circle_outline
vista previa
7 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
vista previa
10 minutos
play_circle_outline
vista previa
14 minutos
play_circle_outline
vista previa
4 minutos
play_circle_outline
Desarrollando un sencillo Footer con Vuetify
4 minutos
play_circle_outline
Componente para iniciar sesión y registrar usuario
12 minutos
play_circle_outline
Desarrollando un SnackBar con Toast
4 minutos
play_circle_outline
Iniciando el componente para registrar usuarios, (Template)
6 minutos
play_circle_outline
Módulo de autenticación con Vuex, login, registro y logout
12 minutos
play_circle_outline
Finalizar lógica registro de usuarios
9 minutos
play_circle_outline
Inicio de sesión con Firebase
7 minutos
play_circle_outline
Eventos del router de Vuejs 2 para controlar accesos no permitidos
9 minutos
play_circle_outline
Estableciendo el usuario identificado en el hook Mounted para no perder la sesión
6 minutos
play_circle_outline
Mostrar un preloader mientras carga la aplicación
3 minutos
play_circle_outline
Navegación de usuarios administradores
5 minutos
play_circle_outline
Cerrar sesión con Firebase
4 minutos
play_circle_outline
Componente base de la administración para cargar rutas hijas
7 minutos
play_circle_outline
Módulo para manejar la administración de usuarios con Vuex
3 minutos
play_circle_outline
Ventana modal para crear y editar usuarios (lógica)
9 minutos
play_circle_outline
Ventana modal para crear y editar usuarios (template)
8 minutos
play_circle_outline
Listado de usuarios utilizando Vuetify Datatables (template)
11 minutos
play_circle_outline
Listado de usuarios utilizando Vuetify Datatables (script)
9 minutos
play_circle_outline
Mostrando mensajes con Alerts al realizar acciones utilizando Vuex
2 minutos
play_circle_outline
Módulo para manejar la administración de productos con Vuex con Storage
10 minutos
play_circle_outline
Ventana modal para crear y editar productos con subida de archivos (lógica)
14 minutos
play_circle_outline
Ventana modal para crear y editar productos con subida de archivos (template)
5 minutos
play_circle_outline
Listado de productos utilizando Vuetify Datatables
12 minutos
play_circle_outline
Navegación de usuarios clientes
3 minutos
play_circle_outline
Módulo para mostrar los productos de la tienda paginados con Scroll Infinito
9 minutos
play_circle_outline
Componente para representar cada producto en el listado de productos
6 minutos
play_circle_outline
Módulo carrito de compras, lógica para crear un carrito por usuario cliente
11 minutos
play_circle_outline
Finalizar el módulo carrito de compras con Vuex
12 minutos
play_circle_outline
Componente Product Sheet para añadir el producto al carrito desde el listado
12 minutos
play_circle_outline
Listado de productos en la tienda (lógica)
9 minutos
play_circle_outline
Listado de productos en la tienda (template)
13 minutos
play_circle_outline
Listado de productos en el carrito
12 minutos
play_circle_outline
Módulo para procesar pedidos con Vuexy finalizar carrito
10 minutos
play_circle_outline
Listado de los pedidos del cliente
6 minutos
play_circle_outline
Detalle de un pedido con paso de parámetros por las rutas
8 minutos
play_circle_outline
Añadiendo Cloud Functions a nuestro proyecto y crear función al procesar pedido
12 minutos
description
Reglas de Firestore
N/A
play_circle_outline
Reglas de Firestore para proteger los datos y desactivar listeners de Firestore
12 minutos
play_circle_outline
vista previa
1 minutos
play_circle_outline
Solucionar Warning Timestamps Firestore
2 minutos
play_circle_outline
Crear ruta y nueva sección para la gráfica de pedidos
4 minutos
play_circle_outline
Componente LineChart para reutilizar código utilizando herencia
4 minutos
play_circle_outline
vista previa
12 minutos
play_circle_outline
Utilizar gráfica LineChart en nuestro componente pasando datos y opciones
2 minutos
play_circle_outline
Configurar opciones gráfica, líneas X e Y y Tooltips personalizados
10 minutos
school
¿Qué aprenderás?
- A desarrollar aplicaciones con soltura utilizando Vuejs 2
- A implementar un sistema de autenticación completo con Vuejs 2 y Firebase
- A acceder y manipular bases de datos NoSQL con Vuejs 2 y Cloud Firestore
- A añadir Vuex a sus desarrollos con Vuejs 2 para manejar sus datos de forma centralizada
- A implementar Vuetify en sus proyectos para el desarrollo de aplicaciones con Material Design
- A configurar las Reglas de Firestore para proteger sus proyectos
- A utilizar Cloud Functions para automatizar procesos con Firestore
- A desarrollar gráficas en tiempo real con las bases de datos de Firestore
El Curso de Vuejs 2, Firebase y Cloud Firestore pretende guiarte en el desarrollo de una completa aplicación utilizando Vuejs 2 y los servicios de Firebase, todo desde 0.
Si no tienes conocimientos de Vuejs 2 no te preocupes, en la sección "Conociendo las bases de Vuejs 2" puedes ver de forma gratuita durante 30 minutos qué nos ofrece este potente Framework Javascript, a través de varios ejemplos aprenderás todo lo que necesitas para sacar el curso adelante satisfactoriamente, sólo debes cumplir los requisitos del curso, Javascript y Html.
En tan sólo 7 horas aprenderás a desarrollar desde 0 una aplicación que trabaje en tiempo real con Vuejs 2 y los servicios de Firebase, Autenticación, Cloud Firestore, Storage y Cloud Functions, todo partiendo con un proyecto vacío utilizando Webpack.
Paso a paso veremos cómo montar una pequeña tienda con roles, administración, subida de archivos, carrito de compras y mucho más que defino a continuación.
- Desarrollo completo con Vuetify (Material Design)
- VueI18n (aplicaciones multi idioma)
- Navegaciones dinámicas basadas en roles de usuarios
- Autenticación con Firebase utilizando E-mail y Password, login y registro
- Configuración de las reglas de Firestore para asegurar los datos en la nube
- Acceso a datos utilizando bases de datos NoSQL con Cloud Firestore y completas operaciones de CRUD
- Subida de archivos con el sistema de Storage de Firebase
- Uso de Cloud Functions (Hooks en Firestore) para realizar acciones por ejemplo cuando se cree un nuevo pedido en la plataforma
- Carrito de compras
- Procesar pedidos de clientes
- Uso de Vuex para manejar el estado de la aplicación parcialmente
Si estás interesado no dudes en inscribirte y empezar ya, recuerda que en caso de dudas tendrás un foro donde te ayudaré con cualquier duda que tengas.
Cursos relacionados que te pueden interesar
assignment
Requisitos
- Conocimientos sólidos de HTML
- Conocimientos sólidos de JS, ES6 || >
- Tener instalado Nodejs
group
¿A quién va dirigido el curso?
Desarrolladores web y empresas que deseen aprender a trabajar con uno de los mejores Frameworks Javascript del lado del cliente utilizando los servicios de Firebase, autenticación y bases de datos NoSQL con Cloud Firestore para el desarrollo de aplicaciones en tiempo real.
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.
Opiniones
Valoraciones
5
3 valoraciones
hace 7 años
Muy buen curso
Aprendi cosas nuevas y firestore podrias hacer más cursos que sean de vue y sus tecnologias más laravel.
Dios te bendiga.
hace 7 años
Otro gran curso, y van 3
Completísimo curso sobre Vue.js 2, firebase y firestore. Es el tercer curso sobre Vue que curso en esta plataforma y a cual mejor. La aplicación que se desarrolla en esta ocasión es mucha más completa y útil que en cursos anteriores, así que vale mucho la pena hacer también este curso. No se solapa para nada con los otros, sino que ayuda a afianzar conceptos, se usan librerías nuevas y otras formas de trabajar con Vue, para que cada cual elija la que más le convenga para sus desarrollos. Fantástico de verdad. Muchas gracias.
Aunque es un poco extenso, las explicaciones no sobran y de verdad, este curso es bastante bueno.