Curso Avanzado de Vue.js y Firebase por Bedu

Curso Avanzado de Vue.js y Firebase por Bedu

Instruido por:
Javier Diaz Chamorro
Javier Diaz Chamorro
Avanzado
5 horas de contenido
Ver la ruta de aprendizaje
Platzi Rooms
Proyecto del curso
Platzi Rooms

Crea una single page application completa utilizando VUEJS como un profesional. Tu proyecto se llamará Platzi Rooms, una aplicación ficticia de renta de cuartos como Airbnb. Además, crea el Backend utilizando Firebase, implementa registro de usuarios, permisos, búsquedas, inicio de sesión y la subida de imágenes.

Curso Avanzado de Vue.js y Firebase por Bedu

Curso Avanzado de Vue.js y Firebase por Bedu

Progreso del curso:0/34contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/34contenidos(0%)

Bienvenida e Introducción

Material Thumbnail

Bienvenida y Presentación del proyecto: PlatziRooms

01:12 min

Material Thumbnail

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

09:29 min

Material Thumbnail

Boilerplate y Limpieza del proyecto

05:36 min

Render Functions y JSX

Material Thumbnail

¿Que son las Render Functions y JSX?

07:43 min

Material Thumbnail

Preparando nuestro entorno para un prototipo

03:23 min

Material Thumbnail

Creación de un componente con createElement

10:36 min

Material Thumbnail

Utilizando JSX para la creación de un componente

06:31 min

Material Thumbnail

Utilizando Slots con Render Functions y JSX

05:45 min

Material Thumbnail

Creando un Modal de Login para PlatziRooms

12:52 min

Material Thumbnail

Creando la lógica general de nuestros modales con Vuex

11:36 min

Material Thumbnail

Creando el contenido de nuestro modal

04:20 min

Componentes controlados y uso de librerías externas

Material Thumbnail

Componentes Controlados y Variables Personalizadas

15:07 min

Material Thumbnail

Construcción del componente de Recordar Contraseña

05:04 min

Material Thumbnail

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

13:12 min

High Order Functions

Material Thumbnail

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

07:38 min

Material Thumbnail

Obtener datos usando Vuex

12:08 min

Material Thumbnail

Crea un getter dinámico en Vuex utilizando HOF

08:10 min

Material Thumbnail

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

09:30 min

Material Thumbnail

Agregando datos con Vuex

15:06 min

Base de datos en tiempo real con Firebase

Material Thumbnail

Instalación y Configuracion de Firebase Realtime Database

06:36 min

Material Thumbnail

Obteniendo los datos desde Firebase Realtime Database

10:23 min

Material Thumbnail

Agregando la consulta de usuarios

08:01 min

Material Thumbnail

Almacenando nuevas publicaciones en Firebase Realtime Database

09:57 min

Material Thumbnail

Perfeccionando el flujo de navegación de nuestra App

06:22 min

Autenticación con Firebase

Material Thumbnail

Configuracion Inicial para trabajar con Firebase Authentication

04:30 min

Material Thumbnail

Agregando nuevos usuarios en firebase autentication

11:40 min

Material Thumbnail

Inicio de sesión de usuario

13:39 min

Material Thumbnail

Cierre de sesión de usuario

03:42 min

Material Thumbnail

Protegiendo páginas utilizando Navigation Guards

06:04 min

Scoped Slots

Material Thumbnail

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

04:31 min

Material Thumbnail

Integración de Scoped Slots en Platzi Rooms

05:10 min

Deploy

Material Thumbnail

Creando y desplegando nuestra app en Heroku

12:54 min

Material Thumbnail

Conclusiones y Despedida

00:24 min

nuevosmás votadossin responder
Daniel Alejandro Otero Carabali
Daniel Alejandro Otero Carabali
Estudiante

Profesor muy buenas tardes.
¿ Que extensión utilizas para marcar el tiempo en que fue modificado alguna parte del código ?

0
Julian Ruiz Mejia
Julian Ruiz Mejia
Estudiante

Tengo un problema cuando intento darle yarn serve no me funiciona

1
__victorisrael__
__victorisrael__
Estudiante

Entonces que funcionalidad tiene el toggle o solo es visual ?

0
RetaxMaster
RetaxMaster
Platzi Team

¿Esto ya no funciona en Vue 3 cierto? Cuando dejo el :value y el @input funciona, pero cuando cambio todo eso por el v-model ya no funciona…

2
Mauricio Combariza
Mauricio Combariza
Estudiante

Un pregunta, alguien sabe por que el profesor no uso el hosting de firebase en vez de heroku?

4
Angel Cortes
Angel Cortes
Estudiante

como instalamos el borderplate

0
Eden Gomez Gress
Eden Gomez Gress
Estudiante

Saludos companeros, tengo un error cuando doy click al boton de logout:

[Vue warn]: Unknown custom element: <buttton> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <HeaderPartial><PageLayout> at src/layouts/PageLayout.vue
         <SearchPage> at src/views/SearchPage.vue
           <App> at src/App.vue
             <Root>

Alguien que me ayude y que me explique a que se debe?

1
Derek Samuel Paúl Peña
Derek Samuel Paúl Peña
Estudiante

El proyecto no me deja consultar datos del realtime, y me aparece este error: Cannot use ‘in’ operator to search for ‘-KsjWehQ–apjDBwSBCZ’ in undefined

1
Derek Samuel Paúl Peña
Derek Samuel Paúl Peña
Estudiante

vRynPTKg8dKdJ59ypn7jPeZmrIFRxos-xLBAX4MASBn8xDtjG-uThpXRwVtQBkVvYjRvncD4RRP9hU_1KvayA3ixxRIejgbQ1f5K0FjF4MbaMkW6hRzru3Wc5Rvj7m82VQSaDXoGugIdtkXBATVxdfly-pDUtDe47q_UBEmH:1 GET https://lh3.googleusercontent.com/proxy/vRynPTKg8dKdJ59ypn7jPeZmrIFRxos-xLBAX4MASBn8xDtjG-uThpXRwVtQBkVvYjRvncD4RRP9hU_1KvA3ixxRIejgbQ1f5K0FjF4MbaMkW6hRzru3Wc5Rvj7m82VQSaDXoGugIdtkXBATVxdfly-pDUtDe47q_UBEmH 403
NO ENTIENDO POR QUÉ ME APARECE ESTE ERROR

1
Derek Samuel Paúl Peña
Derek Samuel Paúl Peña
Estudiante

Mo se por qué me sigue apareciendo el mismo error al hacer peticiones a mi database: vRynPTKg8dKdJ59ypn7jPeZmrIFRxos-xLBAX4MASBn8xDtjG-uThpXRwVtQBkVvYjRvncD4RRP9hU_1KvayA3ixxRIejgbQ1f5K0FjF4MbaMkW6hRzru3Wc5Rvj7m82VQSaDXoGugIdtkXBATVxdfly-pDUtDe47q_UBEmH:1 GET https://lh3.googleusercontent.com/proxy/vRynPTKg8dKdJ59ypn7jPeZmrIFRxos-xLBAX4MASBn8xDtjG-uThpXRwVtQBkVvYjRvncD4RRP9hU_1KvayA3ixxRIejgbQ1f5K0FjF4MbaMkW6hRzru3Wc5Rvj7m82VQSaDXoGugIdtkXBATVxdfly-pDUtDe47q_UBEmH 403

1