Rebuild Pinterest from Scratch with HTML + CSS (Part 1) FREE
3.9 (22 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,465 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Rebuild Pinterest from Scratch with HTML + CSS (Part 1) FREE to your Wishlist.

Add to Wishlist

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 (22 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,465 students enrolled
Created by Omar Elbaga
Last updated 1/2013
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • Notepad
  • Web Browser
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>
Who is the target audience?
  • Designers
  • Web Enthusiasts
  • Youtubers
  • Marketers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
12 Lectures
01:02:19
+
Introduction
1 Lecture 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.

Preview 02:58
+
Basic HTML
2 Lectures 11:45
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.
Preview 04:42

In this video you'll create text, format it, create hyperlinks, insert images and learn to format text into paragraphs.
Preview 07:03
+
Basic CSS & Layers
5 Lectures 28:58
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.

How to make Text look better with CSS
08:07

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.
Grouping content in HTML Layers
05:15

How to add CSS to Layers
05:15

In this video we'll go further into using CSS on layers and making them look even better.
How to make Layers look even better with CSS
06:07

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.
Changing Layer design and font colors with CSS
04:14
+
Intermediate CSS & Navigation Menus
3 Lectures 18:02
In this video you'll learn how to embed youtube videos in your web page using iFrames.
Embed YouTube videos using iFrame
04:53

In this video you'll learn how to create hyperlinks and style them so they look cool.
Making Hyperlinks look good with CSS
07:53

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.
Creating a Navigation menu
05:16
+
Invitation to Part 2
1 Lecture 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.
Why you should go on to Part 2
00:36
About the Instructor
Omar Elbaga
3.8 Average rating
75 Reviews
3,723 Students
4 Courses
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 enjoys helping others master new web tools, new skills and their own personal development.