Bienvenida e Introducción
Bienvenida y Presentación del proyecto: PlatziRooms
Creación y configuración inicial del proyecto utilizando VUE CLI 3
Boilerplate y Limpieza del proyecto
Render Functions y JSX
¿Que son las Render Functions y JSX?
Preparando nuestro entorno para un prototipo
Creación de un componente con createElement
Utilizando JSX para la creación de un componente
Utilizando Slots con Render Functions y JSX
Creando un Modal de Login para PlatziRooms
Creando la lógica general de nuestros modales con Vuex
Creando el contenido de nuestro modal
Componentes controlados y uso de librerías externas
Componentes Controlados y Variables Personalizadas
Construcción del componente de Recordar Contraseña
Creación de un componente Slider utilizando la librería tiny-slider
High Order Functions
¿Qué son las High Order Functions? - Crea tu primera HOF
Vuex
Obtener datos usando Vuex
Crea un getter dinámico en Vuex utilizando HOF
Creación de la vista para creación de publicaciones
Agregando datos con Vuex
Base de datos en tiempo real con Firebase
Instalación y Configuracion de Firebase Realtime Database
Obteniendo los datos desde Firebase Realtime Database
Agregando la consulta de usuarios
Almacenando nuevas publicaciones en Firebase Realtime Database
Perfeccionando el flujo de navegación de nuestra App
Autenticación con Firebase
Configuracion Inicial para trabajar con Firebase Authentication
Agregando nuevos usuarios en firebase autentication
Inicio de sesión de usuario
Cierre de sesión de usuario
Protegiendo páginas utilizando Navigation Guards
Scoped Slots
¿Qué son los Scoped Slots? Dónde utilizarlos y por qué
Integración de Scoped Slots en Platzi Rooms
Deploy
Creando y desplegando nuestra app en Heroku
Conclusiones y Despedida
You don't have access to this class
Keep learning! Join and start boosting your career
Contributions 6
Questions 1
Si tienen 3 horas como yo, buscando el por qué no muestra las habitaciones. Que parece no realizarse la conexión en la base de datos y no sale ningún error en consola. Puedes intentar lo siguiente:
Entra en la pestaña de Reglas en tu base de datos en Firebase, y verifica que las reglas de read y write estén en true.
Este es un muy buen proyecto para importar y exportar en JSON una base de datos en Cloud Firestore: https://github.com/dalenguyen/firestore-import-export
Interesante, no sabía que firebase no te permitía importar archivos cuyas llaves comenzaran con “.”, en VSCode es facil eliminar todas estas llaves a través de expresiones regulares: ".key" ".+"
Estoy usando firebase 9 (modular) y la configuración cambia un poco.
Cree un fichero independiente para la configuración y luego lo importe en main.js
Luego en los ficheros que se necesita usar algo de firebase se importan solo esas funcionalidades
https://firebase.google.com/docs/database/web/lists-of-data#web-version-9_4
Estuve trabajando en esta librería y pueden usarla para este y cualquier otro proyecto, es para realizar copias de seguridad de Firestore (importar y exportar las colecciones): https://github.com/sgg10/firestore-backup
Want to see more contributions, questions and answers from the community?