32Frontend & webEssential

Component

A reusable, self-contained UI block such as a button, card or navbar.

For example

I built a word-card component that works on any page.

Resources

Copy prompt

Split this UI into reusable components and propose names for each.

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.