JAVASCRIPT - full + DHTML alapok oktatóvideók

1435 MB 10 óra 10 perc

Az alapoktól kezdve szinte minden témát átölelve, nagyon sok példán át elkészült ez az oktatóvideó. A második részében az OOP-t, azaz az Objektumorientált programozást és a DOM-ot, azaz a dokumentum-objektummodellt mutatom be elég részletesen.

PÉLDA OKTATÓVIDEÓK:

(Ez egy néhány perces részlet, mely rosszabb minőségű, mint a megvásárolható verzió) (Ez egy néhány perces részlet, mely rosszabb minőségű, mint a megvásárolható verzió)

OKTATÓVIDEÓ-LISTA

Első rész
A javascript oktatóvideók 1.: Bevezető
Előzetes
Site Létrehozása
Jegyzettömb v. Dreamweaver

A javascript oktatóvideók 2.: Alapok
Első oldal
Script elhelyezése1
Rugalmasság
Böngészők
Noscript

A javascript oktatóvideók 3.: Értékek
Általánosság
Számok
Szöveges
Globális_Lokális
Műveletek
Magasabb műveletek
Számok kinyerése
String objektum
Összefűz
Státusbár
Math objektum

A javascript oktatóvideók 4.: Szerkezetek
If és a művleti jelek
if példa
Switch
Switch példa

A javascript oktatóvideók 5.: Ciklusok
For
Do..While
For..In
With..Obj

A javascript oktatóvideók 6.: Függvények
Létrehozás
Gyakorlás

A javascript oktatóvideók 7.: Tömb
Létrehozás
Egyszerűbb megadás
Sorbarendezés
Feltöltés
Szétvágás
Egyesítés

A javascript oktatóvideók 8.: Objektumok
Tömb
Előzetes
Kétdimenziós tömb
Date
Digitóra
Formázás
Visszaszámlál
Módosítás
Math
String
Boolean
Function
Object

Második rész
A javascript oktatóvideók 9.: DOM
Ismertető
Letöltődés

A javascript oktatóvideók 10.: Objektumok
Átírás
Window Objektum1
Window Objektum2
Document Objektum
Form Objektum
Form Objektum2
Location Objektum
History Objektum
Navigator Objektum
Objektum létrehozása_1
Objektum létrehozása_2
Objektum törlése
Tulajdonságok felvétele
Tulajdonság létrehozása

A javascript oktatóvideók 11.: Eseménykezelés
Előzetes
Window
Mouse
Key
Állapotsor
Error
Egyszerű példa

A javascript oktatóvideók 12.: Framek
Frameset
JS kódok
Framekezelés
Másik hivatkozás
Több esemény
Frame betöltésének megakadályozása

A javascript oktatóvideók 13.: Formok
JS kódok
Üres?
E-mail ellenőrzése
Pozitív számok
Tizedes számok
Telefonszáma
Rádiógomb
Fókusz

A javascript oktatóvideók 14.: Állapotsor
Alapok
Villogás
Mozgó
Link

A javascript oktatóvideók 15.: Ugrások
Alap
Legördülő lista
Átalakítás
Görgetés és ugrás
Rollover

A javascript oktatóvideók 16.: Párbeszédpanelek
Alert
Prompt
Confirm

A javascript oktatóvideók 17.: Különböző típusú böngészők
Böngészők
Böngészővizsgálat

A javascript oktatóvideók 18.: Cookiek - Sütik
Alapok
Süti beállítása
Leellenőrzés
Bonyolultabb beállítás

A javascript oktatóvideók 19.: Képkezelés - animációk
Általánosságok
Előretöltés
Gombeffect készítése
Bannercsere
Összenyomás effekt
Széthúzás

OKTATÓVIDEÓK LEÍRÁSA

Első rész
A javascript oktatóvideók 1.: Bevezető
Előzetes
A JavaScriptről ejtek néhány szót.
Site Létrehozása
Egy site-ot hozok létre a fájljaimnak.
Jegyzettömb v. Dreamweaver
Megnézzük, hogyan kell jegyzettömbben kódot írni és hogyan kell Dreamweaverben.

A javascript oktatóvideók 2.: Alapok
Első oldal
Létrehoztuk első oldalunkat.
Script elhelyezése1
Megnézzük, hogy a HTML oldal melyik részébe is lehet elhelyezni a JS kódokat.
Rugalmasság
Meglátjuk, hogy szinte mindenhová lehet JS kódot írni.
Böngészők
Nem JS "kompatibilis" böngészők akár rosszul is letölthetik oldalunkat. Ezt viszont mi nem hagyhatjuk.
Noscript
Egy megjegyzést tehetünk ennek a kódnak a segítségével azon felhasználóknak, akik nem engedélyezik a javascriptet.

