Subiendo imágenes a Cloud Storage y creando un Timeago de forma nativa sin Moment.js

Lección 4 de 757%

Ya has superado la mitad. Estás muy cerca de completar el curso.

Sobre esta lección

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 -~-~~-~~~-~~-~-

Sobre este curso

Vamos ido construyendo paso a paso y desde cero un clon de Twitter usando NextJS, el framework de React de Vercel, y Firebase.

Lección 4 de 7Nivel: principianteDuración total: 13h 17m

Lo que aprenderás en este curso:

  • Dominar la sintaxis moderna de JavaScript (ES6+)
  • Manipular el DOM y gestionar eventos del navegador
  • Trabajar con funciones asíncronas, promesas y APIs
  • Implementar estructuras de datos y algoritmos en JavaScript