Rebuild Pinterest from Scratch with HTML + CSS (Part 1) FREE

In this course I'll walk you along with me side by side as we learn the fundamentals of HTML + CSS to rebuild Pinterest
3.9 (23 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.
1,466 students enrolled
$20
Take This Course
  • Lectures 12
  • Contents Video: 1 hour
  • Skill Level Beginner Level
  • 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 1/2013 English

Course Description

This course will have you look over my shoulder right into my code and browser as we rebuild the amazing site Pinterest.com together.

You'll be doing it yourself which is the BEST way to learn.

How is this course divided?

It's divided into 2 parts:

Part 1: includes the fundamentals of HTML + CSS and a practical application of the code. (FREE)

Part 2: is where we rebuild the front page of Pinterest. If you're interested in Part 2 you must complete this Part 1 first.

Part 1 is essential before getting to Part 2.

This Part is completely FREE!

What we'll cover

We'll cover all the basics of HTML such as:

  • How do you build a simple web page?
  • How do you design and customize the look of a webpage?
  • What about links, images and navigation menus?

I got you covered.

How long will this take?

This course is 1 hour. Wow. You get to become a web design guru in 1 hour!

How is this course structured?

This course is broken down into 10 parts, but every section is connected and follows up from the previous. We'll stay together throughout the course step by step.

Who should take this course?

Wordpress developers, graphic designers, marketers, and anyone interested in being able to have the basic know how to tweak html and css should take this course.

It's really important to know how to touch and handle HTML and CSS even if you use Wordpress or Dreamweaver that does the work.

I use Wordpress and Dreamweaver all the time but I'm always tweaking the code and you'll need to also.

If you're a graphic designer this is great for you because you'll learn some of the basics and you'll be able to turn your designs onto a web page without hiring a web developer.

If you know a little something about HTML and CSS but you want to brush up to take the bull by the horn this is for you too.

Who should not take this course?

If you're already a code ninja this won't be for you.

Cool Notes

I recommend that you don't skip around because I'm walking you through the code step by step and I want to stay with you as you go through it.

All these videos are in 720p HD and crisp so you will be able to CLEARLY see the code.

What makes this course awesome is that you'll be able to look over my shoulder zoomed in so you follow me step by step. You'll also be able to see both the CODE and the Results in the browser side by side throughout each video. This will help you fully grasp what's happening.

</p>

What are the requirements?

  • Notepad
  • Web Browser

What am I going to get from this course?

  • By the end of this course you'll be able to hand code HTML and CSS from your head
  • In this course you will learn how to create an HTML page
  • In this course you will learn how to add text and images to a webpage
  • In this course you will learn how to handle and code HTML and CSS by hand

What is the target audience?

  • Designers
  • Web Enthusiasts
  • Youtubers
  • Marketers

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

Section 1: Introduction
02:58
This is an introduction to the course which is split up into 2 parts. This part is essential before getting to Part 2

Part 1 includes the theory and me coding with you side by side. You get to look over my shoulder and I explain everything that's happening. Part 2 will include the building of Pinterest.

I recommend that you don't skip around because I'm walking you through the code step by step and I want to stay with you as you go through it.

All these videos are in 720p HD and crisp so you will be able to CLEARLY see the code.

What makes this course awesome is that you'll be able to look over my shoulder zoomed in so you follow me step by step. You'll also be able to see both the CODE and the Results in the browser side by side throughout each video. This will help you fully grasp what's happening.

Section 2: Basic HTML
04:42
In this video you'll learn the basics of an HTML page. We'll discuss the basics of a tag and what makes a page a page.
07:03
In this video you'll create text, format it, create hyperlinks, insert images and learn to format text into paragraphs.
Section 3: Basic CSS & Layers
08:07
In this video you'll learn how to transform your HTML page into an awesome looking web page by customizing your HTML and making it look much better with CSS (cascading Style Sheets) You'll learn the basics of CSS and how to insert it into your page.

The cool thing is that I give you the fundamentals. The rest such as the many properties and values is easily available online. I'll show you how implement the advanced properties and values that transform HTML into an awesome looking web page.

In general HTML elements can't be dragged and dropped and moved around on a web page, so you use CSS to make the HTML look however you want.

This is critical say when you have a Photoshop design and you want to turn that design into a web page. You use CSS.

05:15
In this video you'll learn one of the most important tags used throughout all websites the <div> tags which creates layers. It shapes your web page and also groups content.
How to add CSS to Layers
05:15
06:07
In this video we'll go further into using CSS on layers and making them look even better.
04:14
In this video we'll go EVEN further into using CSS on layers and making them look even better changing colors and formatting the layers.
Section 4: Intermediate CSS & Navigation Menus
04:53
In this video you'll learn how to embed youtube videos in your web page using iFrames.
07:53
In this video you'll learn how to create hyperlinks and style them so they look cool.
05:16
In this video you'll create a simple navigation menu and with all the HTML and CSS you've learned you'll be able to do whatever you want to that navigation menu and make it look as slamming as you want.
Section 5: Invitation to Part 2
00:36
In this video, I have an invitation to Part 2 where we'll take what you've learned from Part 1 and apply to rebuilding the front page of Pinterest from scratch.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Omar Elbaga, Professor and Amazon best-selling author

Omar Elbaga is a professor, web evangelist who has been publishing digital content for 8 years and host of the popular video show called "Mastery" for entrepreneurs who want more than just business advice.

His books have been published in Barnes & Noble stores across the world and his recent book "Lessons Dad Never Taught You" was a #2 Amazon Bestseller.

He is enjoys helping others master new web tools, new skills and their own personal development.

Ready to start learning?
Take This Course