JavaScript programozás alapjai
Előbb vagy utóbb minden webfejlesztő szembesül azzal, hogy a meglévő HTML és CSS ismeretei már nem elégségesek igazán interaktív és dinamikus viselkedést biztosító weboldalak elkészítéséhez. Napjainkban a HTML5 technológiák és a webalkalmazások színre lépésével ez különösen igaz. Tanfolyamunk elsősorban azoknak szól, akik ezen megfontolásból elhatározták, hogy továbblépnek a JavaScript felé, de az első lépések megtételéhez támogatást és világos iránymutatást szeretnének.
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. Megtanuljuk, hogy a felhasználói interakció és egyéb események hatására, hogyan változtathatja viselkedését a weboldal. Végezetül áttekintjük, hogy ugyanezen feladatok elvégzését hogyan egyszerűsítik az elterjedt JavaScript keretrendszerek, esetünkben a jQuery.
Tandíj: 45.000 Ft /fő + ÁFA
Most akciós áron: 30.000 Ft + ÁFA
Részletfizetés: nincs, a tandíjat egy összegben kell befizetni
Célközönség:
Alapszintű tanfolyamunkat olyan webdizájnereknek, webfejlesztőknek ajánljuk, akik eddig még egyáltalán nem, vagy csak minimálisan foglalkoztak weboldalak JavaScript programozásával.
HTML és CSS ismeretek[::]Programozói alapismeret előny
Felmérő teszt: Lássuk...
| Mi a JavaScript? | ⁃ 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 "graceful degradation" és a "progressive enhancement" elve ⁃ A JavaScript és a HTML5 kapcsolata |
| JavaScript (ECMAScript) nyelvi alapok | ⁃ 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 |
| Browser Object Model (BOM) | ⁃ A BOM felépítése, objektumai ⁃ Hasonlóságok és eltérések az egyes böngészőprogramok BOM implementációjában |
| A JavaScript kód és a HTML kód kapcsolata | - A script jelölőelem használata - Beágyazott kontra külső JavaScript kód |
| JavaScript kód nyomkövetése és hibakeresése | ⁃ Beépített vagy letölthető fejlesztői eszközök használata a böngészőprogramokban |
| Document Object Model (DOM) | ⁃ 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 |
| DOM csomópontok elérése | ⁃Csomópontok közvetlen elérésére id vagy jelölőelem-név alapján ⁃ Csomópontok közvetlen elérése HTML5 API segítségével ⁃ Szülő, gyermek és testvér csomópontok elérése ⁃ Szövegcsomópontok ⁃ Csomópont listák |
| DOM attribútum manipuláció | ⁃ Csomópont tulajdonságainak lekérése, beállítása ⁃ Inline CSS stílus manipuláció ⁃ class attribútum manipuláció |
| DOM manipuláció | ⁃ Új csomópont létrehozása, beillesztése, törlése ⁃ DOM szabványtól eltérő manipulációs lehetőségek: innerHTML és innerText ⁃ Csomópont klónozása |
| Eseménykezelés | ⁃ 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) ⁃ Diszkrét JavaScript elve ⁃ Eseményobjektumok ⁃ Szkriptfuttatás késleltetése a DOM fa betöltődéséig ⁃ Jellegzetes egér- és billentyűesemények ⁃ Jellegzetes űrlapesemények |
| Időzített események | ⁃ Egyszer lefutó időzítő ⁃ Folyamatosan ismétlődő időzítő |
| jQuery és a JavaScript könyvtárak | ⁃ A JavaScript könyvtárak szerepe ⁃ jQuery beillesztése az oldalba ⁃ Hasznos jQuery függvények ⁃ jQuery szintaktika ⁃ jQuery objektum fogalma ⁃ DOM csomópontok elérése jQuery segítségével, jQuery kiválasztók ⁃ DOM csomópont manipulációs lehetőségek jQuery segítségével ⁃ jQuery eseménykezelés ⁃ A felhasználói élmény fokozása jQuery effektekkel és animációkkal |
Webmester kategória többi tanfolyamai:
- Symfony keretrendszer használata
- Ruby on Rails
- Webmester-Programozó
- Webszerkesztés-Grafika
- XML alapismeretek
- Keresőbarát és szabványos weboldalak tervezése
- Flash ActionScript programozás
- Web-alkalmazások készítése JAVA nyelven
- Joomla Webmester
- HTML5-CSS3 a gyakorlatban
- PHP programozás
- Webdesign-Photoshop
- Joomla sminkmester (Templates)
- jQuery alapismeretek
- Wordpress webmester
- Flash szerkesztés
- Dreamweaver alapismeretek
- Rugalmas webtervezés mobil eszközökre

