FRONTEND

Web Fundamentals

Build responsive and accessible web interfaces using core browser technologies.

~30 hours

Learning Objectives

Structure documents with semantic HTML for accessibility.
Style complex layouts using CSS Flexbox and Grid.
Manipulate the DOM dynamically using Vanilla JavaScript.

Core Topics

Semantic HTMLCSS Flexbox & GridResponsive design (Media queries)DOM manipulationBrowser events and bubbling

Practical Exercise

Create a responsive, accessible to-do list application using only HTML, CSS, and Vanilla JavaScript, ensuring it works on both desktop and mobile screens.

Recommended Learning Resources

📖 Learn by Reading

MDN Web Docs: Learn Web Development

Mozilla

The most authoritative and up-to-date documentation on HTML, CSS, and Vanilla JavaScript.

Open Official Resource →

🎥 Learn by Watching

HTML & CSS Full Course - Beginner to Pro

SuperSimpleDev • YouTube • 6:31:24

Full HTML & CSS tutorial for beginners.

Watch Video →

Related Skills

HTML CSS JavaScript