JavaScript programozás alapjai
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.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.)
Tandíj: 80.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.
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...
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 |