Bienvenida e Introducción

1

Bienvenida y Presentación del proyecto: PlatziRooms

2

Creación y configuración inicial del proyecto utilizando VUE CLI 3

3

Boilerplate y Limpieza del proyecto

Render Functions y JSX

4

¿Que son las Render Functions y JSX?

5

Preparando nuestro entorno para un prototipo

6

Creación de un componente con createElement

7

Utilizando JSX para la creación de un componente

8

Utilizando Slots con Render Functions y JSX

9

Creando un Modal de Login para PlatziRooms

10

Creando la lógica general de nuestros modales con Vuex

11

Creando el contenido de nuestro modal

Componentes controlados y uso de librerías externas

12

Componentes Controlados y Variables Personalizadas

13

Construcción del componente de Recordar Contraseña

14

Creación de un componente Slider utilizando la librería tiny-slider

High Order Functions

15

¿Qué son las High Order Functions? - Crea tu primera HOF

16

Vuex

17

Obtener datos usando Vuex

18

Crea un getter dinámico en Vuex utilizando HOF

19

Creación de la vista para creación de publicaciones

20

Agregando datos con Vuex

Base de datos en tiempo real con Firebase

21

Instalación y Configuracion de Firebase Realtime Database

22

Obteniendo los datos desde Firebase Realtime Database

23

Agregando la consulta de usuarios

24

Almacenando nuevas publicaciones en Firebase Realtime Database

25

Perfeccionando el flujo de navegación de nuestra App

Autenticación con Firebase

26

Configuracion Inicial para trabajar con Firebase Authentication

27

Agregando nuevos usuarios en firebase autentication

28

Inicio de sesión de usuario

29

Cierre de sesión de usuario

30

Protegiendo páginas utilizando Navigation Guards

Scoped Slots

31

¿Qué son los Scoped Slots? Dónde utilizarlos y por qué

32

Integración de Scoped Slots en Platzi Rooms

Deploy

33

Creando y desplegando nuestra app en Heroku

34

Conclusiones y Despedida

Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Instalación y Configuracion de Firebase Realtime Database

21/34
Recursos

Firebase es un Backend as a Servicice, una herramienta que nos facilita la creación de tareas de backend y despliegue de forma mucho más simple, mantenible y escalable.

Firebase nos proporciona muchas ayudas y APIs para realizar tareas como crear y autenticar usuarios, guardar nuestra información en bases de datos, almacenar archivos estáticos, administrar la infraestructura (con Google Cloud), analizar métricas, entre muchas otras.

Podemos conectar cualquiera de nuestras aplicaciones con Firebase, solo debemos añadir una nueva dependencia a nuestro proyecto:

yarn add firebase

Aportes 6

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

¿Qué es Firebase?

  • Todas (bueno, casi todas :sweat_smiles) las aplicaciones necesitan programar código backend para sus diferentes funcionalidades: guardar info en bases de datos, almacenar archivos, autenticar usuarios, etc 😮.
  • Firebase en un BAAS (Backend as a Service): Google se encargara él solito de crear y administrar las funciones, bases de datos e infraestructura de nuestra aplicación; nuestra tarea solo será trabajar algunas configuraciones en su plataforma (firebase.google.com) y construir nuestra aplicación 😱🎉.
  • Toda esta infraestructura funciona con Google Cloud. Tenemos muchas posibilidades para escalar nuestras aplicaciones en el futuro 👌.

Servicios de Firebase:

  • Firestore es una base de datos NoSQL que nos permite almacenar y sincronizar en tiempo real los datos e nuestra aplicación ✌️📝.
  • La autenticación (en mi opinión, la herramienta más útil de Firebase 😍🎉) nos permite crear, autenticar y administrar los usuarios de nuestras aplicaciones con email y password, login y signup con redes sociales, correos electrónicos de recuperación de contraseña, entre muchas otras cosas geniales 🚫🏁 ✖️ ✔️ .
  • Cloud Storage para almacenar archivos estáticos 😮.
  • Cloud Messaging para enviar notificaciones 📩.
  • Firebase Hosting para desplegar nuestras aplicaciones (hasta dónde tengo entendido son despliegues común y corrientes) y Cloud Functions para despliegues sin programar el código backend de la aplicación 🙃🆙.

Actualmente existe una versión “mejor” de la base de datos de Firebase llamada Firestore que es mucho más recomendable de usar, esto se explica en el curso de Firebase, aquí estamos usando la Realtime Database de firebase que es un poco más obsoleta, pero sirve para seguir las prácticas, sin embargo, si planeas trabajar un proyecto real, te recomiendo usar Firestore

Para los que estan usando Nuxt tienen que crear un archivo firebase.js en la carpeta plugins. Ahí llaman al modulo, le dan la configuración, lo inicializan y lo exportan. Luego en el archivo nuxt.config.js llaman al plugin dentro de la prop plugins.

por qué utilizamos “Realtime database” si está “Cloud Firestore”??

¿por qué toca cambiar la doble comilla por la sencilla?