Psd To Html5css3 Build A Youtube Homepage From Scratch

  1. Home
  2. Html5
  3. Psd To Html5css3 Build A Youtube Homepage From Scratch

Tags: HTML5

Learn How To Build a Modern YouTube Homepage From Scratch Using HTML5, CSS3 & JQuery

Last updated 2022-01-10 | 3.4

- Develop a Full Website Homepage
- Get hands-on with useful JQuery Stuff
- Know useful skills to turn psd into code

What you'll learn

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

* Requirements

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

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!

Who this course is for:

  • 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!

Course content

9 sections • 20 lectures

Introduction 1 lectures

Introduction Preview 01:45

Getting everything ready! 3 lectures

Workspace Preparation & Basic HTML markup Preview 01:52

Setup Twitter Bootstrap, Font-Awesome Icons & Google Fonts Preview 03:31

Slicing up the PSD & General CSS Styling Preview 07:33

Header & Main Content Markup 3 lectures

Header Mark-up Preview 08:34

Tabs & Main Videos Mark-up Preview 13:53

Finishing up Semantics Preview 12:52

Header CSS 3 lectures

Logo, Menu, Search-Bar CSS Preview 04:43

Button, Notifications & Profile Info CSS Preview 09:25

Fixing Notifications CSS Preview 00:22

Main Content CSS 3 lectures

Fixing HTML Line Preview 00:48

Main Content CSS Preview 13:59

Finishing up the CSS Preview 08:28

Building Our Sidebar 2 lectures

Sidebar HTML & jQuery Preview 06:48

Sidebar CSS Preview 09:06

Finishing Up Everything 2 lectures

Adding Transitions Preview 02:08

Final Touches in CSS Preview 02:12

Conclusion 1 lectures

Conclusion Preview 00:34

Download the Final Course File 2 lectures

Complete Course Code File Preview 00:00

PSD File Preview 00:01