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
- Mi az a PHP? Bevezetés kezdőknek
- PHP vagy WordPress? Melyiket válaszd weboldalkészítéshez?
- Hogyan működik egy webáruház a háttérben?
- Mi az a MySQL? Adatbázis-kezelés kezdőknek
- Miért fontos az adatbázis egy weboldalnál?
- Hogyan készül egy webáruház? A tervezéstől az indulásig
- Mi az a Stripe, és hogyan fogad vele fizetést egy webshop?
- Hogyan működik egy online bankkártyás fizetés?
- Hogyan kerül egy weboldal éles tárhelyre? Lépésről lépésre
- Mi az SSL, és miért kell a weboldalnak HTTPS?
- Hogyan működik a domain? DNS, regisztrátor, tárhely
- Mit tanuljak webfejlesztéshez kezdőként? Tanulási sorrend