Alapvető JavaScript oktatóanyag

Alapok

Bevezetés JavaScript futtatása Első program JavaScriptben Programkód elemzése További példák Szkriptfájlok Több fájl Megjegyzés Fájlok gyorsítótárazása Szigorú mód Megjegyzések Változók Változók használata Több változó deklarálása Változók értékeinek módosítása Több let egy változóhoz Matematikai műveletek számokkal Matematikai műveletek változókkal Matematikai műveletek prioritása Egyenlő prioritás Csoportosító zárójelek Törtek Negatív számok Plusz változók előtt Osztási maradék Hatványozás A hatványozás prioritása Stringek Stringek összeadása String hossza Template stringek Többsoros stringek Speciális értékek undefined érték null érték true és false értékek NaN érték Infinity és -Infinity Konzol Adattípus a konzolban Hibák a konzolban Konstansok Automatikus típuskonverzió Konverzió számra Rövid konverzió számra Helytelen számok konverziója Számok kinyerése Konverzió stringre String konverzió alkalmazása Logikai típus konverzió Konverzió logikai típusra String karakterei Stringek megváltoztathatatlansága String utolsó karaktere Számjegyeket tartalmazó stringek Számjegyek elérése egy számban Műveletek változó módosítására Rövidített műveletek JavaScriptben Inkrementálás Prefix és postfix típus Pontatlan számítások prompt függvény Probléma a típusokkal a prompt-ban Kimenet a dokumentumba Gyakorlat hibák keresésére Gyakorlat műveletekre Gyakorlat formulákra

Tömbök

Bevezetés a tömbökbe Elemek lekérése A tömb hossza Elemek módosítása Tömbelemek felülírása Elemek inkrementálása Elemek hozzáadása kulcsok alapján Ritkás tömbök Elemek hozzáadása push segítségével Kulcsok változókból delete operátor Gyakorlás hibakeresésre

Objektumok

Bevezetés az objektumokba A teljes objektum megjelenítése Objektumok sztring kulcsai Objektum tulajdonságok Korlátozások az objektum kulcsokon Elemek módosítása Elemek hozzáadása Objektumok rendezetlensége Objektum kulcsok tömbje Objektum hossza Kulcsok változókból Elem elérési hiba Tulajdonság elérési hiba Számított tulajdonságok in operátor delete operátor Objektumok típusossága Tömbök objektumként Tömbök és objektumok megkülönböztetése Objektumok és primitívek Objektumok átadása referenciával Konstansok Konstansokon alapuló programozási megközelítés Gyakorlat hibák keresésére

Feltételek

if-else szerkezet Nagyobb és kisebb operátorok Egyenlőség ellenőrzése Egyenlőtlenség ellenőrzése Változók összehasonlítása Sztringek egyenlősége Sztringek és számok egyenlősége Egyenlőség érték és típus szerint Egyenlőtlenség érték és típus szerint Logikai ÉS Logikai VAGY Logikai operátorok prioritása Feltételek csoportosítása Logikai kifejezések invertálása Feltételek logikai értékekkel Értékek összehasonlítása logikai típussal Igazság ellenőrzésének rövidített formája Hamis ellenőrzésének rövidített formája Általános rövidített ellenőrzési forma Összetett feltételek rövidített formában else szerkezet opcionálissága Kapcsos zárójelek opcionálissága A zárójelek opcionálisságának problémája else if szerkezet Beágyazott if-else szerkezetek switch-case szerkezet break opcionálissága Feltételes (ternáris) operátor Logikai műveletek confirm függvény Hatókör A hatókör árnyalatai Az óra részeinek ellenőrzése Sztringek és tömbök hosszának ellenőrzése Sztring karaktereinek ellenőrzése Számjegyek ellenőrzése Osztási maradék ellenőrzése Gyakorlat hibakeresésre Gyakorlat

Ciklusok

