The Ultimate HTML Developer 2020 Edition
4.9 (435 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
13,260 students enrolled

The Ultimate HTML Developer 2020 Edition

Learn HTML/HTML5 from scratch. Practice tasks and tests included. This is a beginner-friendly course!
Highest Rated
4.9 (435 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
13,260 students enrolled
Created by Kalob Taulien
Last updated 7/2019
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 10 hours on-demand video
  • 1 article
  • 47 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
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
Expand all 104 lectures 10:06:44
+ Introduction
3 lectures 05:01

These are the project files for this course. You can download them here or on GitHub.

Project Files
00:08
+ Getting Started
24 lectures 02:36:12
Getting Started
02:44
Hello World!
06:15
Page/Tab Titles
02:28
Doctypes
03:25
Attributes
08:38
Headers
07:11
Line Breaks
06:37
Bold vs. Strong
05:02
Italics vs. Emphasis
03:43
Underline
04:17
Code Comments
09:40
Links
07:41
Internal Links
08:14
Relative Links
06:54
Images
10:14
Block Elements vs. Inline Elements
12:48
Div Elements
07:51
Lists
04:15
Introduction to Tables, Rows and Cells
10:17
Tables: Merging Cells and Columns
09:29

Extensive HTML questions to test your knowledge! 

Module 1 Quiz
34 questions
Module Summary
03:30
+ Advanced HTML
21 lectures 03:29:19
CSS Crash Course & Internal CSS
13:52
External CSS & CSS Files
10:57
Code Formatting
11:57
Bold & Italic Semantics
06:53
Head Elements
08:38
Meta Tags
07:02
Asset Pathing
14:06
Favicons
07:36
HTML Entities
08:38
Introduction to Forms
14:18
Input Elements
16:58
Textarea
11:47
Buttons
07:13
Dropdown Menus
08:37
New HTML5 Semantic Tags
13:29
Videos
11:42
Music/Audio
05:46
Introduction to Responsive Web Design
06:40

Over 100 questions to test your knowledge from Module 2.

Module 2 Quiz
48 questions
+ Your Project
2 lectures 29:09
Your Project, Part 1
17:04
Your Project, Part 2
12:05
+ The Ultimate HTML Developer 2018 Edition
53 lectures 03:19:56

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.

Preview 02:22

You will learn what HTML is, where it is used and the importance of HTML in websites.

Preview 00:35
How to Ask Great Questions
03:29
Very Important!
01:32
Developer Support Group
01:02

Editors are how you write HTML. Here are a few great editors you can use.

Preview 02:44

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.

Preview 04:12

Learn what makes up HTML, how it's written, how to insert HTML inside of HTML and practice with a few basic elements.

Preview 04:30

You will create your first HTML-based web page using the <html>, <head> and <body> elements.

Preview 02:12

Learn how to change the title in your browsers tab.

Preview 01:32

Learn what the HTML DOCTYPE is, why it's important and how to write the new standard HTML5 DOCTYPE.

Preview 01:45

An introduction into HTML attributes, what they are, and hands on practice with your first attribute.

Preview 05:55

Learn what headings are, how to write them and practice using them.

Preview 02:50

HTML is not space sensitive. In this video you learn how to add new lines and additional spaces.

HTML Line Breaks
03:31

Learn how to make some text bold and draw attention from your users.

HTML Bold
00:56

Learn how to add emphasis to your words using italics.

HTML Italics
01:07

Learn how to make underlines in HTML, what the proper HTML5 use of the underline is and practice writing it.

HTML Underline
01:59

Learn what comments are, how you can use them, when to use them and how to find them.

HTML Comments
02:26

Learn how to link from one site to another site and how to open links in a new window.

HTML Links
02:45

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 Internal Links
03:19

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 Images
05:15

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 Block vs. Inline Elements
07:06

Learn what the div element is, how it's used and how it compares to HTML5 standardized elements.

HTML Div
02:48

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 Lists
05:20

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 Tables
10:45

Learn what the DOM is, what it looks like and how it's useful to developers.

HTML DOM
02:12
Don't Forget About This!
00:48

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.

XHTML
03:06

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 Inline CSS
03:48

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 Internal CSS
06:04

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 External CSS
06:23

Learn about the class attribute and how to apply styling to it.

HTML Classes
03:21

Learn what an ID is, how the attribute works and how you apply styling to an element with an ID.

HTML ID's
05:46

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 Quotes
03:47

Learn how to write particular code, including computer code, variables, samples and keyboard input.

HTML Computer Code
02:38

Learn the difference between two types of bold and italics and how they differ between browsers and screen readers.

HTML Strong and Emphasis
04:29

Learn about more elements that go inside your <head> element.

HTML Head Elements
02:20

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 Metadata
04:42

Learn how to add a small image beside your page title in the window tab.

HTML Favicon
01:57

Learn about HTML's reserved characters and how to write special characters so they show up properly.

HTML Entities
03:33

Learn the importance behind forms.

HTML Forms
02:51

Learn about many different attributes that effect the form input elements, what they look like and how they act.

HTML Form Element Attributes
09:53

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 Input
03:39

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 Textarea
05:04

Learn how to create a submit button, a reset button and a useless button.

HTML Button
04:43

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 Select
04:52

Learn about what happens after you submit a form and how the submitted information is accessed by the server.

HTML GET
05:32

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 POST
04:08

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 Semantics
04:12

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 Video
04:23

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 Audio
03:57

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

HTML Responsive Design
06:55
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.