Web Dev Foundations: HTML, CSS & JS

Online self-study + projects. Build responsive, accessible websites with semantic HTML, modern CSS, and core JavaScript.

Web Dev Foundations: HTML, CSS & JS

Course Overview

Learn the core building blocks of the web. Start with clean, semantic HTML, style with modern CSS (Flexbox, Grid), and add interactivity with JavaScript. You’ll ship mini websites, a responsive landing page, and a simple component library to build confidence in fundamentals and best practices.

What You’ll Learn

  • Semantic HTML structure and accessibility basics (landmarks, ARIA)
  • CSS fundamentals, selectors, cascade, and custom properties (variables)
  • Responsive layouts with Flexbox and CSS Grid
  • Typography, color, spacing, and design tokens
  • JavaScript essentials: DOM, events, and fetch
  • Form validation and basic client-side routing
  • Developer workflow: VS Code, Live Server, Git basics
  • Deploying static sites to modern hosts

Topics Covered

  • HTML5 semantics & landmarks
  • Media: images, video, SVG
  • CSS reset & variables
  • Flexbox & Grid layouts
  • Buttons & navigation patterns
  • Responsive units & breakpoints
  • Forms & validation
  • Accessibility checklist
  • JavaScript syntax & types
  • DOM selection & events
  • Fetch & JSON
  • Simple SPA routing
  • Componentization basics
  • Project: responsive landing page
  • Project: mini component library
  • Deploy to Netlify/Vercel

Who Is This For?

Absolute beginners and career-changers who want a practical, modern foundation for web development. No prior coding experience required.

FAQs

No. We start with the basics and build up through guided projects.

A modern browser, VS Code, and Git (optional). We’ll guide you through the setup.

Need help choosing a path?

Tell us your goals and we’ll recommend the right sequence of courses.

Talk to Us