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

Agregando la consulta de usuarios

23/34
Recursos

Aportes 6

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Genial, me encanta que aqu铆 aplicamos tambi茅n las HOF, al usar un mutator SET_ITEM, tambi茅n me estoy haciendo c贸mo ser铆a la idea de hacer lo mismo usando firestore

Copi茅 el codigo del profe pero me dice lo isguiente

index.cjs.js?3523:1618 Uncaught (in promise) Error: Reference.child failed: First argument was an invalid path = "null". Paths must be non-empty strings and can't contain ".", "#", "$", "[", or "]"

mi codigo es en store.js
FETCH_USER: ({ state, commit }, { id }) => new Promise((resolve) => {
      firebase.database().ref('users').child(id).once('value', (snapshot) => {
        commit('SET_ITEM', { resource: 'users', id: snapshot.key, item: snapshot.val() });
        resolve(state.users[id]);
      });
    }),


`<code>

a mi me sale este error:

index.esm.js?e947:705 Uncaught TypeError: Cannot use 'in' operator to search for '-KsjWehQ--apjDBwSBCZ' in undefined
    at Function.set (vue.runtime.esm.js?2b0e:1076)
    at Store.SET_ITEM (store.js?c0d6:32)
    at wrappedMutationHandler (vuex.esm.js?2f62:840)
    at commitIterator (vuex.esm.js?2f62:462)
    at Array.forEach (<anonymous>)
    at eval (vuex.esm.js?2f62:461)
    at Store._withCommit (vuex.esm.js?2f62:620)
    at Store.commit (vuex.esm.js?2f62:460)
    at boundCommit (vuex.esm.js?2f62:405)
    at eval (store.js?c0d6:57)```

Llevo varios intentos y sigue sin funcionar 馃槳 seguir茅 a ver si en otras clases se arregla al organizar todo. Me salen varios errores pero reviso el c贸digo con el del profesor y todo parece igual

Aunque odio que el c贸digo que se descargue en esta clase ya tenga un mont贸n de cosas raras de las proximas clases.

si hace este curso en el 2021 鈥
tuve problemas al importar firebase鈥

SOLUCION:

  1. cambiar en package.json el # de version de firebase
    "dependencies": {
    鈥渇irebase鈥: 鈥7.13.1鈥,
    },

ademas les dejo mi archivo firebase.js
//
import firebase from 鈥榝irebase鈥;

const firebaseConfig = {
apiKey: 鈥溾,
authDomain: 鈥溾,
databaseURL: 鈥溾,
projectId: 鈥減latzy-rooms鈥,
storageBucket: 鈥溾,
messagingSenderId: 鈥溾,
appId: 鈥溾
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
const database = firebase.database();
const auth = firebase.auth();
export { database, auth }

// en el store.js solo queda hacer
import { database } from 鈥./firebase.js鈥;

y por ejemplo para la instancia quedar铆a
let instance = database.ref(鈥渞ooms鈥);

y deberia funkar鈥 Saludos desde Ecuador 鈥

Buenas noches. Estoy de acuerdo con los companeros, tengo el mismo error que ellos:

index.cjs.js?3523:1669 Uncaught (in promise) Error: Reference.child failed: First argument was an invalid path = "null". Paths must be non-empty strings and can't contain ".", "#", "$", "[", or "]"
    at validatePathString (index.cjs.js?3523:1669)
    at Reference.child (index.cjs.js?3523:13845)
    at eval (store.js?c0d6:82)
    at new Promise (<anonymous>)
    at Store.FETCH_USER (store.js?c0d6:80)
    at Array.wrappedActionHandler (vuex.esm.js?2f62:778)
    at Store.dispatch (vuex.esm.js?2f62:457)
    at Store.boundDispatch [as dispatch] (vuex.esm.js?2f62:347)
    at Vue.beforeCreate (main.js?56d7:28)
    at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)

A que se debe?