HTML and CSS: Essential Training

Lets create world's most wanted website: Google
  • Lectures 63
  • Video 5 Hours
  • Skill level all level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion

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.

Course Description

PROLOGUE:

Dear students,

If you are reading this, that means you're interested in two of the world's most in-demand technologies: HTML & CSS

There are many reasons behind their popularity, most important of which is that it is the quickest and shortest route towards self-employment. Second of countless reasons is that it can be safely said that collectively the most amount of time we spend is on the internet. And since us humans are curious creatures, we're always interested in finding out whats happening under the hood.

Meat of the talk:

We've taken all the cares to make this course equally informative, fun, and beneficial for enthusiasts and active learners alike.

The course expects absolutely no familiarity with either HTML or CSS and is aimed at helping you understand the principles that underlie the structure of every web page in the world. And its actually all about understanding these principles because once we've understood these principles, building web pages will then just be a bi-product.

As a testimony to our understanding, we'll be building together the world's most visited web site, you guessed it: www.google.com

And as a project, you'll be building the Gmail Sign up page with my humble self by yourself all the time.

By the end of the course you'll be clearly able to differentiate between what you know about HTML and CSS and what you still need to know. And if you found this journey fun, informative, rewarding, and satisfying, that I'm sure you will, who knows you might end up making a profession out of it and sooner than you can imagine, begin making big $$bucks$$

And hey! although you'll have bursts of laughters during our lectures because they become sooo funny at times but the course takes itself very seriously. We could've given it "Learn to build cool web sites in x-hours" or any other cliched & cheesy name. But we respect the fact that the time and money you invest should be aptly rewarded, therefore we've given our course this logical structure, and we've made sure that we over-deliver what we have promised!

In addition to the video lectures, The course contain:

  • Lectures Slides
  • Lectures Notes [where required]
  • Quizzes [completely optional, but you are encouraged to take them to improve your understanding]
  • Practice Exercises in every section to keep track of your learning

That being said, we welcome you to our course and thank you for taking it. We believe and sincerely hope that its just a matter of completing this course and then, making a website would seem a child's play to you.

See you in the class!

What are the requirements?

  • Internet Connection

What am I going to get from this course?

  • Over 63 lectures and 4.5 hours of content!
  • Making you capable of building any website you look at the internet
  • Teaching you the principles that underlie every website design
  • Teaching you how to write SEMANTIC markup rather than meaningless mearkup

What is the target audience?

  • This course if for you if you are:
  • a beginner
  • Web Design student
  • Programmer
  • Blogger
  • build websites using programs like Dreamweaver but don't know how to code
  • enthusiast

Curriculum

