JavaScript lépésről lépésre

A következő témakörök közül, a zöld színnel jelölt témakörök kerültek ez idáig feltöltésre.
További témakörök feltöltése folyamatban van.

A bevezető témaköreinek részletes, és példákkal történő bemutatása:

JavaScript tema1
- Üzenő és figyelmeztető ablakok.
  - alert() megjelenése weboldal betöltődése előtt.
  - alert üzenet megjelenítése kattintásra.
  - confirm üzenet megjelenítése kattintásra.
  - prompt( ) adatbeviteli ablak.
- Állandók és változók

JavaScript tema2
- Adatok tárolása.
  - Állandokban.
  - Változókban.
  - Tömbökben.
  - Munkamenet változókban:
    - session: sessionStorage
    - local: localStorage (COOKIE)

JavaScript tema3
- Függvényhívás paraméterátadással.
- Egymásba ágyazott függvények.
- Referencia szerinti paraméterátadás.
- Változó típusának ellenőrzése.
- Változók tartalmának ellenőrzése.

JavaScript tema5
- JavaScript szöveges műveletek meghatározásai, és kiíratásuk.
- Szövegek összefűzése ( + vagy += )
- Szövegek karakterláncának hossza (length)
- Szövegkarakterek átalakítása, kis vagy nagybetűsre / toLowerCase() vagy toUpperCase() /
- Szövegek, azaz karakterláncok, tetszőleges karakterének megjelenítése / substring() vagy charAt()
- Egy adott szöveg, azaz karakterláncon belüli szövegrész keresése /előre: indexOf(), visszafelé: lastIndexOf() /
- Szövegrészek, azaz karakterláncok vágása és újrarendezése / split ( " " ) és join ( " " ) /
- Szövegrészek, azaz karakterláncok rendezése / sort (); /
- Szövegrészek rendezése, külső js. fájl segédletével / sort ();
- Tömb és kétdimenziós tömb létrehozása new Array()
- Tömbök, melyek számokat tartalmaznak / new Array() /
- Tömbök, melyek szöveget, azaz karakterláncot tartalmaznak / new Array() /
- Tömbök, adattal történő feltöltése for ciklusból new Array() és a for ciklus
- Tömbben tárolt, adatok időzített kiíratása

JavaScript tema6
- Névjegykártya nyilvántartás.
- Üzenő függvények elkészítése.
- Egyszerű üzenő függvény.
- Többszörös üzenő függvény.

JavaScript tema7
- Az if utasítás.
- Az if utasításhoz tartozó logikai műveletek. (Az oldal alján, vannak még nem működő programok).
- Az if utasítás kiegészítője az else kulcsszó.
- Több utasítás elvégzése az if utasítás és az else kulcsszó segédletével.
- Feltétel ellenőrzése, a switch utasítás segítségével
- A for ciklus, kódrészlet többszöri lefuttatása.706
- A for ciklus, erénye, azaz fő feladata. 707
- A for ciklus, x lefutásonkénti eredményének kiíratása. 708
- A for ciklus, eredménye tömbben.715
- A while ciklus, használata. 725

JavaScript tema8
- Harmadik féltől származó, és szabadon felhasználható programkönyvtárak.

JavaScript tema9
- Melyik egérgombbal kattintottál?
- A weboldalon kattintottál az egérrel!
- A leütött karakter ASCII kódja
- A leütött karakter figyelése és kiíratása
- A hivatkozásokhoz rendelt, tájékoztató szöveg megjelenítése
  d = document. getElementById ("linkuzenet");
  d.innerHTML = " ";
- Kérdés - válasz efekt. Tesztlapokhoz, 959

JavaScript tema10
- Window location.
- window.history.
- Átiranyítás másik oldalra, új URL címre.(Window location)
- 1006. Késleltetés, időzítés, oldalfrissítés
- 1007. Időzített szöveg megjelenítése.1007

JavaScript tema11
- A form és az űrlapok.1100
- Szövegmezők.1102
- Szövegmezők kezelése 1102
- Küldő és törlő gombok. 1103
- Jelölőnégyzetek.1104
- Lenyíló listák vagy ablakok.1105
- Választógombok.1106
- Űrlap ellenőrzései.
- Űrlap továbbítása feldolgozásra.
- Űrlapok beazonosítása, adatmezők lekérdezése.
- Beírt adatok lekérdezése 1108

