JS Reguláris kifejezések (RegExp)

A RegExp (Regular Expression – reguláris kifejezés) egy mintaleíró nyelv, amellyel szövegekben kereshetünk, ellenőrizhetünk, cserélhetünk és feldarabolhatunk részleteket. /hu/i lesz a reguláris kifejezés, amit keresünk. Az informatikaora.hu a minta amiben keresünk. Az „i” jelzi, hogy nem különbözeti meg a kis és nagybetűket. Általános szintaxis: /pattern/modifier flags; A reguláris kifejezéseket gyakran a string metódusokkal együtt használjuk. […]

Continue Reading

Fetch API használata II.

A Fetch API egy modern, beépített JavaScript interfész, amelyet HTTP kérések küldésére és válaszok kezelésére használunk. Célja, hogy egyszerű, ígéreteken (Promise) alapuló megoldást nyújtson az adatok lekérésére és küldésére, a régi XMLHttpRequest helyett. Mire használjuk? alapvető szintaxis: Modernebb async/await szintaxis Példa: ingatlanok Hozz létre egy új mappát, majd nyisd meg a Visual Studio Code-ban! Legyen […]

Continue Reading

JavaScript Map, Set

Set A JavaScript Set egy beépített adattípus, amely egyedi értékek tárolására szolgál. Nem engedi a duplikált elemeket. Az elemek sorrendje a hozzáadásuk sorrendjét követi (iterálható). Set létrehozása: const mySet = new Set([1, 2, 3]); add(value) Új elem hozzáadása a Set-hez mySet.add(4) delete(value) Elem törlése a Set-ből mySet.delete(2) has(value) Ellenőrzi, hogy az elem benne van-e mySet.has(3) […]

Continue Reading

JS Elemi és összetett adattípusok. Operátorok

A JavaScript dinamikusan típusos nyelv, ami azt jelenti, hogy a változó típusát nem kell előre deklarálni, és futás közben változhat. Változók típusai Egyszerű típusok Típus Leírás Példa String Szöveges adatok. let nev = „Béla”; Number Lehet egész, vagy lebegőpontos. Alapértelmezetten $64$-bites IEEE 754 lebegőpontos szám (Double). let eletkor = 70; let ar = 19.99; BigInt […]

Continue Reading

JavaScript tartalomjegyzék

Mi az a JavaScript? Mire jó? Ha érdekel a webfejlesztés, a JavaScript az első lépés az interaktív weboldalak és alkalmazások világába! JavaScript I. 1 A JavaScript alapjai, kód beillesztése, futtatása konzolon A JavaScript alapjai, kód elhelyezési lehetőségek,változók, JS futtatása konzolon 2 Elemi és összetett adattípusok a JavaScriptben Értékadás, aritmetikai és logikai műveletek, kifejezések kiértékelése 3 […]

Continue Reading

JavaScript Date

A JavaScript Dátum Objektum A JavaScriptben a Date objektum segítségével kezelhetjük a dátumokat és időpontokat. Az alapértelmezett formátum az aktuális dátum és idő, de egyéb függvények is rendelkezésre állnak a dátumok lekérésére, beállítására, illetve manipulálására. Aktuális dátum mentése Dátum létrehozása Dátum szétszedése (év, hónap, nap, hét hanyadik napja, óra, perc, mp, ms) Dátum beállítása Dátumokkal […]

Continue Reading

JS API használatának gyakorlása – F1 adatok

Készítsünk weboldalt, ami a https://ergast.com/api/f1/2000.json AP-t használja! Az api egy adott év futamainak adatait jeleníti meg. Egy konkrét futam eredményeit a https://ergast.com/api/f1/2000/1/results.json címen érhetjük el. Készítsünk egy futamok.html oldalt, ahol csúszka segítségével tudunk évszámot választani 1950-2024 között! A futamok dátumára készítünk egy hivatkozást, ami tartalmazni fogja az évszámot (season) és a kiválsztott futamot (round). Így […]

Continue Reading

JavaScript modulok kezelése, export, import

A JavaScript export és import kulcsszavakat modulok közötti adat (például változók, függvények vagy osztályok) megosztására használjuk. Ez lehetővé teszi a kód felosztását kisebb, újra felhasználható részekre, amelyeket könnyebb karbantartani és kezelni. Export típusok: Named export Lehetővé teszi több elem exportálását ugyanabból a modulból. Az importálás során a névnek pontosan egyeznie kell az exportált névvel. Importnál […]

Continue Reading

JavaScript Spread operator azaz …

A JavaScript Spread Operator (…) lehetővé teszi egy tömb vagy objektum elemeinek, illetve függvények paramétereinek egyszerűbb kezelését. Használható tömbök összefűzésére, tömbhöz új elemek hozzáadására, másolásra, objektumok egyesítésére, függvények paraméterének megadásához stb. Nézzünk néhány példát:

Continue Reading