What is Frontend vs Backend?
The frontend is everything you see in a browser; the backend is the invisible logic and data storage that powers it.
Think of it like this
It's like a restaurant. The frontend is the dining room — the menus, the tables, the decor, everything designed for you. The backend is the kitchen — you never see it, but it's where your order actually gets made. The waiter carrying orders back and forth is like the requests travelling between the two.
What's happening
Summary
Frontend is the part of a website or app you see and interact with; backend is the hidden machinery that does the real work and remembers everything.
A Closer Look
The frontend runs in your browser and is built with HTML (the content), CSS (the styling), and JavaScript (the interactivity). When you click a button, fill in a form, or watch a menu slide open, that's all frontend code running on your device.
The backend runs on a server somewhere else. When you log in, the frontend sends your details to the backend, which checks your password, looks up your account in a database, and sends back the result. Developers often specialise in one side or the other — and someone who works on both is called a full-stack developer.
Common Misconceptions
- The backend is not "more important" than the frontend — a site with a brilliant backend but a confusing frontend is still unusable, and vice versa.
- Frontend doesn't just mean "design" — frontend developers write real code; designers and frontend developers are usually different roles.
- The split isn't physical in one machine — the frontend runs on your device, while the backend runs on servers that could be anywhere in the world.
How it connects
This topic ties together almost everything else on this site:
Try it yourself
On any website, right-click and choose "View page source" — that's the frontend code your browser received. Now try to find your account password in it. You can't, because that lives on the backend, which never sends it to your browser.