Tartalom (6)
Unisolv Tech Series · 02
Amikor megnyitsz egy weboldalt, két világ dolgozik együtt: amit látsz, és ami a háttérben történik. Ez a frontend és a backend.
7–9 perc olvasás
Ha már olvastad a weboldal vs webapp cikket, ez a folytatás. Most azt nézzük meg, hogyan épül fel egy webes rendszer belülről — anélkül, hogy merülni kellene a technikai zsargonban.
A lényeg egyszerű: a frontend az, amivel te dolgozol. A backend az, ami a háttérben számol, ellenőriz és adatot tárol.
Mi az a frontend?
A frontend a felhasználói felület: gombok, űrlapok, menük, animációk, tipográfia. Ez az, amit a böngésző megjelenít — legyen szó bemutatkozó oldalról vagy komplex dashboardról.
A frontend tipikus feladatai
- Oldalak és képernyők megjelenítése
- Gombok, űrlapok, navigáció kezelése
- Adatok kirajzolása (táblázatok, grafikonok, listák)
- Azonnali visszajelzés: betöltés, hiba, siker
- API-k meghívása a háttérrendszer felé
Modern frontendhez gyakran használnak Reactet, Next.js-t vagy Vue-t — de a fogalom nem egy konkrét keretrendszerről szól. Arról, hogy a felhasználó mit lát és mivel tud interakcióba lépni.
Mi az a backend?
A backend a szerveroldali rész. Itt fut az üzleti logika: ki jelentkezhet be, mit írhat az adatbázisba, milyen számítás történik egy gombnyomás után.
01
Hitelesítés
Bejelentkezés, session, jogosultságok — ki mit láthat.
02
Adatbázis
Adatok tárolása, lekérése, frissítése, törlése.
03
Üzleti szabályok
Számítások, validáció, automatikus folyamatok.
04
Integrációk
Email, fizetés, külső API-k, fájltárolás.
Backendhez gyakori választás a Node.js, .NET, Go vagy Python — a lényeg ismét nem a nyelv, hanem a szerep: megbízható, biztonságos működés a felület mögött.
Mi történik, amikor megnyomsz egy gombot?
Vegyünk egy egyszerű példát: „Mentés” egy űrlapon.
- 01
Frontend
Ellenőrzi, hogy kitöltötted-e a kötelező mezőket, majd elküldi az adatokat a szervernek.
- 02
Backend
Ellenőrzi a jogokat, validálja az adatot, elmenti az adatbázisba, választ küld vissza.
- 03
Frontend újra
Megjeleníti a sikert vagy a hibát — anélkül, hogy újratöltené az egész oldalt.
Hol a határ a kettő között?
| Szolgáltatás | Idő | Ár |
|---|---|---|
| Weboldal | 2–4 hét | egyedi |
| SEO | folyamatos | csomag |
Egy egyszerű bemutatkozó oldalon a backend akár minimális is lehet (vagy teljesen hiányozhat). Egy webappnál viszont mindkét oldal komoly szerepet kap.
Miért számít ez, ha „csak” weboldalt kérsz?
Azért, mert a költséget és az időt nem a „szép design” önmagában határozza meg. Ha kell bejelentkezés, admin, foglalás vagy fizetés, az már backend munka is — és ez látszik az ajánlaton.
Ha tisztán látod a határt, könnyebb eldönteni: elég egy gyors, SEO-barát oldal, vagy valódi alkalmazást építünk.
Összefoglaló
Frontend = amit látsz és használsz. Backend = ami a háttérben dönt, számol és tárol. Egy jó webes rendszerben a kettő együtt dolgozik — nem egymás ellen.
Bizonytalan, mennyi frontend / backend kell a projektedhez?
Írd le röviden a célt — megmondom, hol van a határ, és mi a reális első lépés.