JavaScript programozás alapjai

InformációÉrdeklődés
Tisztelt érdeklődő!
Jelenleg a tanfolyamnak nincs konkrét időpontja. Amennyiben érdeklődőként regisztrálja magát, elősegíti a tanfolyam mielőbbi megszervezését.
Várjuk jelentkezését!
Érdeklődés

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 milyen natív és kiegészítő technológiák segítik a mai Front_End fejlesztők munkáját. (HTML5-API, JQuery, Angular, stb.)

Óraszám: 32 tanóra (1 tanóra: 45 perc)
Minimum létszám: 5 fő

Tandíj: 64.000 Ft /fő + ÁFA

Kedvezmény: 3.200 Ft + ÁFA (részletek)

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.

Belépési feltétel:

HTML és CSS ismeretek[::]Programozói alapismeret előny

Felmérő teszt:
A felmérő teszteket a Pentaschool Moodle portálján tettük elérhetővé.
Minden teszthez a felhasználónév és a jelszó is: teszt
Lássuk...

Igazolás: Tanúsítvány
Időbeosztás: Aktuális kiírás szerint, lásd a fenti táblázatot
Tematika:
 
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
Egyéb JavaScript technológiák és fogalmak- HTML5 API
- AJAX, JSon
- Angular JS
- Node JS
- TypeScript


Érdekel Megosztás

Webmester kategória többi tanfolyamai: