Programa una Página Web Estilo NETFLIX con HTML 5 y CSS 3

Подписаться 510 тыс.

Просмотров 158 тыс.

50% 1

En este video aprenderás como programar una pagina web estilo netflix con HTML y CSS usando Flexbox y Responsive Design.
🚀 Blog de Diseño Web:
www.falconmasters.com
⭐ Curso de Diseño Web desde Cero:
www.desarrolloweb.io/cursos/d...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrolloweb.io/cursos/p...
⭐ Curso de React y Firebase desde Cero:
www.desarrolloweb.io/cursos/r...
⭐ Curso de Bootstrap:
www.desarrolloweb.io/cursos/b...
⭐ Curso de Woocommerce:
www.desarrolloweb.io/cursos/t...
---
📄 Código del Proyecto:
github.com/falconmasters/p-gi...
Imágenes:
www.themoviedb.org/movie/1573...
www.themoviedb.org/movie/2052...
www.themoviedb.org/movie/3333...
www.themoviedb.org/movie/155-...
www.themoviedb.org/movie/2862...
www.themoviedb.org/movie/7517...
www.themoviedb.org/movie/744-...
---
Redes Sociales:
♦ Twitter @falconmasters:
/ falconmasters
♦ Pagina de Facebook:
/ falconmasters

Наука

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

3 апр 2020

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@FalconMasters 4 года назад

Manita arriba si te gusto el video! 👍

@louisovalles3665 4 года назад

Un crack ✋

@katterynah3515 4 года назад

Más proyecto por favor. Gracias Senior :)

@ferdy77cc 4 года назад

escuchame brother, donde esta el siguiente video, para hacer la galeria de imagenes ??

@FalconMasters 4 года назад

@@ferdy77cc Aun no lo subo, hoy o mañana queda arriba en el canal.

@martacastrillo6280 4 года назад

Buenas tardes, muchas gracias por tus videos que los sigo y los hago yo, estaba haciendo lo mismo que tu pero en google chrome el tema del flex no se por que si lo pruebas se sube para arriba la descripcion y los botones , no hace caso a display: flex; align-items: end; sabes como solucionarlo?muchas gracias

@elchente859 4 года назад

soñe que hacias el estilo netflix, estuve buscando porque pense que lo tenias en tu canal y ahora lo subistes :o

@djworld6394 4 года назад

Muchas gracias Carlos Arturo!! Aportas muchísimo con videos como este aquí en youtube, además eres excelente explicando. Yo ya me compré todos tus cursos de Udemy.

@marcoplaza 4 года назад

Espero que esté sea el primero de varios vídeos en donde uno pueda conocer y practicar haciendo páginas famosas o menos conocidas pero muy complejas y llamativas para practicar y sobre todo DESARROLLAR GUSTO que es muy difícil.

@JJ-dy1mg 4 года назад

si le pones un backend, te prometo que te compro un curso, gracias por los videos

@elchente859 4 года назад

y quien no

@joseluisgallardogomez8844 4 года назад

Excelente video, demuestra que también se puede vivir sin Bootstrap

@SrGordinis 4 года назад

Te admiro por ser un ejemplo a seguir, Aquellos amables como tu se merecen mas gracias de las que se puede dar. Muchas gracias. espero pronto finalizar mi carrera para que me ayude a crear mi pagina web para mi, seria un honor que fuera parte de algo muy importante para mi !!

@FalconMasters 4 года назад

Muchas gracias! me alegra que mis videos te sirvan y te deseo mucha suerte en tu carrera.

@nicosuag9968 4 года назад

Muchas gracias por el vídeo! Podrías hacer un vídeo recomendado computadoras para los tipos de programas que se suelen usar para desarrollar?

@Jim05TF 4 года назад

Genial, espero con ansias el siguiente video!

@briandevs 4 года назад

Muchas gracias Falcon estare a la espera de la segunda parte! :)

@franpalomino5737 4 года назад

Excelente video justo lo que estaba buscando 💪💪 muchas gracias !!! Sigue así saludos..

@whilmisperezdepena1697 4 года назад

eres mejor sabes lo que queremos y lo haces, muchas gracias

@igor.miranda 4 года назад

Genial maestro... Gracias totales!

@maravargas5929 4 года назад

