HTML and CSS: Essential Training

Lets create world's most wanted website: Google
3 reviews
TAUGHT BY
  • 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!

WHAT'S INSIDE
  • Lifetime access to 63 lectures and 16 quizzes
  • 4+ hours of high quality content
  • A community of 200+ students learning together!
SHARE

HTML and CSS: Essential Training

Lets create world's most wanted website: Google
3 reviews

HOW UDEMY WORKS?

Discover courses made by experts from around the world.

Take your courses with you and learn anytime, anywhere.

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!

    • Internet Connection
    • 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
    • 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

THE UDEMY GUARANTEE

30 day money back guarantee
Lifetime access
Available on Desktop, iOs and Android
Certificate of completion

CURRICULUM

  • SECTION 1:
    HTML: Part - I
  • 1
    Introduction to the Section
    00:51
  • 2
    What is HTML?
    04:04
  • 3
    Hyper Text
    1 question
  • 4
    Markup Language
    1 question
  • 5
    What is HTML-5?
    03:46
  • 6
    HTML5
    1 question
  • 7
    How does the Internet Work?
    01:25
  • 8
    HTTP
    1 question
  • 9
    Tags and Elements
    03:12
  • 10
    HTML element
    1 question
  • 11
    Attributes
    01:17
  • 12
    Attributes
    1 question
  • 13
    Our first HTML document
    06:16
  • 14
    The html element
    1 question
  • 15
    Required elements of an HTML document
    1 question
  • 16
    The "title" element
    1 question
  • 17
    The contents of the "body" element
    1 question
  • 18
    Text
    03:13
  • 19
    Head or Body?
    1 question
  • 20
    Images
    04:52
  • 21
    The <img> tag
    1 question
  • 22
    The "title" attribute
    1 question
  • 23
    Lists
    02:36
  • 24
    Kinds of lists
    1 question
  • 25
    Links
    02:58
  • 26
    The "href Attribute"
    1 question
  • 27
    Tables
    04:54
  • 28
    The essentials of html tables
    1 question
  • 29
    Forms - I
    01:47
  • 30
    Forms - II
    06:54
  • 31
    Forms - III
    02:17
  • SECTION 2:
    CSS: Part - I
  • 32
    0. Introduction to the section
    00:40
  • 33
    Best ever Introduction to CSS
    01:27
  • 34
    Understanding User Agent
    03:13
  • 35
    CSS file Placement and Naming
    01:09
  • 36
    CSS in Action
    03:51
  • 37
    CSS Syntax
    01:06
  • 38
    Understanding Cascade
    01:56
  • 39
    Text Formatting
    06:56
  • SECTION 3:
    HTML: Part -II
  • 40
    0. Introduction to the section
    01:02
  • 41
    Understanding Semantics
    03:46
  • 42
    Block Level vs Inline Level
    02:35
  • 43
    div and span tags
    05:00
  • 44
    Text Level Semantics - I
    05:36
  • 45
    Text Level Semantics - II
    07:35
  • 46
    Lists
    08:47
  • 47
    Links
    11:15
  • 48
    Images
    03:13
  • 49
    Tables
    05:01
  • SECTION 4:
    CSS: Part - II
  • 50
    0. Introduction to the section
    00:46
  • 51
    CSS Box Model
    07:48
  • 52
    CSS Selectors: Element, Class, Id
    05:31
  • 53
    Margins and Paddings
    08:42
  • 54
    Borders
    03:17
  • 55
    Units of Measurement
    05:11
  • 56
    Styling Forms
    04:42
  • SECTION 5:
    CSS: Part - III
  • 57
    0. Introduction to the section
    01:13
  • 58
    Page Layout - Introduction
    01:54
  • 59
    Page Layout: Topics
    00:29
  • 60
    Key Concepts
    01:07
  • 61
    Containing Element
    01:29
  • 62
    Controlling Element Positioning
    07:37
  • 63
    Normal Flow
    03:54
  • 64
    Relative Positioning
    01:27
  • 65
    Absolute Positioning
    02:08
  • 66
    Fixed Positioning
    07:14
  • 67
    Floats and Clears
    11:48
  • 68
    Containing Floats
    06:07
  • SECTION 6:
    www.google.com
  • 69
    0. Introduction to the Section
    00:57
  • 70
    Google - Introduction
    01:10
  • 71
    Google - CSS Styling
    06:01
  • 72
    Google - Thinking about the HTML Markup
    03:07
  • 73
    Google - Getting Ready
    03:11
  • 74
    Google - CSS Reset File
    02:01
  • 75
    Google - Coding the Header - I
    08:12
  • 76
    Google - Coding the Header - II
    04:53
  • 77
    Google - Coding the Content Area
    08:56
  • 78
    Google - Coding the Footer
    11:04
  • SECTION 7:
    Gmail
  • 79
    Gmail
    1 page

UDEMY BY THE NUMBERS

5,200,000
Hours of video content
19,000,000
Course Enrollments
5,800,000
Students

RATING

  • 3
  • 0
  • 0
  • 0
  • 0
AVERAGE RATING
NUMBER OF RATINGS
3

REVIEWS

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

  • 30 day money back guarantee!
  • Lifetime Access. No Limits!
  • Mobile Accessibility
  • Certificate of Completion