Számalk Oktatási és Informatikai Zrt.
Cím: 1119 Budapest, Fejér Lipót u. 70.
E-mail: training##kukac##szamalk.hu
Telefon: +36 1 491 8974
A tanfolyam a JavaScript (ECMAScript) nyelven és a Document Object Model (DOM) szabványon keresztül megismerteti a hallgatókat a kliens oldali programozás alapelveivel. Bemutatjuk a JavaScript történetét és szerepét a weboldalakon. Tisztázzuk a JavaScript-hez kapcsolódó, kicsit összekeveredett fogalmakat. Megnézzük, hogy napjainkban milyen webszabványok segítik szabályozott mederbe terelni a kliens oldali programozást, illetve azt, hogy ezeket a különböző böngészőprogramok hogyan és milyen mértékben támogatják.
Az elméleti alapok lefektetése után gyakorlati példákon keresztül megismerkedünk a modern DOM szkriptelés lehetőségeivel, az egyes elemek elérésével és manipulálásával.
A tanfolyam második részében tisztázzuk, hogy a jQuery-nek milyen szerepe lehet a weboldalon, és hogyan kapcsolódik a weboldal HTML/CSS/JavaScript rétegeihez. Megtanuljuk hogyan lehet jQuery kiválasztókat írni a DOM elemek összegyűjtéséhez, majd hogyan lehet az így összegyűjtött elemeket többszörösen manipulálni. Ezt követően megismerkedünk a jQuery eseménykezelő modelljével és animációs effektusaival. Röviden betekintünk az AJAX technológia kliens oldali használatába a jQuery-n keresztül.
A tanfolyamot azoknak az elszánt webfejlesztő jelölteknek szánjuk, akik a HTML és CSS, esetleg valamilyen CMS rendszer megismerése során ráébredtek arra, hogy manapság JavaScript tudás nélkül nem lehet boldogulni.
Stabil HTML és CSS ismeretek
Bármilyen programozási ismeret előny, de nem feltétel
- A JavaScript és a kliens oldali programozás története
- A kliens oldali szkriptek szerepe a weboldalakon
- A kliens oldali programozáshoz kapcsolódó webszabványok
- Az ECMAScript, a Browser Object Model (BOM) és a Document Object Model (DOM) fogalma, kapcsolata
- A DOM szkriptelés fogalma
- A jQuery és egyéb JavaScript könyvtárak szerepe
- JavaScript jelölése a HTML kódban
- Beágyazott kontra külső JavaScript kód
- Beépített vagy letölthető fejlesztői eszközök használata a böngészőprogramokban
- Mi a jQuery és mire használható?
- jQuery letöltése és beillesztése az oldalba
- A fejlesztői és a produkciós verzió összehasonlítása
- jQuery névtér és a jQuery "$" alias
- jQuery szintaktika
- Változók, értékadások, adattípusok, műveletek
- Döntéshozatal, értékek összehasonlítása
- Szelekciók
- Ciklusok
- Függvények
- Tömbök
- Objektumok
- Hasznos jQuery segédfüggvények
- A BOM felépítése, objektuma
- A hagyományos "DOM Level 0"
- W3C DOM (Level 1,2,3)
- DOM támogatás a böngészőkben
- Jellegzetes DOM fogalmak: fa, csomópontok, szülő-gyerek-testvér viszony
- Csomópontok közvetlen elérése id vagy jelölőelem-név alapján
- Szülő, gyermek és testvér csomópontok elérése
- Szövegcsomópontok
- DOM elemek elérése jQuery segítségével
- jQuery kiválasztók és szűrők
- jQuery objektum és wrapped set fogalma
- Elemek attribútum manipulációja
- Elemek megjelenésének manipulációja közvetlen CSS stílusmanipulációval és osztálymanipulációval
- Elemek beillesztése, másolása, áthelyezése, törlése
- Tartalom módosítása
- Többszörös manipuláció a jQuery függvények láncolásával
- Az esemény fogalma, HTML események
- Eseményfolyam modellek
- Eseménykezelési modellek a böngészőprogramokban (hagyományos, DOM Level 2, IE)
- jQuery eseménykezelés
- Egyszer lefutó időzítő
- Folyamatosan ismétlődő időzítő
- Alapszintű effektek (elrejtés, elhalványítás, stb)
- Saját animációk létrehozása
- Betekintés az AJAX technológiába
- Az XMLHttpRequest objektum
- Ajax hívások jQuery-ből
- Űrlapellenőrzés, hibakezelés
- Adatbevitelt támogató megoldások
- Az alap jQuery és a jQuery UI kapcsolata
- jQuery plugin-ek letöltése, használata