Learn How To Make A Website Like YouTube Using HTML, CSS And JavaScript | Video Sharing Website Design Front-end, Step by step tutorial
In this video will make a video sharing website design like YouTube using HTML, CSS and JavaScript and this website design is completely inspired by YouTube. As you can see on my computer screen, this is the website design that we are going to create in this video.
We will create 2 pages, Fist page of this website will be home page with a left sidebar, one banner and list of videos with thumbnail, videos title and channel info, then we will create 2nd page of this website that is video watch page. on this page we will add a video and video information, channel information, list of comments and we will make sidebar with list of suggested videos.
This page is also responsive for small screen devices. We will learn to make this complete website design using HTML, CSS and very small JavaScript. So let’s make this website design like YouTube.
Please Like and Share this video and Help me to get 10k Likes.
❤️ SUBSCRIBE channel: https://goo.gl/tTFmPb
Download images:
https://drive.google.com/file/d/1EM5G-hccHjEwWunOfHkNALzPCqluLzxu/view?usp=sharing
———————————————
Recommended Course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 https://easytutorialspro.com/go/course/
————————————-
Recommended Videos:
Learn Complete HTML and CSS from basics:
► https://www.youtube.com/playlist?list=PLjwm_8O3suyO2gdXdWHKgM-mO2Y251zzU
Make A Complete Website for college using HTML & CSS:
► https://www.youtube.com/playlist?list=PLjwm_8O3suyP5kGKmwS_DM0Hs1j7fshi5
How to make a Business website step by step:
► https://www.youtube.com/watch?v=99vHH_6F0Ko
How to make personal resume website step by step:
► https://www.youtube.com/watch?v=qCFN8EujbGI
How to make fitness website design using HTML CSS:
► https://www.youtube.com/watch?v=4bPABX-jOko
How to make an Ecommerce Website Design:
► https://www.youtube.com/playlist?list=PLjwm_8O3suyM_2Lo9aAIw3HqjOPor8j9g
How to make a Job Portal website design with HTML & CSS:
► https://www.youtube.com/watch?v=cHgx8a-eBDQ
How to make travel website design with HTML CSS Bootstrap:
► https://www.youtube.com/watch?v=AiaEqc9UMf8
————————————-
Affordable web hosting (coupon- EASYTUTORIALS)
👉 https://easytutorialspro.com/hosting/
My recommended tools and tutorials
👉 https://easytutorialspro.com/
————————————-
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► https://www.youtube.com/channel/UCkjoHfkLEy7ZT4bA2myJ8xA/join
—————————
Image credit:
https://unsplash.com
————————————-
Like – Follow & Subscribe us:
◼️ YouTube: https://goo.gl/tTFmPb
◼️ Facebook: https://goo.gl/qv7tEQ
◼️ Twitter: https://twitter.com/ItsAvinashKr
◼️ Instagram: https://instagram.com/iamavinashkr/
source
⬆⬆⬆⬆⬆
How to use search and voice search on this website.
Please making another tutorial on this https://youtu.be/4ykAepVkG5Y. Thank you.
Pls give me code downlod link
Hai,
Brother
Please Make One Video ''How to Working SEARCH & VOICE-SEARCH''.
zero star 00000000.000
thanks for the tutorial, but how i can pass video value to the next page
How to create convert this into WordPress theme
Very nice knowledge sir tanks for making video
thanks for aid i have learn something. but i want to know how to add more videos
COOL VIDEO. Wroin in css the word "Icon" with Ionc" but is ok, is ever clear 😀
view3 video rewards
Hello Sir, please reply me on your mail ID, I have sent an email to you.
view3 explore
Can I get the complete code of this design?
how including another video in this website
can you share the source code??
In next video can you show as how to add a channel screen in this website with all the information of the person who upload the video
How can upload video like YouTube
i likw it!
Awesome video thanks!
Sir please use time stamps it would be useful for us
Better then Youtube in Style & Appearance! Good.
21:59 Icon is spelled i-c-o-n not i-o-c-n.
Can anyone channel member please give source code link . I am trying to do this as my college project if anyone help means always thankful for them🙂
How to make app YouTube website to application
Fist time i see a perfect tutorial.
Hello thanks for this tutorial I hope next tutorial except call phone used html and CSS thanks
thank you for the tutorial, sir.
compiling each element in ur video with timeframes will be helpful.
Helo can v live stream like YouTube? Plz it's important question.
i'm also avinash and i also make website 😁😁
my images are not adding
Hi can you share frontend code?
59da kaldım
43:35
27:56
i am having trouble can you give me the code in a file or something that would help a lot
Thank you so much.
but how can we create fully function youtube
mantapppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp
Amazing design! I'm using React and Firebase to turn this into a fully functional clone!
Please sir Hindi mein ek video banaye
Please sir Hindi mein ek video banaye
Please sir Hindi mein ek video banaye
Please sir Hindi mein ek video banaye