Bevezetés for-of ciklus for-in ciklus while ciklus for ciklus for ciklus tömbökhöz Feltételek ciklusokban Számok összegének felhalmozása Elemek összegének felhalmozása Sztringek formálása Számjegyek A kapcsos zárójelek elhagyhatósága A zárójelek elhagyhatóságának problémája break utasítás continue utasítás Beágyazott ciklusok Látókör Beágyazott ciklusok és látókör Tömbök kitöltése Tömbök módosítása Objektumok kitöltése Objektumok módosítása Zászlók használata Kódolási tanácsok Hibakeresési tanácsok Gyakorlat hibák keresésére Gyakorlat

Többdimenziós struktúrák

Többdimenziós tömbök Háromdimenziós tömb Önkényes tömbök Többdimenziós tömbök bejárása Bejárás hagyományos for ciklussal Többdimenziós tömbök kitöltése Problémák többdimenziós tömbök kitöltésekor Többdimenziós tömbök kitöltése sorrendben Többdimenziós objektumok Többdimenziós objektumok bejárása Többdimenziós struktúrák Többdimenziós struktúrák bejárása Objektumok tömbje Kulcsok változókból Elemek hozzáadása tömbökhöz Elemek hozzáadása objektumokhoz

Szabványos módszerek

Hatványok Kerekítő függvények Szélsőértékek Véletlen Abszolút értékek Karakterek nagybetűssé/kisbetűssé alakítása Szövegrészek kivágása Keresés a szövegben Csere a szövegben Szöveg szétválasztása Szélső elemek Tömb részei Tömb kivágása Keresés a tömbben Objektum kulcsai Gyakorlás hibák keresésére

Egyéni függvények

Bevezetés Függvény paraméterek Több paraméter Változó paraméterek Opcionális paraméterek return utasítás Függvények szekvenciális hívása A return finomsága Ciklus és return return alkalmazása ciklusokban Trükk a return használatához Flag-ek a függvényekben Logikai operátorok a függvényekben Tanácsok a függvényekhez Gyakorlat hibák keresésére Gyakorlat függvényekre

Függvényváltozók

Globális változók Lokális változók Változónevek egybeesése Globális változók módosítása Globális változók és függvényparaméterek Név egybeesés paraméterekkel Objektum paraméterek

Függvénytípusok

Függvény forráskódja és eredménye Függvény változóként Függvény más változóba írása Függvények változókhoz rendelése Függvénynév és változónév egyezése Deklaráció típusok Függvénydeklarációk különbsége Pontosvessző függvénydeklarációnál Függvénykifejezések árnyalatai Elnevezett függvény, de Function Expression Elnevezett függvénykifejezések Hogyan ellenőrizd a függvény típusát Bal oldali kifejezés Jobb oldali kifejezés Tömb függvényekkel Objektum függvényekkel Függvényekkel rendelkező objektum alkalmazása

Beágyazott függvények

Függvények paraméterként történő átadása Elnevezett függvények Átadott függvények paraméterei Szám átadása paraméterként Alkalmazás Belső függvények Beágyazott függvények hatóköre A külső függvény paraméterei A külső és belső függvények paraméterei Azonos nevű paraméterek Függvény, amely függvényt ad vissza Tetszőleges beágyazási szint A visszaadott függvény paraméterei Callback függvények Callbakek finomságai Nyílfüggvények Nyílfüggvények alkalmazása szink. a fordítással

Zárások

Hozzáférés a külső változókhoz A függvények lexikális környezete A lexikális környezet alkalmazása Bevezetés a zárásokba Számláló zárásokkal Arculatszakadás lokális változó Arculatszakadás globális változó

IIFE

Függvény azonnali meghívása Függvény értékadása változónak Azonnal meghívott függvény alkalmazása Kerek zárójelek Paraméterek Többszöri meghívás Bevágókövek Védőpontosvessző Closure-ök és IIFE

Rekurzió

