HTML for Programmers

1h 10mIntermediate2023-03-28

Authors

Emma Bostian

Software Engineer

Course details

It’s not surprising that HTML gets overlooked by modern programmers. Programmers often find that HTML is not much like their familiar programming language turf, but having a better understanding of this foundational web technology can enhance your skills as a web developer and allow you to create more robust web applications. In this course, Emma Bostian highlights the practical skills programmers should know about HTML—the anatomy of an HTML element, the difference between blocks and inline elements, and how to properly nest HTML elements. This course is not meant to be a complete overview of HTML—you won’t learn about every individual HTML tag—but instead a comprehensive overview of semantic HTML, showing you how to architect an accessible web page. Join Emma in this course for some hands-on experience with this essential web development language.

Skills covered

HTMLEcma InternationalWeb StandardsJavaScriptWeb DesignWeb Development ToolsFront-End Web DevelopmentPersonaWeb DevelopmentOpen Source

Concepts

0. Introduction

01 - Enhancing your web developer skills
02 - Who this course is for
03 - Using GitHub Codespaces with this course

1. HTML Foundations

04 - What is HTML
05 - Anatomy of an HTML element
06 - Inline vs. block elements
07 - Nesting elements
08 - Non-semantic elements
09 - Semantic HTML and accessibility

2. Scaffolding an HTML Page

10 - Anatomy of an HTML page
11 - Landmark elements
12 - Text content
13 - Forms
14 - Tables
15 - Media content

3. HTML in Practice

16 - Code comments
17 - Debugging HTML
18 - Working with CSS
19 - Working with JavaScript

4. HTML Challenges

20 - Create a blog post list
21 - Create a class schedule
22 - Create an office hours schedule
23 - Create a flower delivery form

5. HTML and JavaScript

24 - The DOM
25 - Dynamically generate HTML elements with JavaScript
26 - Attach JavaScript events to HTML elements

Conclusion

27 - Moving forward