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

No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Agregando nuevos usuarios en firebase autentication

27/34
Recursos

Vamos a a帽adir los usuarios que creamos con nuestro formulario a Firebase. Debemos conectarnos a la base de datos y enviar los datos necesarios para crear las cuentas en el m茅todo beforeCreate del bot贸n de registrar.

Para esto vamos a crear una nueva acci贸n de Vuex en el archivo store.js. Debemos usar los m茅todos firebase.auth.createUserWithEmailAndPassword para registrar los usuarios en Firebase Authentication y firebase.database().ref('').child().set() para guardarlos en Firebase Database.

Tambi茅n debemos guardar la informaci贸n de los usuarios en el estado local de la aplicaci贸n. As铆, podremos mostrar (o no) cierto contenido si los usuarios est谩n autenticados.

Aportes 5

Preguntas 1

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

Con Firebase podemos tener ilimitadas cantidades de usuarios registrados sin que Google nos cobre un centavo 馃槺馃帀.
AWESOME! 馃槏

En el curso de Firebase para la web mencionan que si podemos adjuntar un nombre:

account.user.updateProfile({
	displayName: name
});

Igual lo bueno de autenticar con frebase es que te pone muy f谩cil la autenticaci贸n con redes sociales

Firebase me parece lo mejor que hay! dejo la documentaci贸n sobre autenticaci贸n: https://firebase.google.com/docs/auth/web/start

Cuando a帽adimos autenticaci贸n con Google Accounts (o cualquier otra red social soportada por Firebase) el proceso de registro/inicio de sesi贸n es un poco diferente. En vez de llenar un formulario y esperar un correo electr贸nico, vamos a abrir una nueva ventana del navegador para llenar los datos que nos piden estas cuentas (pop-up).

Tengo otra base de datos SQL en el Cloud de Google y dentro tiene una tabla usuarios.驴Es una buena pr谩ctica guardar el usuario en tantos lados?