Week 1 Overview

This week establishes the foundation of web development by teaching you how browsers interpret and display content. You'll learn to write semantic HTML that creates accessible, well-structured documents - the backbone of every website and web application. HTML isn't just about making things appear on screen; it's about creating meaningful structure that browsers, search engines, and assistive technologies can understand.

You'll discover how the browser parses your HTML, renders it visually, and provides tools to inspect and debug your work. By the end of this week, you'll understand the Document Object Model (DOM) - the live representation of your HTML that JavaScript can manipulate. This knowledge bridges static HTML to dynamic, interactive web experiences.

Finally, you'll get hands-on experience with DOM manipulation using JavaScript. These skills work together to create modern web experiences. Understanding how HTML structure and JavaScript interactivity connect is essential for everything you'll build in this track.

Learning Goal

Write semantic HTML5 documents using appropriate elements (header, nav, main, article, section, footer) that improve accessibility and SEO
Create accessible forms with proper labels, input types, and ARIA attributes that work with assistive technologies
Explain how browsers parse HTML and construct the DOM, and use DevTools to inspect and debug page structure
Select, modify, and create DOM elements using JavaScript to build interactive web experiences

The HackYourFuture curriculum is licensed under CC BY-NC-SA 4.0

CC BY-NC-SA 4.0 Icons

*https://hackyourfuture.net/*

Found a mistake or have a suggestion? Let us know in the feedback form.