Cómo construir un clon de Netflix RESPONSIVE usando HTML, CSS y JS

Подписаться 632

Просмотров 4,7 тыс.

50% 1

Este es el sexto proyecto que se realiza en este canal, el proyecto está hecho con tecnologías como HTML, CSS y JavaScript. En este video se ven temas como flex, grid, responsive, consumo de apis y otros. El diseño trata sobre el dashbord de Netflix.
¡¡En los comentarios me pueden recomendar diseños para próximos videos!!
Diseño: Clon de stream Netflix
Descargar imagenes: drive.google.com/drive/folder...
Normalize: necolas.github.io/normalize.css/
Repositorio de este proyecto: github.com/CapiDeveloper/Proy...
Instagram: / chacha_bryan
Demo: capidev-netflix.netlify.app/
00:00 Introducción
00:48 Estructura HTML
11:18 Estilos CSS
35:28 JavaScript
50:00 Proyecto Finalizado

Наука

Опубликовано:

22 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 33

@gabrielfabian3950 7 месяцев назад

Excelente video , lo tratare de replicar tambien para mejorar mi Css y html , Ya que JavaScript recien ando empezando , saludos

@bryanchacha3729 7 месяцев назад

Saludos, ya iré subiendo más contenido próximamente 👋

@denshelldenejour3891 Год назад

increible!!!

@bryanchacha3729 Год назад

Gracias, saludos 🖖

@Ataraxius25 Год назад

Excelente men

@bryanchacha3729 Год назад

Muchas gracias amigo, espero aportar con la comunidad. Saludos 😃

@jhasminnicolmamaniquispe5353 5 месяцев назад

como hago que al inicio en inicio sesion primero luego se reproduczca el video?

@jesuseduardo2286 Год назад

Esta super genial me suscribo, me servirá de practica y aprendizaje

@bryanchacha3729 Год назад

Bienvenido, saludos 🖖

@LuzBedoya-cn4gr 8 месяцев назад

Buen vídeo. Podrías subir un vídeo de cómo crear una entrada de serie con temporadas estilo Netflix? ☺️🙏🏻

@bryanchacha3729 7 месяцев назад

Que tal amigo, el estilo de cada card cuando se hace hover? O el efecto del modal al hacer click sobre cada card? Saludos 🖖

@LuzBedoya-cn4gr 7 месяцев назад

@@bryanchacha3729 Creo que si, donde se ve la manera de ver película, ver el tráiler, donde se puede dar click al ver más información dicha película. Y donde se muestra en Netflix al darle click una serie, muestra el listado de temporadas. Un saludo.

@bryanchacha3729 7 месяцев назад

Lo tomaré en cuenta más adelante, gracias 😀

@LuzBedoya-cn4gr 7 месяцев назад

@@bryanchacha3729 Muchas gracias amigo 👏🏻

@rodnigroveraruquipasoliz2977 Год назад

gracias es para un proyecto

@bryanchacha3729 Год назад

No, es con fines educativos. Saludos 🖖

@richardobregonmontalvo6166 Год назад

Buena bro

@bryanchacha3729 Год назад

Saludos 🖖

@robertrosario1152 8 месяцев назад

Te acabas de ganar un nuevo seguidor fiel jejejeje solo una cosa. hice todo tal cual y revise los códigos mas de 4 veces pero no me salen las portadas de las películas. puedo poner un código que lar cague de una carpeta para que se vean y da darle clic me redireccione a donde quiero?

@bryanchacha3729 7 месяцев назад

En la descripción del video está la dirección del repositorio del proyecto para que lo puedan comparar, el problema puede ser si uso el mismo api key, cuando se crea una cuenta en la plataforma que da la api, ellos generan una api personal para cada usuario, yo la que utilice en el video la borre y ya no debe funcionar. Saludos 🖖

@luisangeltapiasmadronero7477 11 месяцев назад

amigo enseña mas asi

@bryanchacha3729 10 месяцев назад

Espero subir proyectos más atractivos más adelante, saludos 😀!

@luisangeltapiasmadronero7477 11 месяцев назад

amigo de a donde sacastes los logos pequeños que le pones a la etiqueta p y

@bryanchacha3729 10 месяцев назад

De aquí amigo, cada icono tiene su codigo: www.toptal.com/designers/htmlarrows/symbols/

@LITNAY17 11 месяцев назад

Bueno clon de Netflix pero te faltó el apartado de audio que sabe tener Netflix. Podrías hacer un vídeo agregado ese apartado me gustaría aprender cómo agregarlo

@bryanchacha3729 11 месяцев назад

Qué tal!, no sé si te refieres al audio que por defecto se escucha cuando se entra a Netflix, eso se le hace con html, sin embargo muchos navegadores lo mutean pero otros no, espero subir un video pronto explicando eso, saludos 🖖

@wilkerelisesparza196 8 месяцев назад

Y para dirigir a la descripción de cada película

@bryanchacha3729 7 месяцев назад

La respuesta que da la api viene información adicional como el el título, descripción, duración, imagen, año de estreno y otros datos. En este caso yo solo hice uso de las imágenes, saludos 🖖

@wilkerelisesparza196 7 месяцев назад

@@bryanchacha3729 podrás hacer un vídeo explicando porfa

@SOY_MAEL Год назад

Como podemos digamos capitilos en htlm bro

@bryanchacha3729 Год назад

Qué tal amigo, disculpe no entiendo su pregunta.

@jesusjavierfernandezgalue7651 10 месяцев назад

Buenas noches he seguido los pasos y no me sale igual me podrias ayudar ahi

@bryanchacha3729 10 месяцев назад

Con gusto, en que parte me podria especificar. En la descripción del video esta el repositorio de este proyecto, lo puede utilizar sin ningun problema. Saludos!