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 鈥渕ejor鈥 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 鈥淩ealtime database鈥 si est谩 鈥淐loud Firestore鈥??

驴por qu茅 toca cambiar la doble comilla por la sencilla?