A javascript oktatóvideók 3.: Értékek
Általánosság
Megnézünk néhány dolgot elöljáróban a változókról.
Számok
A változók deklarálásával foglalkozunk.
Szöveges
A szöveges változókkal készítünk néhány műveletet.
Globális_Lokális
A globális és lokális változók közötti különbséget nézzük meg.
Műveletek
Az alapműveleteket nézzük át.
Magasabb műveletek
Egy kicsit bonyolódik a műveletvégzés, de nem kell tőle megijedni, megérthető.
Számok kinyerése
Megnézzük, hogyan kell stringből számokat kinyerni.
String objektum
Megnézzük az objektumok előnyös tulajdonságait.
Összefűz
Sztringeket fűzünk össze.
Státusbár
Az állapotsorba iratunk ki egy egyszerű üzenetet, majd egy kicsit animáljuk is azt.
Math objektum
Belekóstolunk a Math objektum használatába is.

A javascript oktatóvideók 4.: Szerkezetek
If és a művleti jelek
Az if szerkezetet ismerjük meg, és vele együtt megnézzük a logikai operátorokat és a műveleti jeleket is.
if példa
Az if szerkezet gyakorlására hozunk létre egy példát.
Switch
Ezt a szerkezetet is megismerjük.
Switch példa
Az előző szerkezetre láthatunk egy példát.

A javascript oktatóvideók 5.: Ciklusok
For
A for ciklust ismerjük meg.
Do..While
Ezt a fajta ciklust is megnézzük.
For..In
Ezzel hasznod dolgokat tudhatunk meg az objektumainkról.
With..Obj
Alapértelmezetté teszünk egy objektumot.

A javascript oktatóvideók 6.: Függvények
Létrehozás
Megnézzük, hogyan kell függvényt létrehozni, és hogyan kell azt használni.
Gyakorlás
Egy üdvözlő függvényt készítünk el.

A javascript oktatóvideók 7.: Tömb
Létrehozás
Egy tömböt készítünk, majd kiíratjuk a benne lévő elemeket.
Egyszerűbb megadás
A tömb elemeit egyszerűbb módon fogjuk megadni.
Sorbarendezés
A tömb egyszerűen sorba lehet rendezni.
Feltöltés
Egy tömböt létrehozunk, majd később feltöltünk.
Szétvágás
Egy string elemeit vágjuk szét és rakjuk bele egy tömbbe.
Egyesítés
Tömb elemeket lehet egy sztring-é alakítani.

A javascript oktatóvideók 8.: Objektumok
Tömb
Megtudjuk, hogy a tömb is egy objektum. Majd kipróbálunk egy metódusát.
Előzetes
A kétdimenziós tömb megértését könnyíti meg ez a videó.
Kétdimenziós tömb
Felveszünk egy ilyen tömböt, majd műveleteket végzünk rajra.
Date
A dátum objektumot nézzük meg.
Digitóra
Egy digitális órát fogunk létrehozni.
Formázás
A dátumot is és az időt is formázva íratjuk ki.
Visszaszámlál
Egy visszaszámláló scriptet készítünk el.
Módosítás
Kiíratjuk az oldalunk utolsó módosításának a dátumát.
Math
A matematikai objektumról már esett szó, ezért csak némi alkalmazást nézünk meg ebben a videóban.
String
A stringről megtudjuk, hogy nem is egy változó, hanem egy objektum.
Boolean
Ez egy logikai objektum.
Function
Ilyen objektum is létezik.
Object
Ez az objektum mindegyiknek az alapja.

Másosik rész
A javascript oktatóvideók 9.: DOM
Ismertető
Megnézzük, hogy mivel is fogunk foglalkozni ezen videó keretén belül.
Letöltődés
Átnézzük, hogy mi történik egy HTML oldal letöltődésekor.

A javascript oktatóvideók 10.: Objektumok
Átírás
Egy szöveget íratunk át a DOM segítségével.
Window Objektum1
Ezzel az objektummal kezdjük a DOM-al való ismerkedést.
Window Objektum2
Megnézünk még néhány példát ebben a témában.
Document Objektum
Ez a második objektumunk.
Form Objektum
Egy egyszerű példával vezetjük be ezt az objektumot.
Form Objektum2
A form objektumot fejezzük be, és megnézzük a hivatkozásokat is.
Location Objektum
Ezt a könnyen használható objektumot is megismerjük.
History Objektum
Ezt, az IE-ben hasznos objektumot is meglessük.
Navigator Objektum
Ezzel az objektummal is hasznos dolgokat művelhetünk.
Objektum létrehozása_1
Egy módszerrel létrehozunk egy saját objektumot, és annak egy metódusát, majd ki is próbáljuk, hogyan is működik a kódunk.
Objektum létrehozása_2
Egy másik módon hozok létre saját objektumot.
Objektum törlése
Saját objektumot, vagy annak tulajdonságát/ metódusát is lehet törölni.
Tulajdonságok felvétele
Aki megnézte az első DVD-t, annak furcsa lehetett az előző 3 videóban lévő tulajdonságmegadás. Ebben a videóban viszont a tulajdonságokat úgy vesszük fel, mint az első dvd-n.
Tulajdonság létrehozása
Új tulajdonságot hozunk létre méghozzá az objektumunk létrehozása után.

