JavaScript gyorstalpaló

Videó sorozat

1. Navigációs menü megjelenítése és elrejtése

   1. const
   2. getElementById()
   3. reagálás click-re
   4. classList
   5. toogle()
   6. dev-tools
   7. commentek
   8. pontosvessző
   9. behúzás

2. Adat típusok

   1. number
   2. string
   3. boolean
   4. érték adás
   5. név választás
   6. tömb
   7. objektum
   8. const, let, (var)

3. Termékek kiíratása

   1. objektum létrehozás
   2. tömb bejárása foreach
   3. string összefűzés
   4. változók kiíratása stringbe
   5. elem HTML tartalmának felülírása és kiegészítése innerHTML

4. Kosár kezelés

   1. getElementsByClassName()
   2. length
   3. for ciklus
   4. érték növelés i++
   5. console.log()
   6. objektum elemre való hivatkozás a tömb szintaxissal cart[event.target.id]
   7. NaN
   8. undefined
   9. if, else
   10. egyenlőség vizsgálat ==
   11. objektum bejárása for - in
   12. tömb függvények: find()
   13. megjegyzések karbantartása
   14. üres string

5. Függvények

   1. általános szintaxis fat arrow függvények esetében
   2. console.log(), console.warn(), console.error()
   3. ES6 előtti függvény szintaxis
   4. paraméterek / argumentumok
   5. visszatérési értékek return
   6. változók és állandók láthatósága / elérhetősége - block scope
   7. fat arrow függvények alternatív szintaxisai

6. Függvény használat

   1. függvény extraction
   2. callback függvények
   3. document.querySelectorAll(), document.querySelector()
   4. document.getElementsByTagName()
   5. esemény kezelés dinamikusan létrehozott elemek esetén
   6. logikai igaz értékek
   7. data attribútomok használata
   8. ternary operátor

7. Hibakeresés - debugging

   1. console.log()
   2. Chrome DevTools Debugger

8. Adat lekérése a háttérben

   1. hur.webmania.cc API
   2. fetch - modern AJAX megoldás
   3. aszinkron hívások és válaszok kezelése

9. Logikai feltételek

   1. kosárba gomb elrejtése ha a termék nincs raktáron
   2. összetett logikai feltételek
   3. logikai feltétel típusok: és, vagy, egyenlő, típusos egyenlő, nem egyenlő
   4. kedvezmény számítás
   5. magic numbers

10. Events

    1. esemény típusok
    2. mouseout
    3. classList.remove(), classList.add()

11. Globális változók

    1. előtag nélküli változó dekraláció
    2. this