ByBence Academy / Webfejlesztés
Lásd át, miből áll valójában egy modern weboldal.
Nem framework-parancsokat magolunk. A cél, hogy értsd, mi történik a böngészőben, a hálózaton és a szerveren, így később bármilyen technológiát könnyebb lesz a helyére tenni.
9 tananyag
3 témakör
Vizuális és interaktív példákkal
01
A web rétegei
A legfontosabb fogalmak és a böngésző szerepe.
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?
7–10 perc
Frontend, backend és full-stack
Frontend, backend és full-stack fejlesztés: mi fut a kliensen, mi a szerveren, és hol húzódik a felelősségi határ?
7–10 perc
HTML, CSS és JavaScript szerepe
HTML, CSS és JavaScript: struktúra, megjelenés és viselkedés – és miért nem három teljesen elszigetelt réteg a modern böngészőben?
7–10 perc
Hogyan renderel a böngésző? DOM, CSSOM és paint
Mi történik a HTML letöltése után? DOM, CSSOM, layout, paint és compositing vizuális magyarázata.
7–10 perc
02
Kliens, szerver és API
A hálózati határ és a komponensek kommunikációja.
03
Rendering, build és deploy
Hogyan lesz a forráskódból gyorsan kiszolgálható production oldal.
SSR, CSR, SSG és ISR
SSR, CSR, SSG és ISR vizuálisan: mikor készül el a HTML, honnan jön az adat, és milyen trade-offot jelent SEO, frissesség és teljesítmény között?
7–10 perc
Build, bundle és deploy
Build, bundle és deploy: mi történik a forráskóddal production előtt, mit optimalizál a bundler, és mit jelent valójában egy webalkalmazás telepítése?
7–10 perc
Webalkalmazás-architektúra alapjai
Hogyan bonts rétegekre egy webalkalmazást úgy, hogy érthető, tesztelhető és bővíthető maradjon? UI, domain logika, adat és integrációk.
7–10 perc
Kapcsolódó ByBence témák
Ugyanannak a rendszernek más rétegei.
A webes fogalmak egymásra épülnek. A kapcsolódó Academy-oldalakon ugyanazt a problémát más nézőpontból tudod tovább bontani.