JavaScript haladó tananyag

A tananyag felépítése:

• 00-20 modul mappák:
  • README.md fájl: az adott modul szöveges összefoglalója
  • lessons mappa: a videós leckék kódjai
  • exercises mappa: feladatok automata tesztekkel (nem minden mondulnál érhető el)
  • project mappa: mini projekt feladatok (nem minden mondulnál érhető el)

Előkészületek

1. Telepítsd a NodeJS-t (válaszd az LTS verziót): https://nodejs.org/en/download/
2. Telepítsd az ESLint extensiont VS Code alá
3. Add ki az npm i parancsot

Feladatok

Az feladatok exercises mappákban találhatóak modulonként. A feladatok 4 csoportra vannak osztva nehézségi szint szerint:

• A feladatok megoldása során a start mappában kell dolgoznod minden esetben! - A kiinduló fájlok előre el vannak készítve.
• A fájlok végén az export, export default kulcsszavakkal találkozhatsz, ezeket hagyd módosítatlanul, a kódod ezek FELETT kell megírnod!
• A megadott HTML-fájlba nem kell írnod semmit, csak a JS-fájlokban dolgozz!
• A HTML-fájlok csak arra szolgálnak, hogy böngészőben is meg tudd tekinteni a megoldásod.

Tesztelés

A feladatokhoz automata tesztek tartoznak. Bármikor tesztelheted a függvényeidet az alábbi parancsok segítségével.

• npm run test:bas
• npm run test:int
• npm run test:adv
• npm run test:exp
• npm run test:functions
• npm run test:array
• npm run test:string
• npm run test:number
• npm run test:destructuring
• npm run test:date
• npm run test:other
• npm run test:storage
• npm run test:regex
• npm run test:promise
• npm run test:generators
• npm run test:objects

Az első négy a 00-algorithm gyakorló modulhoz tartozó 4 nehézségi szintű feladatsort teszteli le a többi parancs értelemszerűen az adott modulok feladatait.

Leckék

1. Változók

1. A var kulcsszóval létrehozott változók és a hoisting
2. A var kulcsszóval létrehozott változók és a hatókör (scope)
3. Variable shadowing
4. Memory leak problémák
5. Nested scope
6. A let kulcsszóval létrehozott változók és a Temporal Dead Zone
7. A let kulcsszóval létrehozott változók újradeklarálása
8. Mi is a block scope?
9. A let használata az if else vezérlési szerkezeten belül
10. A let használata a switch case vezérlési szerkezeten belül
11. A let használata ciklusoknál
12. Eseményfigyelők használata cikluson belül, let nélkül
13. Eseményfigyelők használata cikluson belül, a let használatával
14. Polyfill, transpiler
15. A const kulcsszó használata
16. Az Object.freeze() metódus használata
17. Memory lifecycle

2. Függvények

1. Függvény definíciója
2. Callback függvények
3. Closure
4. Azonnal meghívott függvénykifejezés (IIFE)
5. Az azonnal meghívott függvénykifejezés és a blokkok
6. Blokk hatókörű függvények
7. Alapértelmezett paraméter
8. Alapértelmezett paraméter objektumok esetében
9. Az arrow function-ök használata
10. Objektum mint egy arrow function visszatérési értéke
11. Arrow function mint callback
12. Arrow function mint metódus
13. Arrow function használata metóduson belül
14. A Heap és a Stack memóriaterületek

3. Tömbök

1. A forEach() metódus használata
2. A map() metódus használata
3. A filter() metódus használata
4. A reduce() metódus használata
5. A funkcionális programozás alapjai
6. A flat() metódus használata
7. A flatMap() metódus használata
8. Új metódusok: find(), findIndex(), some(), every()

4. Stringek

1. A template literal
2. Template literal használata tömbökkel
3. Új metódusok: startsWith(), endsWith(), includes(), repeat(), padStar(), padEnd(), trimStart(), trimEnd()
4. Többsoros szövegek template literal használatával
5. A spread operátor
6. A rest paraméter
7. Tagged template literal

5. Számok és a Math objektum

1. A Number.isFinite() metódus
2. A Number.isNaN() és a globális isNaN() metódus
3. Mik a safe integerek?
4. Bináris és oktális literál
5. A Math.sign() metódus
6. A Math.trunc() metódus
7. A BigInt típus

6. Adatok átstrukturálása

1. Tömbök átstrukturálása
2. Adatok felcserélése
3. Objektumok átstrukturálása
4. Objektumok átstrukturálása új változónév hozzárendelésével
5. Objektumok átstrukturálása alapértelmezett értékkel
6. Objektumok átstrukturálása új változónév hozzárendelésével és alapértelmezett értékkel

7. Dátumok

1. Date objektumok létrehozása
2. Date-metódusok
3. A get… metódusok
4. A getUTC… metódusok
5. A set… metódusok
6. Példafeladat

8. Egyéb újdonságok