A javascript oktatóvideók 11.: Eseménykezelés
Előzetes
Megnézzük, hogy igenis, használtunk már eseménykezelőt.
Window
Az ablakokhoz kapcsolódó eseményeket nézzük meg most.
Mouse
Az egér eseménykezelését láthatjuk.
Key
A billentyűzet eseményei kerülnek előtérbe.
Állapotsor
Az állapotsorba írattunk ki bizonyos leütött karaktereket.
Error
A hiba eseménykezelését nézzük meg.
Egyszerű példa
Itt egy oldal letöltődéséhez kérjük a felhasználó beleegyezését.

A javascript oktatóvideók 12.: Framek
Frameset
Megnézzük, hogyan is épülnek fel a framek.
JS kódok
Megnézzük, hogyan hivatkozhatunk egy frame-re a JS segítségével.
Framekezelés
Most egyik frame-ből a másikba JS segítségével íratunk ki egy mondatot.
Másik hivatkozás
Egy másik hivatkozást töltünk be egy frame-be.
Több esemény
Egyszerre több frame-be is betölthetünk a JS segítségével adatokat. Ebben a videóban még arról is lesz, szó, hogy miért ne használjunk frame-ket.
Frame betöltésének megakadályozása
Megakadályozzuk azt, hogy valaki a saját frame-jébe töltse be oldalunkat.

A javascript oktatóvideók 13.: Formok
JS kódok
Megnézzük, hogyan hivatkozhatunk egy form-ra a JS segítségével.
Üres?
Leellenőrizzük azt, hogy a szövegbeviteli mezőnk üres-e vagy sem. Ha nem, akkor egy oldal megkapja a változókat, ha igen, akkor nem ugorhatunk tovább.
E-mail ellenőrzése
Az email címeket is leellenőriztetjük.
Pozitív számok
Csak pozitív egész számokat írhatunk be a szöveges beviteli mezőnkbe.
Tizedes számok
A pozitív tizedes számokat is leellenőrizhetjük.
Telefonszáma
Telefonszámellenőrző scriptet készítünk.
Rádiógomb
Rádiógombokat is ellenőrzünk.
Fókusz
Az űrlapelemeknél hasznos metódus.

A javascript oktatóvideók 14.: Állapotsor
Alapok
Az alapműveleteket végezzük el az állapotsoron.
Villogás
Az állapotsoron villogtatunk egy szöveget.
Mozgó
Az állapotsorban mozgatjuk a szöveget.
Link
Egy linkre állva másat íratunk ki az állapotsorra, mint amit valójában a böngészők kiíratnának.

A javascript oktatóvideók 15.: Ugrások
Alap
Egy alapvető scriptet készítünk el.
Legördülő lista
Egy választási lehetőséget ad majd számunkra.
Átalakítás
Az előző oldalt úgy alakítottuk át, hogy egy gomb hatására történjen meg az ugrás.
Görgetés és ugrás
Egy metódussal egyből görgethetővé tesszük oldalunkat, úgy, hogy egy gombra kattintva az oldal aljáig megyünk le folyamatosan, majd onnan visszatérünk. Egyből az oldal aljára is ugorhatunk egy másik gombra kattintva.
Rollover
Egy képre állva betöltünk egy másikat, majd leállva róla betöltődik az eredeti kép.

A javascript oktatóvideók 16.: Párbeszédpanelek
Alert
Ezzel egy kis figyelmeztető szöveget írathatunk ki a látogatóknak.
Prompt
Egy parancssoros ablakkal ismerkedünk meg.
Confirm
Megerősítő párbeszédpanelre látunk egy példát.

A javascript oktatóvideók 17.: Különböző típusú böngészők
Böngészők
A böngészőink különböző paramétereit kérhetjük le ezzel a scriptel.
Böngészővizsgálat
Ha a látogató böngészőjének a verziószáma nem felel meg a követelményeknek, lehet átirányítani valamelyik oldalra, vagy kiíratni neki egy tájékoztató üzenetet.

A javascript oktatóvideók 18.: Cookiek - Sütik
Alapok
Ebben a videóban nagyon sok dolgot meg lehet tudni a sütikről.
Süti beállítása
Egy sütit hoztunk létre.
Leellenőrzés
Egy sütit olvastatunk vissza.
Bonyolultabb beállítás
Egy fokkal nehezebb módszerrel állítok be sütiket, mint amit az előző videóban láttunk.

A javascript oktatóvideók 19.: Képkezelés - animációk
Általánosságok
Megnézzük, hogyan hivatkozik egy képre a JS.
Előretöltés
Egy képet előre is le lehet tölteni a memóriába. Egyébként sokan ezt a módszert használják.
Gombeffect készítése
Egy alap gombeffektet készítünk el.
Bannercsere
Ez a kód nagyon jó a bannerek kicserélésére, de az oldalunkon akár képeket is cserélgethetünk a segítségével.
Összenyomás effekt
Egy képet nyomunk össze többször is az oldalunkon.
Széthúzás
Az előző képet szét is húzzuk.

 

Kosárba

Rendelés

Készíts videót, és add el nálunk!!

Feliratkozás hírlevélre