Me encanto hacer esta practica,como siempe muy bien explicado . Gracias Falcon , Saludos desda Argentina :)

@eliassantos8982 2 года назад

Excelente video!!! mejor explicado no se puede. Gracias, Dios lo bendiga !!!

@P3L1CO 4 года назад

Mil gracias!!! Espero el siguiente video.

@noidfrx 4 года назад

Que ingenioso video bro, quedé hipnotizado jaja. Gracias por la información. Un saludo

@gerardoef 2 года назад

Waaaaoooo, nadie me habia explicado tantas cosas de una manera tan sencilla!! Muchas gracias!!

@ramonurchipia 4 года назад

Buenísimo! Aprendo mucho con tus videos, gracias!

@sebastianrojas8572 4 года назад

Muy bueno. Espero los siguientes videos. Seria genial que incorpores las funcionalidades de agregar a favoritos, me gusta y no me gusta.

@Cubi_Games 4 года назад

*Llevo mucho tiempo esperando este curso, espero puedas añadirle un backend y te juro que me aviento todo el curso completo*

@lourdeszozacruz5397 4 года назад

esa idea esta chida

@henryflores9724 4 года назад

Bastante Interesante .. exelente tutorial lo veo en esta cuarentena .Voy a poner en practica. Gracias por Compartir...

@lucasantoniazzi5175 4 года назад

Es excelente el trabajo que haces para y con tus subs

@yilmerumbo3178 4 года назад

Excelente vídeo FalconMasters saldos desde Peru.

@getzaelpahuarangel2244 4 года назад

¡Excelente trabajo! Te sigo desde mis años de preparatoria y la verdad siempre aprendo algo nuevo contigo:) Falcon te tengo una pregunta que me ha inquietado mucho últimamente. Actualmente en el 2020, ¿cual es la mejor manera de hacer paginas web? ¿Lo mejor siempre es el construirla desde 0 como en este caso? ¿Que hay de las herramientas como WordPress o constructores de sitios? ¿Que es lo mas profesional? Saludos desde Tijuana, BC.!!

@alexbo1942 3 года назад

Casi son las 2@m y me quedé prednido de este. Video. Bien.

@RichardCornejo 4 года назад

Super video!! acabo de comprar tu curso en udemy! gracias por hacer contenido de calidad!!

@facuamores424 Год назад

Me encanto el video. Aprendi muchisimo, gracias por tu trabajo

@ferdy77cc 4 года назад

gracias brother, me esta sirviendo de muchísimo,

@diegocontreras4022 3 года назад

Aprendí mucho con este video! muchas gracias bro!

@lauraluchetti7321 4 года назад

Excelente como siempre! Gracias por el tiempo y la dedicación que pones en cada tutorial. Gracias Genio.

@FalconMasters 4 года назад

Gracias!

@charlink007 9 месяцев назад

Gracias por compartir esto con los demás, una pregunta, hay algunos efectos especiales para poder considerar en las otras páginas? o por ejemplo el de selección de la pelicula? gracias de antemano.

@matiasminig 4 года назад

Buenísimo, quedo espectacular!! vamos a poder disfrutar lo que mas me gusta es cuando creas estas web :) un saludo desde Argentina!!

@FalconMasters 4 года назад

Genial, me alegra escuchar eso!

@KailoTech 4 года назад

A la espera del siguiente video, y del curso de laravel por udemy. Saludos :D

@Florchissable 2 года назад

Gracias!! Me encantoo y todo muy bien explicadoo.

@JosephYeng 4 года назад

Fantástico! A seguir este Tutorial :) Ps. ¿Podrías hacer un nuevo video sobre las extensiones que usas en VSC en este 2020? Saludos.

@daaaammn 3 года назад

Bro, gracias por el video, muy bueno. Tienes voz de comercial :D

@ivancarreno3248 Год назад

me encanto la practica exitos

@mr.thomas4078 4 года назад

Muchas gracias!!!

@jorgegil4100 2 месяца назад

Hola FM, excelente tu tutorial. Si alguna vez tienes ganas de hacer uno para una plataforma como la de Mubi... Te felicito!

@MRPinas2100 4 года назад

Gracias Carlos por preocuparte por tus seguidores y seguir enseñado. ¡Que buen video!

@oscarromero8164 4 года назад

Excelente video, muy bien explicado!

@N.K2015 8 месяцев назад

