JavaScript Tanulási Követő

🟩 1. Alapok -- A nyelv megértése

Szintaxis és változók

• var, let, const (különbségeik, scope)
• Típusok: string, number, boolean, undefined, null, object, array
• Típuskonverziók

Operátorok

• Aritmetikai: +, -, *, /, %
• Összehasonlító: ==, ===, !=, !==, <, >
• Logikai: &&, ||, !
• Ternary operator: feltétel ? ha-igaz : ha-hamis

Feltételes szerkezetek

• if, else if, else
• switch

Ciklusok

• for, while, do...while
• for...in, for...of
• break, continue

Függvények

• Függvénydeklaráció és -kifejezés
• Paraméterek, visszatérési érték
• Arrow function (()=>)
• Default paraméterek, rest (...args), spread (...tomb)

🟨 2. Objektumok és tömbök

Objektumok

• Létrehozás, kulcs-érték párok
• Objektum metódusok (Object.keys, Object.values, stb.)
• Objektum destructuring

Tömbök

• Alapműveletek: push, pop, shift, unshift, slice, splice
• Iterálás: for, forEach, map, filter, reduce, find, some, every
• Tömb destructuring

🟧 3. Haladó JavaScript

Scope és hoisting

• Funkcionális scope
• Blokkszintű scope
• Hoisting működése

Closures

• Függvények és lexikális scope
• Privát változók létrehozása

Callback-ek és időzítés

• setTimeout, setInterval
• Callback függvények

ES6+ funkciók

• Destructuring
• Template literals (`Hello ${name}`)
• Spread/rest operátor
• Modul rendszer (import, export)
• Short-circuiting, optional chaining (?.)

🟦 4. DOM kezelés és események

DOM kiválasztás

• .getElementById, .querySelector, .querySelectorAll

Eseménykezelés

• .addEventListener()
• event.target, event.currentTarget, event.which
• event.preventDefault(), stopPropagation()

DOM módosítás

• .innerText, .innerHTML, .classList.add/remove/toggle
• Elem létrehozása: document.createElement()
• Elem beszúrása: appendChild, prepend, remove()

🟫 5. Objektumorientált JavaScript (OOP)

• Konstruktor függvények
• class, constructor, this
• Példányosítás new kulcsszóval
• Öröklődés (extends, super)
• Statikus metódusok

🟥 6. Aszinkron JavaScript

• Callback hell
• Promises (new Promise, .then, .catch)
• async / await
• try/catch hibakezelés

🟪 7. Böngésző API-k, gyakorlati dolgok

• fetch API (HTTP kérés küldése)
• Helyi tárolás (localStorage, sessionStorage)
• JSON kezelés: JSON.stringify, JSON.parse
• Űrlapok kezelése, validáció

🟫 8. Moduláris JavaScript és projektstruktúra

• Modulok használata (export, import)
• Fájlstruktúra React-hoz előkészítve
• Egyszerű build eszközök (pl. Vite, Webpack ismerkedés)

🧠 Bónusz: Git, Debug, DevTools

• Alap git parancsok: clone, commit, push, pull
• Branch kezelés, GitHub használata
• Chrome DevTools használata (Console, Sources, Network)
• Hibakeresés, breakpointok