background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Descargar "🔥 Build NETFLIX With React JS - Tailwind CSS - FIREBASE - Front-End Web Developer Project"

input logo icon
Índice
|

Índice

0:00
Intro
2:15
Create react app
3:08
Install Tailwind CSS
4:05
Install project dependencies
7:40
Navbar component
14:15
React router dom
15:20
Home component
15:40
Main component
16:30
TMDB API key
17:30
API Request end points
36:15
Row component
51:16
Movie Component
54:18
Scroll functionality
1:01:55
Firebase setup
1:08:21
Authentication
1:48:10
Firestore database (save user data)
2:16:46
Hosting & Deploy
Etiquetas del vídeo
|

Etiquetas del vídeo

🔥
build
netflix
react
js
tailwind
css
firebase
front-end
web
developer
project
Ya tiene instalado el UDL Helper. ¡Puedes descargar vídeo en 1 clic!
Instalado
para
Google Chrome

Descripción:

Build a project in React JS that will get you a job as a front-end web developer. I want to give you an example of a project idea you can list on your portfolio if you are trying to get hired as a Jr. front-end web developer. In this project follow along with me as I build a front-end Netflix clone with a Firebase back-end! We use the TMDB API for all of the data AND we will be using Firebase Authentication to give login functionality. We will be able to store user specific data with a React front-end and a Firebase back-end. We use Firestore which is cloud storage with Firebase to save data. The front-end is styled with Tailwind CSS - an incredible CSS framework to save time styling your apps. At the end of the build we deploy this LIVE with Firebase hosting. Thank you for watching! Time Stamps 0:00 - Intro 02:15 - Create react app 03:08 - Install Tailwind CSS 04:05 - Install project dependencies 07:40 - Navbar component 14:15 - React router dom 15:20 - Home component 15:40 - Main component 16:30 - TMDB API key 17:30 - API Request end points 36:15 - Row component 51:16 - Movie Component 54:18 - Scroll functionality 01:01:55 - Firebase setup 01:08:21 - Authentication 01:48:10 - Firestore database (save user data) 02:16:46 - Hosting & Deploy 🚀🚀🚀 ZeroTo Mastery: - Master React JS Course - https://zerotomastery.io/courses/learn-react/ - Complete Web Developer in 2023 - https://zerotomastery.io/courses/coding-bootcamp/ Coding Challenges! https://edabit.com/?ref=clintbriley1 Github Repo 💻 https://github.com/fireclint/netflix-react-tailwind 🔥 Connect with me on IG🔥 https://www.facebook.com/unsupportedbrowser TMDB API https://developer.themoviedb.org/docs/getting-started ☕ Support the channel ☕ https://buymeacoffee.com/clintbriley Google-Auth With Firebase https://www.youtube.com/watch?v=cZAnibwI9u8 🔥 My Coding Equipment 🔥 Logitech MX Wireless Keyboard - https://www.amazon.com/dp/B07S92QBCJ?language=en_US Logitech MX Master 2S Wireless Mouse - https://www.amazon.com/dp/B071YZJ1G1?language=en_US SAMSUNG 49-Inch Gaming Monitor - https://www.amazon.com/Samsung-49-Inch-Curved-Monitor-LC49HG90DMNXZA/dp/B072C7TNC5?language=en_US Shure MV7 USB Podcast Microphone - https://www.amazon.com/Shure-Microphone-Podcasting-Voice-Isolating-Technology/dp/B08G7RG9ML?language=en_US Mic Boom Arm - https://www.amazon.com/dp/B09MNCSPHN?language=en_US Monitor Desk Light Bar - https://www.amazon.com/gp/product/B08CXL3YQ8?ie=UTF8&language=en_US

Preparación de las opciones de carga

popular icon
Populares
hd icon
Vídeo HD
audio icon
Sólo sonido
total icon
Todos
* - Si el vídeo se está reproduciendo en una pestaña nueva, ve a ella, haz clic con el botón derecho del ratón en el vídeo y selecciona “Guardar vídeo como...”
** - Enlace destinado a la reproducción en línea en reproductores especializados

