Web Foundations

Frontend skills for developers and QA engineers.

Learn how web pages are structured, styled, made interactive, debugged, and tested. This path connects HTML, CSS, JavaScript, React, browser tools, accessibility, and automation-friendly thinking.

Start HTML Learn JavaScript

Frontend Learning Path

Move through the stack in the same order the browser does: structure first, then presentation, behavior, and framework thinking.

HTML

Semantic structure, forms, links, media, tables, metadata, accessibility, and testable markup.

Open HTML

CSS

Selectors, box model, flexbox, grid, responsive design, variables, animations, and modern layout.

Open CSS

JavaScript

DOM, events, modules, async/await, fetch, browser APIs, and frontend debugging.

Open JavaScript

React JS

Components, props, state, effects, forms, API data, and testable component behavior.

Open React

Modern Topics To Master

Accessibility

Use semantic HTML, labels, keyboard flow, focus states, and readable contrast so automation and real users both win.

Responsive UI

Build layouts that work across mobile, tablet, and desktop using fluid grids and modern CSS.

Browser Debugging

Inspect DOM, network calls, console errors, storage, cookies, and performance issues.

Automation Friendly UI

Prefer accessible names, stable ids, meaningful roles, deterministic loading states, and clear error messages.