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

Udemy

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

Requirements
  • Notepad
  • Web Browser

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


Curriculum For This Course Expand All Collapse All 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.

Introduction 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. How to build a Basic HTML page Preview 04:42 In this video you'll create text, format it, create hyperlinks, insert images and learn to format text into paragraphs. How to create Titles, Hyperlinks, Images, 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
Сессии:
  • Свободный график
Характеристики онлайн курса:
  • Бесплатный:
  • Платный:
  • Сертификат:
  • MOOC:
  • Видеолекции:
  • Аудиолекции:
  • Email-курс:
  • Язык: Английский Gb

Отзывы

Пока никто не написал отзыв по этому курсу. Хотите быть первым?

Зарегистрируйтесь, чтобы оставить отзыв

Show?id=n3eliycplgk&bids=695438
NVIDIA
Ещё курсы на эту тему:
43347_f23c_5 How to make a website: Dreamweaver HTML CSS Intro Course
Learn Steps to Create a Website from a Blank Page and NO Hand Coding. So.....
21264_8a1f_5 Online Courses - Anytime, Anywhere
Build a multi-column web page from start to finish, covering all of the HTML...
50587_f92a_5 Online Courses - Anytime, Anywhere
Learn to build responsive websites that are viewable on all devices from desktops...
17723_d7cb_8 Designing Web Pages with CSS - for Beginners
Kelly has been teaching CSS for 4 years.  Her methodology has helped thousands...
147002_a141_6 Online Courses - Anytime, Anywhere
For the absolute beginner! Learn in a project based way that'll help you create...
Ещё от Udemy:
Show?id=n3eliycplgk&bids=323058 Thousands of online courses for only $15
Most courses are dropped to $15 flat price!
Banner_ruby Ruby on Rails Tutorial: Learn From Scratch
This post is part of our “Getting Started” series of free text tutorials on...
Show?id=n3eliycplgk&bids=323058 $10 Sitewide Deal
$10 Fixed Price across the site!
64422_c6dd_6 1 Hour HTML
Learn how to code in HTML in 1 hour. This class is set up for complete beginners...
72262_60dc_6 1 hour jQuery
Have you ever wanted to learn to code. This course will show you the basics...

© 2013-2019