Bevezetés Példa paraméterrel Tömb elemeinek összege rekurzióval Többdimenziós struktúrák Tömb elemeinek összege Struktúrák manipulálása

Bejáró metódusok

A map metódus A forEach metódus A filter metódus Az every metódus A some metódus A find metódus fordítás, feladatok A reduce metódus fordítás, feladatok

Spread operátor

Bevezetés Összetettebb példák Extrém tömbértékek Tömbök egyesítése Stringek felbontása Számok felbontása

Rest operátor

Rest operátor Számjegyek összege Tömbök két dimenzióssá Tömbök egybefoglalása

Destruktúrálás

Tömbök destruktúrálása Tömb függvényből Tömbelemek kihagyása Tömb felesleges értékei Tömb maradéka Alapértelmezett értékek tömbökhöz Alapértelmezett függvények tömbökhöz Változók deklarálása tömbökhöz Objektumok destruktúrálása Változónevek objektumokhoz Alapértelmezett értékek objektumokhoz Változók és alapértelmezett értékek objektumokhoz Változók deklarálása objektumokhoz Függvényparaméterek Függvényparaméter objektumok destruktúrálása

Idő

A Date objektum kezelése Formázás Dátumformátum változtatása A hét napjának lekérése Dátum kiírása szavakkal Idő beállítása Timestamp formátum Különbség timestamp-ek között Dátumobjektumok különbsége Dátumok automatikus korrigálása A hónap utolsó napjának meghatározása Szökőév meghatározása Korrektesség ellenőrzése Az aktuális év napjának lekérése A következő vagy előző hónap napja A következő vagy előző év napja Időpillanatok különbsége A nap egy időpillanata A nap kezdete A nap vége Időpillanatok ciklikus ellenőrzése Gyakorlat időpillanatok lekérésére Sztring összehasonlítás Dátum összehasonlítása év nélkül Dátum intervallumba esése Dátumobjektumok összehasonlítása

A DOM bemutatása

Bevezetés DOM elemek DOM elemek lekérése Összetett DOM elem szelektorok Eseménykezelők hozzárendelése Elnevezett eseménykezelők Egy eseménykezelő több elemhez Egy esemény több kezelője Különböző események kezelői Elem szövege Elem HTML kódja Címkék attribútumai mint tulajdonságok Szövegmezőkkel való munka Szövegmezők fókusza Kivétel attribútumok Metódus- és tulajdonságláncolás A láncolás előnyei és hátrányai A this objektum A this előnye Elemcsoport lekérése Elnevezett eseménykezelők ciklusban Névtelen eseménykezelők ciklusban Eseménykezelők leválasztása Eseménykezelők leválasztása ciklusban Névtelen eseménykezelők leválasztása Tanácsok kódírás közben Gyakorlat hibák keresésére Gyakorló feladatok

Attribútumok

Attribútumok lekérésének módszere Attribútumok beállításának módszere Attribútumok eltávolításának módszere Attribútumok ellenőrzésének módszere Egyéni attribútumok Kötőjeleket tartalmazó attribútumnevek Attribútumok elérése metódusokon keresztül CSS osztályok tömbje CSS osztályok hozzáadása CSS osztályok eltávolítása CSS osztályok ellenőrzése CSS osztályok kapcsolgatása

Stílusok

Stílusok a style attribútumon keresztül Kötőjeles tulajdonságok stílusozása Kivétel az elemek stílusozásánál Stílusok CSS osztályokon keresztül A CSS osztályokkal történő stílusozás előnye Stílusok alkalmazása

Keresés

Elemek leszármazottainak megtalálása Elemek szülőinek megtalálása Az elemek összes szülőjének keresése Elemek szomszédainak keresése Elem keresése id alapján Elem keresése tag név alapján Elem keresése osztálynév alapján Keresés egy elemen belül

Csomópontok

Bevezetés Csomópontok bejárása ciklussal Csomópontok neve Csomópontok típusa Csomópontok szövege

