midudev
Subiendo imágenes a Cloud Storage y creando un Timeago de forma nativa sin Moment.js
¡UPS! Para ver vídeos en la web debes estar registrado, es totalmente gratuito.
1.312 visualizaciones
En esta clase vamos a crear la funcionalidad Timeago de forma completamente nativa, sin usar librerías de terceros, de forma que le mostremos al usuario cuanto hace que se ha publicado un tweet.
También permitiremos que los usuarios puedan subir una imagen cada vez que creen un tweet en nuestro clon de Twitter. Lo conseguiremos gracias a Firebase y Cloud Storage.
~ Segmentos de vídeo 📹
00:00 - Presentación de la clase
02:00 - Retomando el proyecto desde el código anterior
04:00 - Creando un time ago desde cero con Intl.RelativeTimeFormat
23:35 - Preguntas del chat I
25:15 - Hacer que el TimeAgo se actualice cada X segundos
29:43 - ¿Por qué no usar moment.js para esto?
33:58 - Preguntas del chat II
36:06 - ¿Vale la pena usar Axios en lugar de Fetch?
38:24 - El pero de usar Intl.RelativeTimeFormat: compatibilidad
40:18 - Ordenar los resultados de una colección de Firestore.
41:28 - ¡No te rindas al aprender a programar!
42:50 - Añadiendo iconos al proyecto
45:02 - Añadir y estilar barra navegación
52:48 - Añadiendo titles a las páginas con next/head
55:05 - Preguntas del chat III
01:00:58 - Subir imágenes a Firebase con Cloud Storage
01:33:50 - Preguntas del chat IV
01:36:31 - Añadir avatar en el formulario de crear un tweet
01:40:50 - Últimas preguntas y despedida
~ Tags 🏷
#nextJS #firebaseStorage #momentJS
~ Recursos 🔗
https://systemuicons.com - Iconos gratuitos
-~-~~-~~~-~~-~-
¡No te pierdas mi último vídeo! "Variables de entorno con archivos ENV y actualizaciones en tiempo real con Firestore"
https://www.youtube.com/watch?v=8ZA2p1SBssk
-~-~~-~~~-~~-~-
También permitiremos que los usuarios puedan subir una imagen cada vez que creen un tweet en nuestro clon de Twitter. Lo conseguiremos gracias a Firebase y Cloud Storage.
~ Segmentos de vídeo 📹
00:00 - Presentación de la clase
02:00 - Retomando el proyecto desde el código anterior
04:00 - Creando un time ago desde cero con Intl.RelativeTimeFormat
23:35 - Preguntas del chat I
25:15 - Hacer que el TimeAgo se actualice cada X segundos
29:43 - ¿Por qué no usar moment.js para esto?
33:58 - Preguntas del chat II
36:06 - ¿Vale la pena usar Axios en lugar de Fetch?
38:24 - El pero de usar Intl.RelativeTimeFormat: compatibilidad
40:18 - Ordenar los resultados de una colección de Firestore.
41:28 - ¡No te rindas al aprender a programar!
42:50 - Añadiendo iconos al proyecto
45:02 - Añadir y estilar barra navegación
52:48 - Añadiendo titles a las páginas con next/head
55:05 - Preguntas del chat III
01:00:58 - Subir imágenes a Firebase con Cloud Storage
01:33:50 - Preguntas del chat IV
01:36:31 - Añadir avatar en el formulario de crear un tweet
01:40:50 - Últimas preguntas y despedida
~ Tags 🏷
#nextJS #firebaseStorage #momentJS
~ Recursos 🔗
https://systemuicons.com - Iconos gratuitos
-~-~~-~~~-~~-~-
¡No te pierdas mi último vídeo! "Variables de entorno con archivos ENV y actualizaciones en tiempo real con Firestore"
https://www.youtube.com/watch?v=8ZA2p1SBssk
-~-~~-~~~-~~-~-