Bootstrap 3, HTML5 & CSS3: Create a Modern Youtube Homepage

Learn How To Build a Modern YouTube Homepage From Scratch Using HTML5, CSS3 & JQuery
4.1 (261 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
8,300 students enrolled
Start Learning Now
  • Lectures 20
  • Length 2 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2016 English

Course Description

Have you ever tried to develop a cool modern youTube homepage? Maybe no. That's why Plato is here to help you to learn how to turn a normal photoshop design into a cool layout in the browser. From the design, until the pages go live, you’ll get expert guidance on how to make sure your first steps gets done, and done right. This is not a beginners course and some knowledge of HTML5, CSS3 is required. You will also get hands-on with some jQuery and learn some very beautiful ways to help take the homepage to the next level!

What are the requirements?

  • Solid foundation of HTML & CSS3
  • JQuery knowledge is not really necessary
  • Patience & a Code Editor

What am I going to get from this course?

  • Develop a Full Website Homepage
  • Know useful skills to turn psd into code
  • Take their skills in HTML & CSS the next level
  • Get hands-on with useful JQuery Stuff

Who is the target audience?

  • Someone who wants to boost his own skills in HTML5 & CSS3
  • If you don't have good foundation of HTML & CSS, then take a basic course then come back here so you can understand it better!

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Getting everything ready!
Workspace Preparation & Basic HTML
Setup Twitter Bootstrap, Font-Awesome Icons & Google Fonts
Slicing up the PSD & General CSS Styling
Section 2: Header & Main Content Markup
Header Mark-up
Tabs & Main Videos Mark-up
Finishing up Semantics
Section 3: Header CSS
Logo, Menu, Search-Bar CSS
Button, Notifications & Profile Info CSS
Fixing Notifications CSS
Section 4: Main Content CSS
Fixing HTML Line
Main Content CSS
Finishing up the CSS
Section 5: Building Our Sidebar
Sidebar HTML & jQuery
Sidebar CSS
Section 6: Finishing Up Everything
Adding Transitions
Final Touches in CSS
Section 7: Conclusion
Section 8: Download the Final Course File
Complete Course Code File
PSD File

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Hesham Emara, Professional Web Developer, +6,000 Students

Hesham Emara is a young and passionate web designer & web developer with 5 years experience. He is experienced in HTML5, CSS3 & JavaScript. He works for Plato. Plato is a company who is very passionate about HTML5, CSS3 & JQuery. It has been developing websites for five years and decided to join Udemy to teach everybody the knowledge they acquired in these few years. HTML5, CSS3 & JQuery? YES! That's what we do best. Follow us and you won't go the wrong way, you will boost your skills up and take them to the next level.

Ready to start learning?
Start Learning Now