Mi a frontend és a backend? A két oldal különbsége

Frissítve: 2026. 10. 03. · 4 perc olvasás

A webfejlesztésben két oldalról beszélnek: a frontendről és a backendről. A különbség azon múlik, hogy a kód hol fut.

Frontend: a böngészőben fut

A frontend mindaz, amit a látogató lát és használ: a szöveg, a képek, a gombok, az animációk. Három fő eleme a HTML (szerkezet), a CSS (megjelenés) és a JavaScript (működés a böngészőben). A frontend kódját a látogató böngészője letölti és futtatja, ezért bárki megnézheti.

Backend: a szerveren fut

A backend a szerveren dolgozik, a látogató nem látja a kódját. Ő kezeli az adatbázist, ellenőrzi a jogosultságokat, számolja ki a rendelés összegét, és küld e-mailt. Gyakori backend nyelv a PHP, de ilyen a Python vagy a Node.js is.

Hogyan beszélgetnek egymással?

A kommunikáció HTTP-kérésekkel zajlik: a böngésző kér valamit, a szerver válaszol. Példa: a vásárló a „Kosárba" gombra kattint, a JavaScript elküld egy kérést a szervernek, a PHP ellenőrzi a terméket az adatbázisban, majd visszaküldi az új kosár tartalmát, a JavaScript pedig frissíti a számlálót.

Miért számít a különbség?

A legfontosabb szabály: a frontend adatának nem szabad hinni. A böngészőben futó kódot a látogató módosíthatja, ezért minden lényeges ellenőrzés (jogosultság, ár, érvényesség) a backenden történik. A frontend validáció csak a kényelmet szolgálja.

Mit jelent a „full-stack"?

Full-stack az a fejlesztő, aki mindkét oldalhoz ért, és az adatbázistól a felületig át tudja látni a rendszert. A webfejlesztés tanfolyamon mindkét oldalt megtanulod egyetlen projekt keretében.

Kapcsolódó cikk: hogyan működik egy webáruház a háttérben.

Szeretnéd mindezt a gyakorlatban is megtanulni?

A Webmester képzés tanfolyamán egy valódi webáruházat építesz fel a nulláról, PHP-val, MySQL-lel és JavaScripttel.

További cikkek