Build Youtube UI Clone using HTML,CSS + JavaScript

Build a Youtube Clone using HTML, CSS, CSS Flexbox, CSS Grid, and JavaScript. Master your Front End Web Developer Skills

Do you want to become an expert web developer?

What you’ll learn

  • You will be able to build UI of Youtube based on HTML and CSS.
  • Learn HTML.
  • Learn CSS.
  • You will learn how to manage the layout of you web page based on CSS Grid.
  • You will learn how to make fully responsive website on different screen sizes.

Course Content

  • Introduction – Setup –> 2 lectures • 2min.
  • Creating Home Page –> 7 lectures • 1hr 35min.
  • Creating the Watch Page –> 5 lectures • 1hr 18min.

Auto Draft


Do you want to become an expert web developer?

Or maybe you want to build a Youtube clone website to show off your projects?

If so, you’re in the right place! This course will guide you step by step in creating Youtube UI using HTML,CSS COMPLETELY from scratch.

We’re talking the kind of website that will amaze anybody that sees it. The kind of website that will get you hired in no time! A good project is something every decent developer needs to have. Without it, how can you expect to stand out from the millions of other developers that are out there. Why tell an employer how good you are when you can show them.


Okay so what’s the course about?

In this course, we will create a beautiful responsive Youtube website from scratch using HTML, CSS, JavaScript. Anybody who sees your site will know that:

  • you are proficient with HTML/CSS
  • you possess extensive JavaScript skills
  • you are able to create responsive websites
  • and much more!

Whether you are a complete beginner* or an experienced programmer, this course will be massively beneficial to you.

Why should I take the course?

In the programming world, the “big 4” often consists of Google, Microsoft, Facebook and Amazon. To get a job at any of these companies, you absolutely MUST know the essentials: HTML, CSS and JavaScript.

If you take this course, you will have nothing to worry about because we use all of these skills extensively!


By enrolling in this course, you will have my COMPLETE support. I’m always ready to answer any question you may have. Programming issues, errors, feature requests, general programming advice – it doesn’t matter, I’m always happy to help! I always aim to respond to questions within a few hours and it’s also worth noting that I’ve answered EVERY SINGLE question asked so far on all of my courses.


Finally, this project is a lot of fun and I know you’ll have a great time implementing your own unique ideas as well as the ones we implement together. What are you waiting for?

*You don’t need any experience to take this course, however a basic understanding of HTML would be great. I will explain everything as I go, but some things I spent more time on than others. I don’t spent a huge amount of time on the absolute lowest level basics e.g. what is HTML. So if you have absolutely no experience programming, you are absolutely fine to take this course, just ask me to explain things further if you would like a more detailed explanation 🙂

Get Tutorial