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 (236 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.
7,740 students enrolled
Free
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

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

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

What 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.

Curriculum

Introduction
01:45
Section 1: Getting everything ready!
Workspace Preparation & Basic HTML
01:52
Setup Twitter Bootstrap, Font-Awesome Icons & Google Fonts
03:31
Slicing up the PSD & General CSS Styling
07:33
Section 2: Header & Main Content Markup
Header Mark-up
08:34
Tabs & Main Videos Mark-up
13:53
Finishing up Semantics
12:52
Section 3: Header CSS
Logo, Menu, Search-Bar CSS
04:43
Button, Notifications & Profile Info CSS
09:25
Fixing Notifications CSS
Article
Section 4: Main Content CSS
Fixing HTML Line
00:48
Main Content CSS
13:59
Finishing up the CSS
08:28
Section 5: Building Our Sidebar
Sidebar HTML & jQuery
06:48
Sidebar CSS
09:06
Section 6: Finishing Up Everything
Adding Transitions
02:08
Final Touches in CSS
02:12
Section 7: Conclusion
Conclusion
00:34
Section 8: Download the Final Course File
Complete Course Code File
Article
PSD File
Article

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