¿Qué voy a aprender?
- 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
Requisitos recomendados para tomar el curso
- Conocimientos sólidos de HTML
- Conocimientos sólidos de JS, ES6 || >
- Tener instalado Nodejs
¿Para quién es este 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.¿Qué hago si tengo dudas a lo largo del curso?
El Curso de Vuejs 2, Firebase y Cloud Firestore 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
| Introducción | |||
| Vuejs 2 Firestore: ¿Qué vamos a hacer? | GRATIS | 00:11:00 | |
| Vuejs 2 durante 30 minutos | |||
| Vuejs 2 Firestore: Archivos Conociendo Vuejs 2 durante 30 minutos | 00:00:00 | ||
| Vuejs 2 Firestore: Conociendo Vuejs 2 durante 35 minutos | GRATIS | 00:36:00 | |
| Ecosistema y configuraciones de la tienda | |||
| Vuejs 2 Firestore: Archivos tienda final | 00:00:00 | ||
| Vuejs 2 Firestore: Introducción y crear aplicación con Webpack | 00:10:00 | ||
| Vuejs 2 Firestore: Instalar dependencias | 00:01:00 | ||
| Vuejs 2 Firestore: Configurar alias Webpack en IntelliJ IDEA y carga de Material Icons | 00:05:00 | ||
| Vuejs 2 Firestore: Crear APP con Firebase y configuración con Vuejs 2 | 00:14:00 | ||
| Vuejs 2 Firestore: Configurar traducciones con i18n | 00:03:00 | ||
| Vuejs 2 Firestore: Configurar Vuex | 00:07:00 | ||
| Vuejs 2 Firestore: Configurar Vuetify | 00:04:00 | ||
| Iniciando la zona de invitados y navegación | |||
| Vuejs 2 Firestore: Componente Home para la página principal | 00:10:00 | ||
| Vuejs 2 Firestore: Navegación para invitados con Vuetify | 00:14:00 | ||
| Vuejs 2 Firestore: Mixin para métodos de navegación | 00:04:00 | ||
| Vuejs 2 Firestore: Desarrollando un sencillo Footer con Vuetify | 00:04:00 | ||
| Autenticación con Firebase | |||
| Vuejs 2 Firestore: Componente para iniciar sesión y registrar usuario | 00:12:00 | ||
| Vuejs 2 Firestore: Desarrollando un SnackBar con Toast | 00:04:00 | ||
| Vuejs 2 Firestore: Iniciando el componente para registrar usuarios, (Template) | 00:06:00 | ||
| Vuejs 2 Firestore: Módulo de autenticación con Vuex, login, registro y logout | 00:12:00 | ||
| Vuejs 2 Firestore: Finalizar lógica registro de usuarios | 00:09:00 | ||
| Vuejs 2 Firestore: Inicio de sesión con Firebase | 00:07:00 | ||
| Vuejs 2 Firestore: Eventos del router de Vuejs 2 para controlar accesos no permitidos | 00:09:00 | ||
| Vuejs 2 Firestore: Estableciendo el usuario identificado en el hook Mounted para no perder la sesión | 00:06:00 | ||
| Vuejs 2 Firestore: Mostrar un preloader mientras carga la aplicación | 00:03:00 | ||
| Vuejs 2 Firestore: Navegación de usuarios administradores | 00:05:00 | ||
| Vuejs 2 Firestore: Cerrar sesión con Firebase | 00:04:00 | ||
| Administración de Usuarios, trabajo con Child Routes | |||
| Vuejs 2 Firestore: Componente base de la administración para cargar rutas hijas | 00:07:00 | ||
| Vuejs 2 Firestore: Módulo para manejar la administración de usuarios con Vuex | 00:03:00 | ||
| Vuejs 2 Firestore: Ventana modal para crear y editar usuarios (lógica) | 00:09:00 | ||
| Vuejs 2 Firestore: Ventana modal para crear y editar usuarios (template) | 00:08:00 | ||
| Vuejs 2 Firestore: Listado de usuarios utilizando Vuetify Datatables (template) | 00:11:00 | ||
| Vuejs 2 Firestore: Listado de usuarios utilizando Vuetify Datatables (script) | 00:09:00 | ||
| Vuejs 2 Firestore: Mostrando mensajes con Alerts al realizar acciones utilizando Vuex | 00:02:00 | ||
| Administración de Productos | |||
| Vuejs 2 Firestore: Módulo para manejar la administración de productos con Vuex con Storage | 00:10:00 | ||
| Vuejs 2 Firestore: Ventana modal para crear y editar productos con subida de archivos (lógica) | 00:14:00 | ||
| Vuejs 2 Firestore: Ventana modal para crear y editar productos con subida de archivos (template) | 00:05:00 | ||
| Vuejs 2 Firestore: Listado de productos utilizando Vuetify Datatables | 00:12:00 | ||
| Desarrollando la zona del cliente, Scroll Infinito, Carrito y Pedidos | |||
| Vuejs 2 Firestore: Navegación de usuarios clientes | 00:03:00 | ||
| Vuejs 2 Firestore: Módulo para mostrar los productos de la tienda paginados con Scroll Infinito | 00:09:00 | ||
| Vuejs 2 Firestore: Componente para representar cada producto en el listado de productos | 00:06:00 | ||
| Vuejs 2 Firestore: Módulo carrito de compras, lógica para crear un carrito por usuario cliente | 00:11:00 | ||
| Vuejs 2 Firestore: Finalizar el módulo carrito de compras con Vuex | 00:12:00 | ||
| Vuejs 2 Firestore: Componente Product Sheet para añadir el producto al carrito desde el listado | 00:12:00 | ||
| Vuejs 2 Firestore: Listado de productos en la tienda (lógica) | 00:09:00 | ||
| Vuejs 2 Firestore: Listado de productos en la tienda (template) | 00:13:00 | ||
| Vuejs 2 Firestore: Listado de productos en el carrito | 00:12:00 | ||
| Vuejs 2 Firestore: Módulo para procesar pedidos con Vuexy finalizar carrito | 00:10:00 | ||
| Vuejs 2 Firestore: Listado de los pedidos del cliente | 00:06:00 | ||
| Vuejs 2 Firestore: Detalle de un pedido con paso de parámetros por las rutas | 00:08:00 | ||
| Reglas de Firestore y Cloud Functions | |||
| Vuejs 2 Firestore: Añadiendo Cloud Functions a nuestro proyecto y crear función al procesar pedido | 00:12:00 | ||
| Vuejs 2 Firestore: Reglas de Firestore | 00:00:00 | ||
| Vuejs 2 Firestore: Reglas de Firestore para proteger los datos y desactivar listeners de Firestore | 00:12:00 | ||
| Gráficas en tiempo real para manejar los pedidos de la tienda | |||
| Vuejs 2 Firestore: Introducción al desarrollo de gráficas en tiempo real | GRATIS | 00:01:00 | |
| Gráficas en tiempo real para manejar los pedidos de la tienda | |||
| Vuejs 2 Firestore: Introducción gráficas en tiempo real | GRATIS | 00:01:00 | |
| Vuejs 2 Firestore: Solucionar Warning Timestamps Firestore | 00:02:00 | ||
| Vuejs 2 Firestore: Crear ruta y nueva sección para la gráfica de pedidos | 00:04:00 | ||
| Vuejs 2 Firestore: Componente LineChart para reutilizar código utilizando herencia | 00:04:00 | ||
| Vuejs 2 Firestore: Obtener datos de Firestore y formatear para utilizarlos en nuestra gráfica | GRATIS | 00:12:00 | |
| Vuejs 2 Firestore: Utilizar gráfica LineChart en nuestro componente pasando datos y opciones | 00:02:00 | ||
| Vuejs 2 Firestore: Configurar opciones gráfica, líneas X e Y y Tooltips personalizados | 00:10:00 | ||
Cursos relacionados
Calendario de eventos con Laravel, Vuejs 2 y MySQL
43Precios variables +
Desarrollo de web components reutilizables con Stenciljs para Vuejs, Reactjs o Angular
23Precios variables +
Curso de Vuejs 2 con AWS, Cognito y GraphQL
31Precios variables +
59 ALUMNOS MATRICULADOS
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.
Interesante aproximación
Buen curso y bien explicado
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.