HTML for Programmers
1h 9mIntermediate2023-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
Introduction
- Enhancing your web developer skills
- Who this course is for
- Using GitHub Codespaces with this course
HTML Foundations
- What is HTML
- Anatomy of an HTML element
- Inline vs. block elements
- Nesting elements
- Non-semantic elements
- Semantic HTML and accessibility
Scaffolding an HTML Page
- Anatomy of an HTML page
- Landmark elements
- Text content
- Forms
- Tables
- Media content
HTML in Practice
- Code comments
- Debugging HTML
- Working with CSS
- Working with JavaScript
HTML Challenges
- Create a blog post list
- Create a class schedule
- Create an office hours schedule
- Create a flower delivery form
HTML and JavaScript
- The DOM
- Dynamically generate HTML elements with JavaScript
- Attach JavaScript events to HTML elements
Conclusion
- Moving forward