Űrlapok

Szövegterületek kezelése Elemek letiltása Jelölőnégyzetek kezelése Érték nélküli attribútumok váltakozása Rádiógombok kezelése Change esemény Input esemény Focus és blur metódusok Gyakorlat hibakeresésre

Legördülő listák

Legördülő listákkal való munka A value attribútum legördülő listákban A kiválasztott listaelem módosítása A kiválasztott listaelem sorszáma Legördülő lista elemeinek lekérése Elemek tömbként Legördülő lista elemeivel való munka Listaelem kiválasztása A kiválasztott elem lekérése

Event objektum

Az Event objektum alapjai Esemény koordináták Esemény típusa Esemény eleme Lenyomott billentyűk lekérése Módosító billentyűk nyomon követése Alapértelmezett művelet megszakítása Események bubblingje Célelem bubbling során Események bubblingjének megállítása Több eseménykezelő egy elemen Bubbling azonnali megszakítása Esemény bubbling megállításának alkalmazása Események capturingje Eseménykezelők új elemekhez Eseménydelegálás Univerzális eseménydelegálás

Kontextus

A kontextus alapjai A kötetlen függvény kontextusa Kontextus elvesztése A kontextus probléma megoldása Megoldás változóval Megoldás paraméterrel Megoldás nyílfüggvénnyel A call metódus A call metódus paraméterekkel Az apply metódus A bind metódus

Időzítők

Időzítő indítása Számláló időzítővel Időzítő leállítása Indító gombok Többszöri indítás Leállító gombok DOM-munka Időzítők és kontextusvesztés Gyakorlat időzítőkre és DOM-ra Késleltetés a végrehajtás előtt Időzítő késleltetéssel

Elemek manipulálása

Elemek létrehozása és beszúrása Események hozzárendelése beszúráskor Elemek létrehozása ciklusban Eseménykezelők hozzárendelése ciklusban Elemek eltávolítása Beszúrás a szélére Beszúrás elé Szomszédos beszúrás Címkék szomszédos beszúrása Elemek klónozása Elemek ellenőrzése

Gyakorlat

Elemek létrehozása tömbből Gyakorlat ul listák létrehozására Táblázatok létrehozása Táblázatok szekvenciális kitöltése Táblázat létrehozása tömbből Táblázat létrehozása objektumok tömbből Sorok és oszlopok hozzáadása táblázathoz Táblázat celláinak módosítása Új elemek eltávolítása Hivatkozás elem eltávolítására Eltávolítási hivatkozások létrehozása Egyedi elem szerkesztése Szöveg elrejtése szerkesztéskor Szerkesztés elemcsoportban Eltávolítás és szerkesztés Elemek stílusának beállítása Gombok elem elrejtéséhez és megjelenítéséhez Több elem megjelenítő gombokkal Elemek aktiválása Aktiválási stílusok váltakozása Gyakorlat elemek módosítására

Függvények és a DOM

DOM elemekkel dolgozó függvények Elemcsoportokkal dolgozó függvények Callback átadása a DOM-mal való munkához Sorszám átadása callbacknek Elem átadása függvény paraméterként Elemcsoport átadása paraméterekként Függvény HTML táblázatok létrehozásához Táblázat visszaadása függvényből Függvény táblázat létrehozásához tömbből

Modulok lezárásokkal

Változó ütközések Modulok lezárásokkal Gyakorlati alkalmazás Paraméterek átadása Szülő elem átadása Modul beállítások átadása Alapértelmezett paraméterek Változók és függvények exportálása Objektum exportálása modulokban lezárásokkal Könyvtárak lezárásokkal
↑
Magyar▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
A weboldal működéséhez, elemzéshez és személyre szabáshoz sütiket használunk. Az adatfeldolgozás a Adatvédelmi irányelvek szerint történik.
összes elfogadása beállítás elutasítás