Mi az a webfejlesztés?
Webfejlesztés érthetően: mit csinál a frontend, a backend, a böngésző, a szerver és az adatbázis egy modern webalkalmazásban?
Röviden
A webfejlesztés böngészőben elérhető dokumentumok és alkalmazások tervezése, felépítése és üzemeltetése. Egy egyszerű landing page és egy bejelentkezéses SaaS ugyanarra a webes alapra épül, csak más mennyiségű logikát, adatot és infrastruktúrát használ.
Mit jelent a mi az a webfejlesztés??
A webfejlesztés böngészőben elérhető dokumentumok és alkalmazások tervezése, felépítése és üzemeltetése. Egy egyszerű landing page és egy bejelentkezéses SaaS ugyanarra a webes alapra épül, csak más mennyiségű logikát, adatot és infrastruktúrát használ.
Egy webalkalmazás rétegei
01
Böngésző
02
Hálózat
03
Szerver
04
Adatbázis
05
Külső API
Hogyan működik a gyakorlatban?
A felhasználó URL-t nyit meg, a böngésző hálózati kérést indít, a szerver vagy CDN választ ad, majd a böngésző HTML-ből, CSS-ből és JavaScriptből felületet készít. Dinamikus appnál közben további API-kérések, adatbázis-műveletek és háttérfolyamatok is történnek.
- Frontend: amit a böngésző futtat és megjelenít.
- Backend: szerveroldali logika, jogosultság és integrációk.
- Adatbázis: tartós állapot és kapcsolatok.
- Infrastruktúra: DNS, CDN, hosting, cache, monitoring.
Gyakorlati fejlesztői szemlélet
Tanuláskor mindig keresd meg egy funkció helyét a teljes rendszerben. Egy gomb megjelenése frontend kérdés, de hogy a gomb által indított törlés engedélyezett-e, szerver- és adatbázisoldali kérdés is.
Gyakori hibák és félreértések
- A webfejlesztést csak HTML/CSS készítésként értelmezni.
- A frameworköt összekeverni a web alapműködésével.
- A production üzemeltetést a fejlesztéstől teljesen külön világnak tekinteni.
Gyakori kérdések
Kell backend minden weboldalhoz?
Nem. Sok tartalmi oldal előre generált statikus fájlokból is működhet. Backend akkor kell, ha szerveroldali logika, privát adat, hitelesítés vagy dinamikus művelet szükséges.
Források és szabványok
A technikai részletekhez elsődleges szabványokat és karbantartott hivatalos dokumentációt használok. Frameworkök, böngészők és webes API-k idővel változhatnak, ezért implementálás előtt mindig ellenőrizd az aktuális dokumentációt is.
Kapcsolódó ByBence Academy