1. A for of ciklus
2. Az Intl objektum, szövegek összehasonlítása lokalizáció szerint
3. Pénznem formázása lokalizáció szerint
4. Dátum formázása lokalizáció szerint
5. A Symbol típus
6. A for() metódus és a globális szimbólumnyilvántartó
7. Symbol használata objektum tulajdonságaként
8. A Map objektum és a set(), get(), has() metódusai
9. A Map objektum delete(), keys() és values() metódusai
10. A WeakMap objektum
11. A Set objektum, az add(), entries(), values(), has() metódusok és a size tulajdonság
12. A Set objektum delete(), clear() és next() metódusai
13. Objektumok tulajdonságainak egyszerűsített megadási módja
14. Objektumok metódusainak egyszerűsített megadási módja
15. Számított tulajdonságok
16. Dinamikus tulajdonságok

9. Web storage-ok

1. Cookies, azaz sütik
2. Saját sütikezeleő objektum gyártása, a setCookie() metódus megírása
3. Saját sütikezeleő objektum gyártása, a getCookie() metódus megírása
4. Saját sütikezeleő objektum gyártása, a checkCookie() és deleteCookie() metódus megírása
5. A localStorage és a sessionStorage

10. A JavaScript modul rendszere

1. Az export, és az import utasítás I.
2. Az export, és az import utasítás II.
3. Modulok exportálás más néven
4. Modulok importálás más néven
5. Az összes modul importálása más néven
6. A default export használata
7. Az export, és az export default utasítás együttes használata

11. A RegExp objektum

1. RegExp objektum létrehozása, minták készítése
2. Flagek használata
3. Adott mintával való kezdődés, adott mintára való végződés vizsgálata
4. Csoportosítás
5. A pont, mint speciális karakter
6. A plusz jel, mint speciális
7. A csillag, mint speciális karakter
8. A kérdőjel, mint speciális karakter
9. Számosság megadása
10. Metakarakterek
11. Validációs példaprogram késztése

12. Kivételkezelés

1. A try catch blokkok használata
2. Példaprogram a try catch használatára
3. A throw utasítás, és a különböző hibaobjektumok
4. A finally blokk használata
5. Kivételkezelés aszinkron függvények esetében

13. Promise

1. Promise objektumok létrehozása, a then() metódus
2. A then() metódus paraméterei
3. A catch() metódus használata
4. A finally() metódus használata
5. Több then() használata
6. Promise-ok láncolása
7. Az all() metódus bemutatása
8. Az allSettled() metódus bemutatása
9. A race() metódus bemutatása
10. Mi is az a then-able objektum?
11. A fetch API alapjai
12. Opciók megadása fetch használatánál

14. Aszinkron programozás

1. Event loop és Task Queue
2. A setTimeout() és egyéb aszinkron műveletek
3. Az XMLHttpRequest aszinkron művelet
4. Szinkron callback hell
5. Szinkron callback hell szebben
6. Aszinkron callback hell
7. Aszinkron callback hell szebben
8. Microtask Queue

15. Generátorok

1. A generátor függvényekről
2. Generátor függvény használata tömb bejárására
3. A return() metódus
4. A throw() metódus
5. A yield* utasítás
6. Egyedi azonosító, és fibonacci sorozat generálása gererátor függvények segítségével
7. Python szerű range ciklus készítése generátor függvénnyel
8. Több ajax hívás kezelése generátor függvénnyel

16. Aszinkron függvények

1. Aszinkron függvények írása
2. Az await utasítás
3. Soros és párhuzamos futtatás
4. A végrehajtási idő mérése
5. A fetch API használata aszinkron függvényekkel
6. • A callback, generátor, promise és aszinkron függvény összehasonlítása - callback
   • A callback, generátor, promise és aszinkron függvény összehasonlítása - generátor
   • A callback, generátor, promise és aszinkron függvény összehasonlítása - promise
   • A callback, generátor, promise és aszinkron függvény összehasonlítása - async/await

17. This

1. Mi is a this?
2. A this értéke globális névtérben, és függvényen belül
3. A this értéke objektum metódusban
4. A this értéke objektum metóduson belüli függvényben
5. A this értéke arrow function-ben
6. A this értéke eseményeken belül
7. A call(), és az apply() metódusok
8. A bind() metódus

18. Objektumok – haladó

1. Objektum létrehozási módok
2. A prototype tulajdonság
3. A prototype használata, magyarázata ábrával szemléltetve
4. Prototípus alapú öröklődés
5. Az öröklődés magyarázata ábrával szemléltetve I.
6. Az öröklődés magyarázata ábrával szemléltetve II.
7. Getter, és setter metódusok
8. Több getter/setter írása
9. Névadási konvenciók a get(), set() használatakor
10. Getter, és setter metódusok használata prototype-al
11. A defineProperty() metódus, és a tulajdonság leírók

19. OOP

1. A class pattern
2. "Osztály" metódusok
3. Öröklődés az extends kulcsszóval I.
4. Öröklődés az extends kulcsszóval II.
5. Getter, setter használata class patternnél
6. Statikus metódusok
7. Publikus adattagok
8. Statikus publikus adattagok
9. Privát adattagok
10. Statikus privát adattagok
11. Metódusok felülírása