Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

The Ultimate HTML Developer 2020 Edition

Learn HTML/HTML5 from scratch. Practice tasks and tests included. This is a beginner-friendly course!

Created byKalob Taulien

Last updated 7/2019

English

What you'll learn

HTML
HTML5 (the most modern version of HTML)
XHTML (the strict version of HTML)
How to get started as a web developer
I'll help you get your coding tools setup
Basic CSS
Live code written right in front of you
Tasks for practicing HTML at the end of almost every video
4 modules modules with extensive quizzes that total over 75 questions
Guidance on what to learn after HTML
Learn how to read source code of any website
The ability to create your own website with using HTML.. from scratch!
The ability to read, write and understand HTML: The structure behind every website

Course content

6 sections • 104 lectures • 10h 6m total length

Introduction1:35
What is HTML?3:18
Project Files0:08
These are the project files for this course. You can download them here or on GitHub.

Getting Started2:44
Code Editing Programs3:45
Browsers3:09
Elements8:05
Hello World!6:15
Page/Tab Titles2:28
Doctypes3:25
Attributes8:38
Headers7:11
Line Breaks6:37
Bold vs. Strong5:02
Italics vs. Emphasis3:43
Underline4:17
Code Comments9:40
Links7:41
Internal Links8:14
Relative Links6:54
Images10:14
Block Elements vs. Inline Elements12:48
Div Elements7:51
Lists4:15
Introduction to Tables, Rows and Cells10:17
Tables: Merging Cells and Columns9:29
Module 1 Quiz
Module Summary3:30

The DOM12:28
Introduction to XHTML6:08
Inline CSS4:34
CSS Crash Course & Internal CSS13:52
External CSS & CSS Files10:57
Code Formatting11:57
Bold & Italic Semantics6:53
Head Elements8:38
Meta Tags7:02
Asset Pathing14:06
Favicons7:36
HTML Entities8:38
Introduction to Forms14:18
Input Elements16:58
Textarea11:47
Buttons7:13
Dropdown Menus8:37
New HTML5 Semantic Tags13:29
Videos11:42
Music/Audio5:46
Introduction to Responsive Web Design6:40
Module 2 Quiz

Introduction2:22
Learn about your instructor and some of his history, learn about this course and what you can expect from it and learn how to get the most out of this course.
What is HTML?0:35
You will learn what HTML is, where it is used and the importance of HTML in websites.
How to Use CodePen.io2:56
How to Ask Great Questions3:29
Very Important!1:32
Developer Support Group1:02
HTML Editors2:44
Editors are how you write HTML. Here are a few great editors you can use.
HTML Browsers4:12
Browsers are the interpreters between websites and what you see. They understand the HTML and other various languages used to show you exactly what you need to see. There are 6 primary browsers and you should have all of them installed to test your pages on.
HTML Elements4:30
Learn what makes up HTML, how it's written, how to insert HTML inside of HTML and practice with a few basic elements.
Hello World2:12
You will create your first HTML-based web page using the <html>, <head> and <body> elements.
HTML Title1:32
Learn how to change the title in your browsers tab.
HTML DOCTYPE1:45
Learn what the HTML DOCTYPE is, why it's important and how to write the new standard HTML5 DOCTYPE.
HTML Attributes5:55
An introduction into HTML attributes, what they are, and hands on practice with your first attribute.
HTML Headings2:50
Learn what headings are, how to write them and practice using them.
HTML Line Breaks3:31
HTML is not space sensitive. In this video you learn how to add new lines and additional spaces.
HTML Bold0:56
Learn how to make some text bold and draw attention from your users.
HTML Italics1:07
Learn how to add emphasis to your words using italics.
HTML Underline1:59
Learn how to make underlines in HTML, what the proper HTML5 use of the underline is and practice writing it.
HTML Comments2:26
Learn what comments are, how you can use them, when to use them and how to find them.
HTML Links2:45
Learn how to link from one site to another site and how to open links in a new window.
HTML Internal Links3:19
Learn how to add a link to a certain part of your page. A hyperlink can scroll up or down a page for you.
HTML Images5:15
Learn how to create images, alter the width and height, add text in case the image is missing, add a border and use the image as a link.
HTML Block vs. Inline Elements7:06
All HTML elements can be categorized into two primary categories: Block elements and Inline Elements. Learn the difference between the two, how they work with each other and finish off by writing HTML and getting hands on experience.
HTML Div2:48
Learn what the div element is, how it's used and how it compares to HTML5 standardized elements.
HTML Lists5:20
Learn how to create bullet point and numbered lists, how to put a list inside another list, what happens when you misspell a closing tag and practice creating these lists on your own.
HTML Tables10:45
Learn how to create tables in HTML including adding rows and columns, changing the table width, cell padding and spacing, and border attributes. You'll also learn how to merge cells together by column and by row, group your rows and cells by it's header, body and footer. Then you'll finish up by practicing all of this.
HTML DOM2:12
Learn what the DOM is, what it looks like and how it's useful to developers.
Don't Forget About This!0:48
XHTML3:06
Surprise! You've learned XHTML from the start. That means you're better equipped and can write both HTML and XHTML now.

