19Frontend & webEssential

Frontend

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

For example

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

Resources

Copy prompt

Explain the difference between frontend and backend using my project as the example.

Related terms

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.

Makes the page come alive: clicks, input, data and other interaction logic.

For example

I used JavaScript so the word appears when the button is clicked.