Preguntas sobre la descarga de vídeos

mobile menu icon¿Cómo puedo descargar el vídeo "🔥 Build NETFLIX With React JS - Tailwind CSS - FIREBASE - Front-End Web Developer Project"?mobile menu icon

  • El sitio http://unidownloader.com/ es la mejor manera de descargar un vídeo o una pista de audio independiente sin necesidad de instalar programas ni extensiones.

  • La extensión UDL Helper es un práctico botón que se incrusta orgánicamente en los sitios YouTube, Instagram y OK.ru para descargar contenidos rápidamente.

  • UDL Client (para Windows) - la solución más potente que soporta más de 900 sitios web, redes sociales y sitios de alojamiento de vídeo, así como cualquier calidad de vídeo que está disponible en la origen.

  • UDL Lite - es una forma cómoda de acceder a un sitio web desde su dispositivo móvil. Con su ayuda puedes descargar fácilmente vídeos directamente a tu smartphone.

mobile menu icon¿Qué formato de vídeo "🔥 Build NETFLIX With React JS - Tailwind CSS - FIREBASE - Front-End Web Developer Project" debo elegir?mobile menu icon

  • Los formatos de mejor calidad son FullHD (1080p), 2K (1440p), 4K (2160p) y 8K (4320p). Cuanto mayor sea la resolución de tu pantalla, mayor será la calidad del vídeo. Sin embargo, hay otros factores a tener en cuenta: la velocidad de descarga, la cantidad de espacio libre y el rendimiento del dispositivo durante la reproducción.

mobile menu icon¿Por qué se congela el ordenador al cargar un vídeo "🔥 Build NETFLIX With React JS - Tailwind CSS - FIREBASE - Front-End Web Developer Project"?mobile menu icon

  • El navegador/ordenador no debería congelarse por completo. Si esto ocurre, por favor infórmenos con un enlace al vídeo. A veces los vídeos no pueden descargarse directamente en un formato adecuado, por lo que hemos añadido la posibilidad de convertir el archivo al formato deseado. En algunos casos, este proceso puede consumir recursos del ordenador.

mobile menu icon¿Cómo descargo un vídeo "🔥 Build NETFLIX With React JS - Tailwind CSS - FIREBASE - Front-End Web Developer Project" en mi teléfono?mobile menu icon

  • Puedes descargar el vídeo a tu smartphone utilizando el sitio web de UDL Lite o la aplicación PWA. También es posible enviar un enlace de descarga mediante código QR utilizando la extensión UDL Helper.

mobile menu icon¿Cómo descargo una pista de audio (música) en MP3 "🔥 Build NETFLIX With React JS - Tailwind CSS - FIREBASE - Front-End Web Developer Project"?mobile menu icon

  • La forma más conveniente es usar el UDL Client, que soporta la conversión de vídeos a formato MP3. En algunos casos, MP3 también puede ser descargado a través de la extensión UDL Helper.

mobile menu icon¿Cómo guardar un fotograma de un vídeo "🔥 Build NETFLIX With React JS - Tailwind CSS - FIREBASE - Front-End Web Developer Project"?mobile menu icon

  • Esta función está disponible en la extensión UDL Helper. Asegúrate de que la opción "Mostrar botón para guardar captura de pantalla del vídeo" está marcada en la configuración. Deberá aparecer un icono de cámara en la esquina inferior derecha del reproductor, a la izquierda del icono "Configuración". Al hacer clic en él, el fotograma actual del vídeo se guardará en su ordenador en formato JPEG.

mobile menu icon¿Cuánto cuesta todo esto?mobile menu icon

  • Nada en absoluto. Nuestros servicios son totalmente gratuitos para todos los usuarios. No hay suscripciones PRO, ni restricciones en el número o la duración máxima de los vídeos descargados.