Section 1: HTML: Part - I
Introduction to the Section
Preview
00:51
What is HTML?
04:04
Hyper Text
1 question
Markup Language
1 question
What is HTML-5?
03:46
HTML5
1 question
How does the Internet Work?
01:25
HTTP
1 question
Tags and Elements
03:12
HTML element
1 question
Attributes
01:17
Attributes
1 question
Our first HTML document
06:16
The html element
1 question
Required elements of an HTML document
1 question
The "title" element
1 question
The contents of the "body" element
1 question
Text
03:13
Head or Body?
1 question
Images
04:52
The <img> tag
1 question
The "title" attribute
1 question
Lists
02:36
Kinds of lists
1 question
Links
02:58
The "href Attribute"
1 question
Tables
04:54
The essentials of html tables
1 question
Forms - I
01:47
Forms - II
06:54
Forms - III
02:17
Section 2: CSS: Part - I
0. Introduction to the section
Preview
00:40
Best ever Introduction to CSS
01:27
Understanding User Agent
03:13
CSS file Placement and Naming
01:09
CSS in Action
03:51
CSS Syntax
01:06
Understanding Cascade
01:56
Text Formatting
06:56
Section 3: HTML: Part -II
0. Introduction to the section
Preview
01:02
Understanding Semantics
03:46
Block Level vs Inline Level
02:35
div and span tags
05:00
Text Level Semantics - I
05:36
Text Level Semantics - II
07:35
Lists
08:47
Links
11:15
Images
03:13
Tables
05:01
Section 4: CSS: Part - II
0. Introduction to the section
Preview
00:46
CSS Box Model
07:48
CSS Selectors: Element, Class, Id
05:31
Margins and Paddings
08:42
Borders
03:17
Units of Measurement
05:11
Styling Forms
04:42
Section 5: CSS: Part - III
0. Introduction to the section
Preview
01:13
Page Layout - Introduction
01:54
Page Layout: Topics
00:29
Key Concepts
01:07
Containing Element
01:29
Controlling Element Positioning
07:37
Normal Flow
03:54
Relative Positioning
01:27
Absolute Positioning
02:08
Fixed Positioning
07:14
Floats and Clears
11:48
Containing Floats
06:07
Section 6: www.google.com
0. Introduction to the Section
Preview
00:57
Google - Introduction
01:10
Google - CSS Styling
06:01
Google - Thinking about the HTML Markup
03:07
Google - Getting Ready
03:11
Google - CSS Reset File
02:01
Google - Coding the Header - I
08:12
Google - Coding the Header - II
04:53
Google - Coding the Content Area
08:56
Google - Coding the Footer
11:04
Section 7: Gmail
Gmail
1 page

Instructor Biography

Ben Ralph , Engineer & Computer Scientist

Hi! My name is Ben. And I'm passionate about and expert at one and only one thing, and that is: how to make learning experience as intuitive as possible while still maintaining a friendly and creative atmosphere.

Having said that, my set of expertise span a lot of things. I have a degree in Electrical Engineering & Computer science. Because of this my areas of interest include Mathematics, core programming languages like C, C++, and the dangerous Assembly Language; web technologies comprising HTML, CSS, JavaScript, PHP, Python, and the MySQL database!

I've many years of experience teaching web technologies and Mathematics.

I appreciate the fact that teaching in person is an entirely different phenomenon than teaching online, therefore before developing this course, (that has taken a lottttt of time and effort) I myself went through the training program of online education.

Afterwards, I and my team made sure two things:

1) That our course design, structure, content, and presentation, all make a lot of sense and aren't haphazard.

2) Make sure that we've over delivered what we've promised!

So this is our humble offering of making you the master of the two key web technologies: HTML and CSS. So if you're interested, you're most welcome to the class!

Reviews

Average Rating
5.0
Details
  1. 5 Stars
    3
  2. 4 Stars
    0
  3. 3 Stars
    0
  4. 2 Stars
    0
  5. 1 Stars
    0
    • Tibulca Adi

    Great Course

    Easy to understand

    • Eleanor Anthony

    Lolz

    This guy is so funny. Now that I'm all attentive and watching the video looking out to understand a new concept and the next moment I'm laughing out loud because all of a sudden Ben makes such funny remarks that you can't help laughing! But whats important is that I knew nothing about HTML and CSS when I enrolled for the course and guess what, now I believe that I know a lot. Don't wait for the coupons.. cuz if you're really interested in learning HTML & CSS ... this course costs way more than $99.. Thank you Ben!

    • Maria Grace

    WATCH OUT EVERYBODY -- THIS IS GOLD !!!

    Trust me guys.. there's nothing like it on UDEMY or anywhere else. I admit that I was primarily tempted to the course because it teaches how to implement google.com but before reaching to that chapter, you might not need that chapter at all.. because for me the chapter that precedes google.com is the core of this course, and makes you a master of building page layouts! I love every bit of it and so will you!

What you get with this course

30 day money back guarantee

Lifetime access

Available on desktop, iOS and Android

Certificate of completion

Join the biggest student community

5,200,000

Hours of video content

19,000,000

Course enrollment

5,800,000

Students

Ready to start learning?
Preview this course