JavaScript tartalomjegyzék

JavaScript
Viktor

Mi az a JavaScript?

  • A JavaScript egy programozási nyelv, amelyet főként weboldalak interaktívvá tételére használunk.
  • A HTML és CSS mellett a harmadik alaptechnológia a webfejlesztésben.

Mire jó?

  • Weboldalak élővé tétele: nem csak statikus szöveg és kép.
  • Mobil- és asztali alkalmazások: pl. React Native, Electron.
  • Játékfejlesztés: böngészős játékok.
  • Teljes körű fejlesztés: Node.js segítségével szerveroldalon is használható.

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

Összetett adattípusok a JavaScriptben: String

Mit lehet csinálni JavaScriptben a stringekkel, karakterekkel? A leggyakrabban használt szövegkezelő függvények.
4

Összetett adattípusok a JavaScriptben: Tömb

Összetett adatszerkezet: tömb. Leggyakoribb tömb műveletek. Példák a tömbök használatára.
5

Összetett adattípusok a JavaScriptben: Tömb szűrés, egyéb hasznos függvények

JavaScript-ben többféle módon szűrhetjük a tömbök tartalmát. Nézzük meg a leggyakoribb módszereket! filter()
6

Összetett adattípusok a JavaScriptben: Objektumok

A JavaScript objektum (object) egy olyan adatstruktúra, amely kulcs-érték párokat (property-párokat) tartalmaz.
7

Összetett adattípusok a JavaScriptben: Map, set

Map és set használata, példák
8

Reguláris kifejezések használata a JavaScript nyelvben

Reguláris kifejezések használata a JavaScript nyelvben
9

Vezérlési szerkezetek – feltételkezelés

Feltételek kezelése. If, else ág. Feltételek kombinációja.
10

Javascript: for, for in, for of

Mi az a for ciklus? Mikor, mire használjuk? For ciklus példák.
11

Javascript: while ciklus, do while

Mi az a while ciklus? Mire jó a do .. while?
12

Hibakezelés

Kivételkezelés, avagy hibakezelés.

13

Javascript feladatok I.

Feladatok: kiíratás, adatbekérés, feltételek, ciklusok
14

Javascript feladatok II.

Feladatok: összegzés, feltétel vizsgálat, barkóba játék, matematikai függvények, dátum kezelés, szövegkezelő függvények,
15

Függvények a JavaScript-ben, Arrow functions

Függvény általános alakja, jellemzői. paraméterek. Függvény meghívása.
16

JavaScript Date függvények

A JavaScriptben a Date objektum segítségével kezelhetjük a dátumokat és időpontokat.

17

Javascript: DOM, eseménykezelés

Hogyan lehet javascript függvényekkel elérni, létrehozni, cserélni, törölni objektumokat?
18

JavaScript: űrlap elemek

Radio gomb, checkbox, select elemek kezelése
19

JavaScript: űrlap elemek kezelése

Űrlap elemek adatainak elérését, illetve az űrlap elemek tulajdonságait nézzük meg

JavaScript II.

1

JavaScript: setTimeout(), setInterval() függvények

Időzítés, példák, pontos idő megjelenítése a függvények segítségével.
2

JavaScript: JSON

JSON használata
3

Javascript: web storage

Local és session storage használata
4

Javascript: Eseménykezelés

Egyszerű feladat az onload, onfocus és onfocusout események bemutatására.
5

Javascript: callbacks

Betekintés az aszinkron programozásba..
6

Javascript: promise

Mi az a promise? Áttekintjük a promise használatát.
7

Fetch API használata

Nézzük meg, hogyan tudunk különböző szoftverek között adatokat mozgatni: az API használata.
8

Fetch API használata II.

Konkrét példa: ingatlanok adatainak manipulálása

JavaScript III.

1

JavaScript és PHP

Az űrlap értékeit elküldjük a kor.php-nek, ami kiszámolja a kör területét és kerületét, majd ebből készít egy json-t. Ezt fogja visszakapni a javascriptünk
2

JavaScript destructuring

A destructuring lehetővé teszi objektumok és tömbök elemeinek egyszerű, változókba történő kibontását.
3

JavaScript ternary operator

Rövidített feltételes kifejezés, amely az if-else szerkezet alternatívája.
4

jQuery

A jQuery egy JavaScript könyvtár. Segítségével egyszerűbben tudunk dinamikus weboldalt készíteni!

5

JavaScript Spread operator azaz …

Spread Operator (…) lehetővé teszi egy tömb vagy objektum elemeinek, illetve függvények paramétereinek egyszerűbb kezelését.
6

JavaScript modulok kezelése, export, import

A JavaScript export és import kulcsszavak…
7

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

Az Ergast api egy adott év futamainak adatait jeleníti meg.