WEBVTT

00:00:00.000 --> 00:00:06.000
What do developers mean by frontend and backend?

00:00:06.000 --> 00:00:13.000
They describe different parts of how a website works.

00:00:13.000 --> 00:00:18.000
Follow a website request.
6 parts of the journey.

00:00:18.000 --> 00:00:30.000
The frontend meets the visitor
The browser presents the page and its controls.
Page layout · Visible content · Visitor interaction

00:00:30.000 --> 00:00:42.000
The browser sends requests
Opening a page or submitting a form can contact a server.
Requested address · Submitted information · Network connection

00:00:42.000 --> 00:00:54.000
The backend processes the task
Server-side code can check a request and apply business rules.
Request checks · Business logic · Authorised action

00:00:54.000 --> 00:01:06.000
Stored data may be involved
A database can hold content, accounts or order records.
Stored records · Data lookup · Approved updates

00:01:06.000 --> 00:01:18.000
A response returns to the browser
The frontend can show a page, result or error message.
Returned response · Visible result · Clear feedback

00:01:18.000 --> 00:01:30.000
Test both sides together
A good-looking button still needs a working action behind it.
Usable control · Successful processing · Correct final result

00:01:30.000 --> 00:01:39.000
Your checklist
The frontend meets the visitor · The browser sends requests · The backend processes the task · Stored data may be involved · A response returns to the browser · Test both sides together

00:01:39.000 --> 00:01:47.000
Check the whole journey when something breaks.
jerseyweb.je