tremendo video, ahora el contenido de la imagen como se agrega?

@gersonbatista4672 3 года назад

Obrigado mestre, excelente vídeo... Sucesso amigo...

@erlindominguezrendon8506 4 года назад

Genial!!

@mauronarvaez310 3 года назад

Hola, Realmente buen video. Gracias por subir este video, una pregunta, en una pagina profesional se utiliza font awesome o se debe disenar los iconos o font awesome es confiable para una pagina profesional

@zurdogarcia7401 3 года назад

wooow hermano me encanto nuebo sub que buen contenido, perfectoo

@paolahercules2844 4 года назад

Excelente vídeo!!!!

@migueltop6471 4 года назад

Excelente carlos

@edmthecrew3796 4 года назад

El que he estado esperando 😢😢

@88mfs 4 года назад

Amé tu video y lo bien q explicas todo! No veo la hora de tu próximo video! Nva subs

@FalconMasters 4 года назад

Muchas gracias! Subo video nuevo cada semana.

@alvaromottalozano7853 4 года назад

Eres el mejor maestro

@daviddanielgalarzaalbornoz4986 Год назад

esta interesante un detalle que vi al lado derecho de el link Mi lista hay un margin de 20 px y deberia estar pegado al contenedor yo si lo alinie con otra clase igual el video me sirvio de mucho .Muchas Gracias

@gazul05 3 года назад

Excelente tutorial... muy bien explicado... aprendí mucho en poco tiempo... y claro que tomaré tus cursos en Udemy . Felicidades FalconMasters.

@FalconMasters 3 года назад

Muchas gracias! estoy seguro de que aprenderás mucho en mis cursos.

@whilmisperezdepena1697 4 года назад

muy buena la idea de hacer un tutorial con el prototipo y uno con la pagina

@javito8534 3 года назад

Super vídeo. Estaría genial una web tipo SpaceX, tiene mucho JavaScript curioso.

@brayanmordan9599 4 года назад

Explicas muy bien y quisiera saber si aras un video de como posicionar un sitio web

@eutickdesign1192 4 года назад

Buen video falcon te falta que la vuelvas DINÁMICA like si quieres que la vuelva dinámico para que complete las fases.

@gabiadq 4 года назад

Buenísimo el material. Muchisimas gracias

@lourdeszozacruz5397 4 года назад

Está muy padre tu vídeo y excelente explicación !!!

@FalconMasters 4 года назад

Gracias!

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

Muchas gracias, me sirvio mucho

@arielmoron9968 Год назад

Muy buen video y super bien explicado ,un genio . Te quería consultar . Esa web sirve o se puede ver como netflix en mi smart tv?

@Luissoluciones1 2 года назад

Sos un crack! E verdad. Come me encantaría que me hicieras una pagina para un proyecto símil Netflix. Te mando un abrazo de Argentina.

@argenisperezacuna1532 3 года назад

Super genial maestro. Porfa renueva el curso de Javascript

@1337Unlucky 4 года назад

¡Genial! Ahora podre hacer mi Popcorn Time 2! :D

@FalconMasters 4 года назад

Nice!

@marcoslabat4908 3 года назад

Ya lo hiciste?

@ayrtonart 4 года назад

que color theme estabas usando en visual studio en este video?

@cristiansayhuamollocondo9811 4 года назад

genial FalconMasters ;)

@elchente859 4 года назад

has el curso de javascript + proyectos,

@seriesretrobydcubero4867 3 года назад

Hola, feliz Sabado. Queria por favor que me indiques cuales son programas requeridos para la edicion de esta pagina y como se publica la pagina final. Como se obtiene el dominio y si se usa MySql para la BD. Gracias

@alexc-j5120 3 года назад

que chingon de video recomendado

@davidcerrate4225 3 года назад

eres una capo!

@moisesveliz2622 4 года назад

Muchas gracias por el tuto igual que el de diseñar una web estilo netflix con adobe xd!!

@MrVolumetonetone 2 года назад

Falcon tu te mereces el cielo, el cielo y mucho mas hermano

@FalconMasters 2 года назад

Muchas gracias por las palabras!

@alltvtodos2078 3 года назад

Muy buen video👏👏

@kevinramos9773 4 года назад

Excelente Vídeo!!!!!..

@Axel-ec7gb 4 года назад

