A nyelvtől a frameworkig – értsd, mi történik a kód mögött.

JavaScript alapok

JavaScript alapok kezdőknek, de nem felületesen: értékek, kifejezések, vezérlés, függvények és a nyelv helye a webplatformon.

Változók, típusok és referencia

JavaScript primitívek, objektumok, referencia és másolás: miért változik meg néha két változó egyszerre, és miért nem deep copy a spread?

Function, scope és closure

JavaScript scope és closure vizuálisan: lexical environment, függvények, callbackek és hogyan őriz meg egy closure értékeket a létrehozási környezetéből.

Promise, async és await

Promise és async/await érthetően: pending/fulfilled/rejected állapot, hibakezelés és miért nem teszi az await szinkronná a teljes programot.

JavaScript event loop

Event loop vizuálisan: call stack, task queue, microtask queue és renderelés – miért fut a Promise callback gyakran a setTimeout előtt?

DOM és eseménykezelés

DOM, event target, bubbling és capturing: hogyan jut el egy click a fában, mi az event delegation, és mikor veszélyes fölöslegesen stopPropagationt használni?

React komponensek és props

React komponens és props: deklaratív UI, komponensfa, egyirányú adatfolyam és miért legyen a render logika lehetőleg tiszta.

React state és renderelés

React state érthetően: snapshot, setState, batching, immutability és miért nem változik meg azonnal a jelenlegi renderben a state változó.

Next.js alapok

Mi a Next.js, mit ad React fölé, és hogyan kapcsolja össze a routingot, szerveroldali renderinget, adatbetöltést, buildet és deploymentet?

Next.js routing

Next.js routing alapelvek: URL struktúra, dinamikus szegmensek, nested layout gondolkodás és miért része az információs architektúrának az útvonaltervezés.

Server és Client Components

Server Components és Client Components: mi fut a szerveren, mi kerül a kliensre, mit jelent a 'use client' határ és hogyan csökkenthető a kliens JavaScript?