In this video, you'll learn what XHTML is and how to validate it.
HTML Inline CSS3:48
Learn how to add styling to a single element. This lesson includes some CSS education but you will not be tested on the CSS part of this video.
HTML Internal CSS6:04
Learn how to add internal styling to your page. Internal styling lets you write CSS once and effect multiple elements inside your page. This method is much faster than using the `style` attribute on every element.
HTML External CSS6:23
Learn how to add styling to your HTML pages by writing your code in a different file outside of your file.html page. You'll also learn how to save time by making one change that effects multiple pages, instead of multiple changes that effect just one page.
HTML Classes3:21
Learn about the class attribute and how to apply styling to it.
HTML ID's5:46
Learn what an ID is, how the attribute works and how you apply styling to an element with an ID.
HTML Quotes3:47
Learn how to add quotations and auto-indented quotes to your page in a way that both users and computers can understand. This is the first step to understanding that developers make websites for computers and humans to read.
HTML Computer Code2:38
Learn how to write particular code, including computer code, variables, samples and keyboard input.
HTML Strong and Emphasis4:29
Learn the difference between two types of bold and italics and how they differ between browsers and screen readers.
HTML Head Elements2:20
Learn about more elements that go inside your <head> element.
HTML Metadata4:42
Learn how to add additional information to your pages so search engines, scrapers and social sites can quickly understand what your page is about.
HTML Favicon1:57
Learn how to add a small image beside your page title in the window tab.
HTML Entities3:33
Learn about HTML's reserved characters and how to write special characters so they show up properly.
HTML Forms2:51
Learn the importance behind forms.
HTML Form Element Attributes9:53
Learn about many different attributes that effect the form input elements, what they look like and how they act.
HTML Input3:39
Learn how to let users type information into a certain element, how to disable the element, how to change the width of the input field, add auto focusing and how to secure a field for a password.
HTML Textarea5:04
Learn how to create multi-lined input areas, how the spacing works in a textarea and how to change the size of a textarea.
HTML Button4:43
Learn how to create a submit button, a reset button and a useless button.
HTML Select4:52
Learn how to create drop down menus, disable certain options and how to select a particular option in a drop down menu for additional influence on the users decision.
HTML GET5:32
Learn about what happens after you submit a form and how the submitted information is accessed by the server.
HTML POST4:08
Learn how to send information through a form without sharing the information in the URL bar. This is a much safer way to share information such as passwords.
HTML Semantics4:12
Learn the importance behind using the correct elements at the correct time. Browsers, search engines and other programs might be accessing your site and they need help understanding the code. Proper semantics also help other developers understand your code.
HTML Video4:23
Learn how to add videos into your HTML pages, allow/disallow the controls, force the video to automatically start playing, use up to three different video types and how to deal with browsers that don't accept HTML5 videos.
HTML Audio3:57
Learn how to add music of sound effects to your page, how to enable/disable the control bar, which three audio formats are acceptable and how to deal with browsers that don't support HTML5 audio.
HTML Responsive Design6:55
An introduction into responsive design that will allow you to create websites for laptops, desktops, mobile phones and tablets with just the knowledge you've gained in this course. By taking the action in this video you could be kickstarting your career as a web developer by many months (or possibly years!)

Requirements

You'll need a browser (you already have this) and text editor (I'll help you get this for free)

Description

The Ultimate HTML Developer 2020 Edition is the re-recorded, modernized and higher quality version of the original Ultimate HTML Developer Course.

This course is about teaching you proper HTML and HTML5. HTML is the structure behind every web page and you cannot create a website without using HTML, including mobile websites and cross-platform compatible HTML5 apps.

100% of all web development jobs require HTML knowledge. This course will take you from complete beginner to expert.

I've also designed this course in a special way to prepare you for the real world. We'll look at real life HTML code, learn how to write HTML from scratch and how to "hack" up the source code of a website.

If you are interested in becoming a web developer.. learning HTML is the first step you MUST take (it's not optional; everybody starts by learning HTML).

—

In this course you will learn everything you need to know about HTML and HTML5. Even if you know HTML, this course will teach you the ins and outs of HTML and challenge what you think you know.

This course specializes in HTML only. You will become n expert in just a few hours!

Why would you consider taking this course?

If you have an idea, want to start a company or just want to make websites for fun, this course is for you. The Ultimate HTML Developer 2020 Edition gives you all the HTML skills you will need to succeed as a web developer.

What comes with this course?

Ultra high quality video and audio, professionally developed.
Access to all the code so we can write code together.
Direct access to me. Ask questions and get help at any time.
You and me are going to be coding together.
Almost every video has a hands-on task to get real life experience and practice.
Direct face time with me. I don't hide behind the camera.
No bloat. This course has all the excess "non-sense" stripped out of it.
Guidance on what to learn after HTML.
Explanations about everything.

By the end of this course you will know as much HTML as a college student and you'll be 100% ready to move on to the next step as a professional: CSS and JavaScript.

Throughout this course you'll also be introduced to a little CSS so you'll be prepared to take your next class after this one. You'll also see a tiny bit of JavaScript. The idea is to lightly expose you to future subjects you'll be learning without overwhelming you.

—

Main project: Create a full web page

At the end of the course you'll be creating an entire web page on your own. It'll have a navigation, header, footer, side bar, blog posts, images, and a video!

Mini projects

Mini projects are "tasks" at the end of nearly every video and they give you real life experience right away. Learning in small bite-size pieces has been proven to be the best way to learn. Watch a little video, write some code. Watch some more, write some more code.

Definitely test out everything you're learning in each lesson. It's completely safe to try anything in HTML; you can't break anything with HTML so feel free to try EVERYTHING!

—

Still not sure about this course?

Preview a bunch of lessons for free to get a clear idea of what you can expect from every video.

Who this course is for:

This course is intended for people who want to get into web development.
No prior education is required.
No need to purchase or install any specialized or expensive software.
If you already know HTML, this course is NOT for you.

The Ultimate HTML Developer 2020 Edition

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 5min

Getting Started24 lectures • 2hr 36min

Advanced HTML21 lectures • 3hr 29min

Your Project2 lectures • 29min

Summary1 lecture • 7min

The Ultimate HTML Developer 2018 Edition53 lectures • 3hr 20min

Requirements

Description

Who this course is for: