HTML for Programmers

Get an overview of important HTML elements like form elements, text elements, tables, and media content, to enhance your skills as a web developer.

Introduction

• Enhancing your web developer skills
• Who this course is for
• Using GitHub Codespaces with this course

1. HTML Foundations

• What is HTML?
• Anatomy of an HTML element
• Inline vs. block elements
• Nesting elements
• Non-semantic elements
• Semantic HTML and accessibility

2. Scaffolding an HTML Page

• Anatomy of an HTML page
• Landmark elements
• Text content
• Forms
• Tables
• Media content

3. HTML in Practice

• Code comments
• Debugging HTML
• Working with CSS
• Working with JavaScript

4. HTML Challenges

• Create a blog post list
• Create a class schedule
• Create an office hours schedule
• Create a flower delivery form

5. HTML and JavaScript

• The DOM
• Dynamically generate HTML elements with JavaScript
• Attach JavaScript events to HTML elements

Conclusion

• Moving forward