JavaScript tema12
- Dinamikus stílusok.
- HTML jelölőelemek beazonosítása.
- Az id azonosítóval rendelkező jelölőelemek beazonosítása.
- A class azonosítóval rendelkező jelölőelemek beazonosítása.
- Dinamikus stílusok. A dokumentum jelölőcímkével ellátott részeinek.

JavaScript tema13
- 1308. Mozgatható és elrejthető réteg
- 1309. Mozgatható réteg
- 1310. Folyamatosan mozgó HTML réteg
- 1311. Mozgatható réteg kattintásra, fokozatos elmozdulása
- 1312. Elrejtés, réteg elcsúsztatásával, azaz fokozatos elmozdulásával
- 1313. Elrejtés - felfedés. A réteg height csökkentésével, növelésével
- 1314. Változó méretű réteg, elrejtése - felfedése. (offsetHeight)

JavaScript tema14
- Az id azonositóval rendelkező jelölőelem, azaz objektum elrejtés, felfedés
- Címsorok elrejtés, felfedés 1420.
- Bekezdések elrejtés, felfedés 1421.
- Div szakaszok elrejtés, felfedés 1422.
- Táblázat elrejtés, felfedés 1423.
- A class azonositóval rendelkező jelölőelem, azaz objektum elrejtés, felfedés 1410.
- Navigációs fa 1429.
- Navigáció vagy tájékoztató, div szakaszokkal. 1430.

JavaScript tema18
- Betű és háttérszín a kijelölőknek (var változónév = document.getElementsByTagName("p") )
- Általános jelölőelemek keresése modosítása, document.getElementsByTagName(......), belső js programmal
- Általános Jelölőelemek keresése módosítása, document.getElementsByTagName(......), külső js programmal
- Egyedi id azonosítóju jelölőelemek keresése módosítása, document.getElementById(....), belső js programmal

JavaScript tema19
- ÓRA Számlapja és mutatói
- Animaciók
- 1956 Változó pozícióba mozgás
- 1957 Derékszög mozgás
- 1958 Négyszög kerületének, folyamatos körbejárása

JavaScript tema30
- Nyomtatható minta oldalak, példák
- Magyar billentyűzeten írt dokumentum, nyomtatható formátum 3004
- Angol billentyűzeten írt dokumentum, nyomtatható formátum 3005

JavaScript tema34
- Vízszintes és függőleges Vonal 3405
- Ferde vonal, document.write segédletével 3406
- Ferde vonal, for ciklus segédletével 3407
- Képkockás ferde vonal, for ciklus segédletével 3408
- Ferde vonal, for ciklus segédletével (sin és cos) 3409
- Tetszőleges fokban történő vonal megjelenítése (sin és cos) 3410
- Tetszőleges fokban, fotó minőségű vonal 3420
- Fotó minőségű vonalak, kör mentén történő megjelenítése, 360 fokban 3421
- Fotó minőségű vonalak mozgatása egy adott kör mentén.3424
- Fotó minőségű vonalak, egy adott pontból kiindulva, megjelenítésük 360 fokban 3422
- Fotó minőségű vonalak mozgatása, egy adott pont körül.3425
- MÉRTAN. Fotó minőségű vonalak pozíciójának meghatározása, 360 fokban 3435
- 1. Egyenesvonalú mozgások 3414
- 2. Egyenesvonalú mozgás. Hatszög kerületén 3415
- Vonal. Mozog, mint az óra mutatója, Mozillában is működik 3416

JavaScript tema35
- Körív pontjainak, pixel léptékű kiszámolása 3502
- Körív és kör rajzolása. Csak, szabályos körökhöz, tetszőleges méretben (PITAGORAS tétel segédletével) 3503
- Körív és kör rajzolása. Tetszőleges méretben (SINUS és COSINUS segédletével) 3504
- Kocka pozíciója, köríven történő mozgásnál 3520
- Változtatható, kőr átmérője3521
- Óra számlapja, és a körforgás IE-ben és MA-ban3525

JavaScript tema40
- Szöveges animációk
- NAPTÁR Mozillában is működik
- Szivárvány szövegszínező Mozillában is működik
- Váltakozó szöveg Mozillában is működik
JavaScript tema50
- Térhatású animációk

oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

JavaScript lépésről lépésre

A következő témakörök közül, a zöld színnel jelölt témakörök kerültek ez idáig feltöltésre. További témakörök feltöltése folyamatban van.

A következő témakörök közül, a zöld színnel jelölt témakörök kerültek ez idáig feltöltésre.
További témakörök feltöltése folyamatban van.