jQuery alapismeretek
Tisztelt érdeklődők!
Tanfolyamainkat a jelenléti képzések mellett Élő virtuális tantermi rendszerben is szervezzük. A képzések élőben zajlanak, ugyanúgy, mintha a tanteremben ülne. Önnek csak a Webinar szoftvert kell telepíteni.
Részleteket tájékoztató oldalunkon olvashat.A jQuery napjaink legnépszerűbb, ingyenes, böngészőfüggetlen JavaScript függvénykönyvtára, amely jelentősen leegyszerűsíti szinte az összes kliens oldali programozási feladatot. A tanfolyamon résztvevők az alap jQuery és a ráépülő jQuery UI segítségével képesek lesznek elegáns, interaktivitásban gazdag, megnövelt felhasználói élményt biztosító webes felületek létrehozására.
A tanfolyam elején 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. Végezetül a jQuery UI gyűjtemény felületi komponenseinek használatával, egyedi megjelenést biztosító konfigurálásával foglalkozunk.
A tanfolyam egyes témáit a nélkülözhetetlen elméleti alapok lefektetése után olyan példákon gyakoroljuk, amelyek a hétköznapi feladatokban is gyakran előkerülhetnek.
Tandíj: 48.000 Ft /fő + ÁFA
Kedvezmény: 2.400 Ft + ÁFA (részletek)
Részletfizetés: nincs, a tandíjat egy összegben kell befizetni
Célközönség:
Alapszintű tanfolyamunkat olyan webtevezőknek, webfejlesztőknek ajánljuk, akik a jQuery elegáns, egyszerű és kulcsrakész megoldásaival szeretnének interaktív és könnyen kezelhető webes felhasználói felületeket létrehozni. Elsősorban azokat várjuk, akik a jQuery-t eddig még egyáltalán nem, vagy a működésének megértése nélkül, csak felületesen használták.
- Stabil HTML és CSS alapismeret
- Minimális szintű JavaScript és DOM alapismeret előny
- PHP vagy egyéb szerver oldali nyelv ismerete nem előfeltétel
Az aktuális kiírás szerint, lásd a fenti táblázatot!
Bevezető | 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 DOM áttekintése A "graceful degradation" és a "progressive enhancement" elve A JavaScript könyvtárak szerepe |
jQuery bevezető | ⁃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 kód nyomkövetése és hibakeresése ⁃Hasznos jQuery segédfüggvények ⁃jQuery szintaktika ⁃jQuery kód futtatása, amikor a DOM fa készen áll |
Kiválasztás | ⁃ DOM elemek elérése jQuery segítségével ⁃ jQuery kiválasztók és szűrők ⁃ jQuery objektum és wrapped set fogalma |
DOM elemek manipulációja jQuery segítségével | ⁃ Elemek megjelenésének manipulációja közvetlen CSS stílusmanipulációval és osztálymanipulációval ⁃ Elemek attribútum manipulációja ⁃ 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 |
jQuery eseménykezelés | ⁃ Esemény (event) fogalma, típusai ⁃ jQuery eseménykezelés ⁃ Eseménykezelő függvények hozzáadása elemekhez ⁃ Eseményfolyam modell, delegált eseménykezelés |
jQuery effektek és animációk | ⁃ Alapszintű effektek (elrejtés, elhalványítás, stb) ⁃ Saját animációk létrehozása |
Az AJAX technológiáról röviden | ⁃ Betekintés az AJAX technológiába ⁃ Ajax hívások jQuery-ből |
Űrlapkezelés jQuery segítségével | ⁃ Űrlapellenőrzés, hibakezelés ⁃ Adatbevitelt támogató megoldások |
A jQuery UI (User Interface) könyvtár | ⁃ Jellegzetes felhasználói felület komponensek (menük, tab fülek, dialógus ablakok, csúszkák, stb.) ⁃ Az alap jQuery és a jQuery UI kapcsolata ⁃ A jQuery UI letöltése és beillesztése az oldalba ⁃ jQuery UI komponensek konfigurálása ⁃ jQuery UI komponensek témázása, ThemeRoller használata |
jQuery bővítése egyéb plugin-ek segítségével | ⁃ jQuery plugin-ek letöltése, használata |