Muchisimas gracias, me encantaria una pagina con estilo de twitch

@FalconMasters 4 года назад

Es buena idea tambien!

@edwardcrespo5187 4 года назад

Excelente, seria divertido y educativo una estilo alibaba, aliexpress, es decir una E-commerce y agregarle ciertas funcionalidades .. saludos desde vzla

@virax785 4 года назад

Todo lo quieren servido, con tutorial de css y html es suficiente, te puedes ayudar con js. Todo esta en el canal, mira videos pasados y no seas flojo.

@romuloalves9349 4 года назад

Ainda não assistir o vídeo todo mais já deixo o meu like porque tenho certeza que será um ótimo vídeo✌.

@user-ns6mx6dm1c 6 месяцев назад

Hola amigo mi nombre es bruno saludos desde Uruguay ,muy buen video y bien explicado,eres buen narrador y profesional,muy detallista y excelente narrador ;soy nuevo en esto y deseo preguntarte como agrego las librerías con las películas? tienes algun video al respecto?te agradeceria mucho me informes.desde ya muchas gracias y ten mucho exito,un cordial abrazo

@neissermoreno5889 4 года назад

Chévere gracias

@leandrotaboada2736 4 года назад

Muy buen gracias!

@Gabozxc 4 года назад

Por que flexbox para maquetar y no css grid?

@lilexxx9227 4 года назад

FalconMaster: Te dice que si aprendiste flex y grid te vendrán muy bien para este vídeo 10 minutos depués: Te enseña a abrir un documento html PD: Me gusto el tutorial Master mis dieces

@christiansmartinezarmas5022 4 года назад

Hola, deberías hacer un curso avanzado de JS y algún Framework potente.. Yo realice tus cursos de Diseño y Php en udemy..

@RaulmanjarrezH 4 года назад

podrias hacer un video de el uso de API

@pcymac_com 2 года назад

que buen tip en el min 11:20 (CTRL + SHIFT + P) luego ponemos WRAP y despues ya el div

@isaaccea2428 Год назад

nuevo seguidor puedes hacer el un video completando con la subida de películas soy estudiante y estoy empezando de apoco y me ayudaría harto a ver los paso siguientes

@widmarkramirez9992 2 года назад

ME ENCANTO TUS VIDEOS Y EXPLICAS SUPER BIEN, PERO A MI ME GUSTARIA COMO SE PUEDE COLOCAR UN VIDEO CORTO QUE AL FRENETE ESTE UN TITULO MAS UN BOTON, TENDRAS UN VIDEO COMO ESE, EJM ASI COMO LA IMAGEN DE INTELESTELLAR PERO EN MOVIMIENTO EN VEZ DE FIJO

@el_tinez 4 года назад

Excelente video 👏 me gustaria saber para cuando el próximo video?

@FalconMasters 4 года назад

Estos días.

@Mark_SantiagoDev 4 года назад

Muy bien Crack

@anser_kc 3 года назад

Me gustaría un tute para hacer una web estilo slideshare o scribd Buenazos tus videos

@DanielBallester21 4 года назад

Por esas casualidades, enseñaras el backend y bd?? o se te complica por el tiempo?? ahí tendrías una idea tremenda para un curso completo en Udemy, seria un golazo al angulo jaja

@CesarRodriguez-dr8il 2 года назад

sirve para la aplicacion de coffecup?

@germanvelardez7947 4 года назад

Muy buen video.

@flaacczz 3 года назад

Muy bueno el video, lo único es que la parte del contenedor "pelicula-principal", me queda alineado hacia arriba, no lo puedo bajar, que podría hacer?

@lukymirez 4 года назад

hola primero felicitarte por el apoyo es genial todos los trabajos que haces me va muy bien se aprende rapido y facil, pero necesito ayuda en el video a ti te salen los botones con opacidad trasparente y de color negro ami me sale blanco y cuando pulso el mouse sobre ellos pero se aclara solo un poco mas , intente copiando de igual forma los codigos que colocaste en la descripcion y de igual manera me sale botones blancos, me puedes ayudar con ello por fa saludos desde Cusco

@juno9735 2 года назад

Excelente! pero en vez de una imagen, puedo incrustar un video con una variable php? he logrado hacerlo pero entonces no me funciona el diseño responsive... por que?