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

Boilerplate y Limpieza del proyecto

3/34
Recursos

Aportes 18

Preguntas 3

Ordenar por:

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

Notas de la clase:

  • App.vue => Aqu铆 est谩 nuestra aplicaci贸n, la UI que se repite sin importar la ruta: mensajes bonitos, enlaces a otras vistas, el componente <router-view /> para renderizar cada vista cuando sea necesario, etc.
  • router.js => Pos el vue-router; el archivo de nuestro proyecto con las conexiones y definiciones de todas las partes de la aplicaci贸n.
  • views/cualquier-cosa.vue => Las vistas de cada ruta que solo funcionan si las importas desde el router. Ex. Home.vue, About.vue, Careers.vue, etc.
  • components/cualquier-cosa.vue => Cada componente o bloque de lego de la aplicaci贸n. Ex. Menu, Footer, Sidebar, Card, etc.
  • store.js => Vuex.

Explicas c贸mo dejar un proyecto 鈥渓impio鈥 y usar un boilerplate que nos brindas, pero no dejas en claro que son distintas opciones o formas para hacer el proyecto, dejas confundido a uno cuando hace todo eso y luego pides que nos descarguemos el archivo.

Todo el problema es que cambi贸 la versi贸n de Tailwind y ahora no utiliza la que aparece aqui. Es buena idea cuando hagan este curso correr el ocmando npm run install --save-exact

Si ibas a poner un 鈥渂oilerplarte鈥 para que hiccimos toooda la configuracion anterior y limpieza de codigo si al final de cuentas eso no se va a usar??!!

Jajjaja WTF, yo todo concentrado, y cuando me sale que tengo que instalar el otro repo jajajajaja

Hago la misma pregunta que los dem脿s 驴Porque la configuraci贸n y explicaciones si no se iba a ocupar?

como en comentarios anteriores, esta mal pensado en ense帽arnos hacer una configuracion si no la vamos a usar.

Cual es la finalidad de importar una librer铆a como tailwind.css desde webpack, si se puede hacer via link.
Ventajas, desventajas.?
Observo mucha configuraci贸n.
驴Que alguien me explique?

Se me hizo s煤per rara est谩 clase toda la configuraci贸n de la anterior para nada

La configuraci贸n de Airbnb es m谩s estricta, recomiendo usar el comando:

npm run lint

Para reparar cualquier error de linteo

El proyecto se ve genial!!. Saludos al maestro!

y el boilerplate?

Tengo problemas para instalar esta librer铆a. me muestra un error con circular-json, no s茅 donde se encuentra eso y porqu茅 est谩 pasando

驴Gente alguien sabe por que ocurre este error? Ayuda pls
https://drive.google.com/file/d/1lJuWHKxKuIwmKTMFE4FPfbRnc4rht8Ej/view?usp=sharing

La verdad nunca me ha gustado que saquen cosas y las pasen as铆, o si lo hacen bien, por ejemplo dejar en un GitHub Gist lo que se debe copiar y pegar, pero todo?

Personalmente me gusta crear todo el c贸digo desde cero incluso si es solo CSS y HTML b谩sico, de lo contrario siento que me estoy perdiendo parte del curso.
Seria genial que agregaran siempre los v铆deos de dicha parte 鈥淏谩sica鈥 como una secci贸n que cada quien sea libre de tomar o simplemente saltar y descargar todo el c贸digo base.

Donde se encuentra el proyecto 鈥
Descargue el de Archivos y Enlaces y ya se encuentra desarrollado el proyecto.

pensaran en actualizarlo??