35Frontend & webTry it now

Browser DevTools

The debugger built into the browser for inspecting structure, styles and errors.

For example

When the page did not show up, I opened DevTools to read the error.

Resources

Related terms

What users see and operate: buttons, pages, animations.

For example

The home page, buttons and cards I see are all built in the frontend.

Defines what content a page has — the skeleton of the page.

For example

I wrote a heading and a button into the page with HTML.

Controls a page's styling: colour, font, spacing and layout.

For example

I used CSS to make the button green and give it rounded corners.