Fogalomtár › Fejlesztői alapszavak
frontend (FE)
A frontend egy weboldal vagy alkalmazás azon része, amelyet látsz és használsz: a gombok, menük, űrlapok és minden, ami a képernyődön megjelenik.
Érthetően
Gondolj egy étteremre. A vendégtér az asztalokkal, az étlappal és a pincérrel a frontend: itt ülsz, itt rendelsz, ezt látod. A konyha, ahol az étel készül, a backend. A vendégtérből nem látsz be a konyhába, de a kettő együtt adja az éttermet.
A frontend dolga, hogy a program érthető és kényelmes legyen. Ide tartozik, hogy hol van a gomb, mekkora a betű, mi történik, ha rákattintasz valamire, és hogy ugyanaz az oldal telefonon is jól használható-e.
A frontend többnyire a te eszközödön fut, vagyis a böngésződben vagy a telefonodon. A backend ezzel szemben távoli szervereken dolgozik, ott tárolják az adatokat és ott dőlnek el a fontos kérdések, például hogy beléphetsz-e.
Az AI-eszközöknél is így van. A csevegőablak, ahová a kérdésedet írod, frontend. Maga a nyelvi modell és az agent, amely a háttérben dolgozik, nem az.
Hogyan működik
- Beírsz egy webcímet, és az eszközöd letölti a felület leírását a szerverről; a telepített alkalmazásoknál a felület nagy része már eleve ott van a telefonodon vagy a gépeden.
- A böngésző ebből három dolgot rak össze: a HTML adja az oldal szerkezetét, a CSS a kinézetét, a JavaScript pedig a viselkedését.
- Amikor kattintasz, gépelsz vagy görgetsz, a frontend azonnal reagál: megnyit egy menüt, ellenőrzi az űrlapot, animál.
- Ha adat kell (például a számlaegyenleged vagy egy keresés találatai), a frontend kérést küld a backendnek egy API-n keresztül.
- A válasz megérkezik, a frontend pedig olvasható formában megjeleníti, gyakran úgy, hogy az egész oldalt nem kell újratölteni.
Példa a mindennapokból
Megnyitod a netbankodat a telefonodon: a belépőképernyő, az egyenleget mutató kártya és az „Utalás” gomb mind a frontend része. Amikor megnyomod a gombot, a frontend elküldi a kérésedet a bank szervereinek, és az utalás már ott, a backendben történik meg.
Kit érint
Gyakori félreértés
Korlátok és kockázatok
- Ami a frontenden fut, az a te eszközödön fut, ezért hozzáértő ember megnézheti és átírhatja; a valódi biztonsági ellenőrzésnek a backendben kell történnie.
- A szép felület nem bizonyítja, hogy a szolgáltatás megbízható: az adathalász oldalak éppen a bankok és webáruházak frontendjét másolják le.
- Ugyanaz az oldal másképp viselkedhet különböző böngészőkben, régi telefonon vagy lassú interneten.
- AI-val ma percek alatt készíthetsz látványos felületet, de ettől még nem lesz mögötte működő, biztonságos rendszer.
Hasonló, de nem ugyanaz
- backend – A backend a háttérben, szervereken futó rész, amely az adatokat tárolja és a szabályokat érvényesíti; ezt közvetlenül soha nem látod.
- felhasználói felület (UI) – A felhasználói felület az, amit a képernyőn látsz, a frontend pedig az a kód és technika, amely ezt megjeleníti és működteti.
- webdizájn – A webdizájn a felület megtervezése, a frontendfejlesztés pedig a terv megvalósítása működő programként.
Kapcsolódó fogalmak
szoftverfejlesztés, webfejlesztés, alkalmazás
HTML, CSS, JavaScript, reszponzív dizájn
Röviden a története
A HTML, a weboldalak leírónyelve az 1990-es évek elején született meg Tim Berners-Lee munkája nyomán, a JavaScript pedig 1995-ben jelent meg a Netscape böngészőben. Ahogy a weboldalak egyre összetettebbé váltak, a felület és a háttérrendszer fejlesztése fokozatosan két külön szakterületre vált szét.
Hol tart most
A frontend a szoftverfejlesztés bevett alapfogalma és önálló szakterülete. 2026 végén a kódoló agentek már szöveges leírásból is készítenek működő felületet, de a minőség, a biztonság és az akadálymentesség ellenőrzése továbbra is emberi feladat.
Más nevei
frontend · front-end · front end · FE · kliensoldal · client-side · frontendfejlesztés
Források
A szócikk gépi szerkesztéssel készült és gépi szakmai lektoráláson ment át; a „hírekben” rész az Agent Age sztorijaiból automatikusan frissül.