Videó tanfolyam: JavaScript és jQuery tanulása

Üdvözöljük a végső JavaScript és jQuery kurzuson.

Ebben a videóban elmagyarázzák, mi az JavaScript, és mit nyújt nekünk.

Ebben a videóban megtanulod, hogy melyik szerkesztőt fogjuk használni, és együtt telepítjük.

Ebben a videóban bemutatjuk, hogyan használhatók a kattintások JavaScript segítségével, és hogyan működnek a változók.

Az If-állítás. Az If (fordítva: ha) nagyon gyakran használatos a programozás során. Például, amikor valamit csak akkor szeretnénk végrehajtani, ha egy adott feltétel teljesül.

Ebben a videóban tömbökről ('arrays') van szó JavaScriptben. Ezek lehetővé teszik számunkra, hogy több információt tároljunk egy változóban.

Ebben a videóban megismered a For-ciklusokat (hurok). Ezek lehetővé teszik számunkra, hogy egy adott kódot többször egymás után lefuttassunk.

Függvények olyan miniprogramok, melyeket létrehozhatunk, majd később bármikor újra használhatunk. Ha például mobiltelefonodon megnyomod a Home gombot, egy olyan függvény hívódik meg, ami visszavisz a kezdőképernyőre. Így a függvények lényegesen könnyebbé teszik a munkát.

Itt jelenik meg a kihívás eredménye (egy kvíz), valamint az HTML-alap is létrehozásra kerül.

Itt van programozva a kvíz CSS-e (kinézete).

Itt kerül programozásra és magyarázatát kapja a kvízünk JavaScript kódja.

Láttad már, hogyan működnek a függvények egy paraméterrel. Most nézzük meg, hogyan működnek a függvények több paraméterrel. Több paraméter arra szolgál, hogy ha olyan függvényt szeretnénk használni, amely több különböző változót tartalmaz. Például matematikában több érték összeadásakor.

Világszerte és helyileg változókat használunk. Összefoglalva: a globális változók azok, amelyeket a függvényeken kívül hozunk létre, a lokális változók pedig azok, amelyeket a függvényeken belül hozunk létre. Itt részletesebben megvizsgáljuk, hogyan működik ez.

A programnyelvekben lehetőség van arra, hogy funkciókat úgy hozzunk létre, hogy visszatérési értékkel rendelkezzenek. Eddig csak olyan funkcióink voltak, amelyek csak végrehajtottak valamit, de nem adtak vissza semmit, amivel tovább dolgozhatnánk. Ezért most a RETURN-t vizsgáljuk.

Ebben a cikkben matematikai operátorokat és hozzárendelési operátorokat tárgyalunk. A matematikai operátorok egyszerű dolgok, mint az összeadás, kivonás stb., a hozzárendelési operátorok lehetővé teszik egyszerű műveletek könnyű végrehajtását, például egy 5-tel való növelést. Mivel mindkettő fontos a programozásban, ezért itt tárgyaljuk ezeket a témákat.

Három (vagy négy) különböző ciklusfajta van a programozás során: a Do-while, a While és a For ciklus. A For ciklust már megismertük. Most foglalkozzunk a Do-while (lábvezérelt) és a While ciklussal (fejvezérelt).

Ebben a cikkben egy alternatívát találunk az If feltételekhez. Ez pedig a Switch (Kapcsoló) és a Case (Eset). Gyakorlatilag egy kapcsolóról van szó, amely átvált a különböző esetek között, és ahol az aktív marad, ahol van.

Már foglalkoztunk tömbökkel, de nem mentünk bele részletekbe. Sokkal többet lehet megtudni a tömbökről. A JavaScript-tömb legfontosabb tulajdonsága a elemek száma (length). A tömbnek azonban további tulajdonságai is vannak, például az index, amely információkat ad a tömb 0. pozíciójáról.

Objektumok nagyon fontosak és érdekesek a legtöbb programozási nyelvben. Alapvetően mindent lehet egyfajta objektként leírni. Vegyünk például egy olyan objektumot, amit általában az utcán látunk: egy AUTÓ. Egy autónak bizonyos tulajdonságai/jellemzői vannak, és bizonyos műveleteket képes végrehajtani.

Nézzük meg, hogyan hozhatunk létre JavaScript objektumokat. Ehhez létrehozunk egy konstruktor függvényt, valamint két példányt az objektumunkból a Head Tag-ünkben. A konstruktor függvényen belül, amelynek ugyanaz a neve, mint az objektumunknak, megmondjuk a programnak, hogy a konstruktor függvény paraméterei, amelyeket az objektum példányosításakor átadunk, pontosan az objektum értékei legyenek.

Az objektumok funkcióinak alapját az előző bemutató kódjával kezdjük, amelyben változókat hoztunk létre, amelyek minden példány létrehozásakor generálódnak.

Ebben a tutorialban megismered a Math objektumot. Ez az objektum a Math osztályon alapul, és rengeteg menő tulajdonsággal és funkcióval rendelkezik.

Ebben a videóban a Date objektumról vagy a Date osztályról van szó. Ezek olyan objektumok, amelyeket arra lehet használni, hogy beépítsük az időt egy programba. Ez nem feltétlenül az időpontot vagy a dátumot jelenti, hanem lehet időtartam is. Egy Date objektum tartalmazza az azóta eltelt időt a 1970-01-01 00:00:00 időpont óta. Különböző lehetőségek vannak arra, hogy paramétereket adjunk át a Date konstruktornak.

Ebben a videóban megtanulod, hogyan lehet JavaScript segítségével interaktív órát készíteni.

Ebben a videóban az öröklődésről és a polimorfizmusról van szó. Az objektumorientált programozás két fogalmáról.

Ebben a cikkben azt tárgyaljuk, hogy mi is a jQuery? A jQuery egy olyan JavaScript könyvtár, amely lehetővé teszi számunkra, hogy még menőbb weboldalakat készítsünk.

Itt fogsz megtanulni, hogyan kezeld könnyebben a kattintásokat jQuery segítségével.

Ebben a tutorialban megtanulhatod, hogyan lehet módosítani egy weboldal megjelenését jQuery segítségével. Ehhez könnyedén felülírhatjuk például egy mező attribútumát. Ebben a példában megváltoztathatjuk az Iframe linkjét (azaz a src/source-t), amikor az egérrel fölötte lebegünk. A kódot könnyedén módosíthatjuk és például a keretet nagyíthatjuk, ha felévisszük az egeret, úgy hogy felülírjuk a Height- és Width-attribútumot. Általánosságban ezt a módszert most lehet használni a weboldal megjelenésének egyszerű módosítására.

Az egyik nagyszerű jellemzője a jQuery-nek, hogy elhalványulhat egy elem. Ebben a példában elhalványítunk egy gombot, amint egy másik gombra kattintunk. Ehhez használjuk a FadeOut funkciót („Elhalványítás funkció“). Az elem visszaállításához használjuk a FadeIn funkciót.

Ebben a videóban a jQuery animációjával foglalkozunk. Ez valami olyasmi, ami mozog. Tehát arról gondoskodunk, hogy egy elem mozog/változik a weboldalunkon. Ehhez van egy funkció a jQuery-ben. Ez a funkció az animate() nevet viseli, és három paramétert vár.

Nézzük, mi az a jQuery UI.

Az akkordió egy widget, amely lehetővé teszi nekünk, hogy csak bizonyos részeket lássunk, ahogyan az akkordiónál is. Ez különösen hasznos, ha sok információt szeretnénk továbbítani, amelyek egy nagy szövegben túl átláthatatlanok lennének.

Ebben a tutorialban a jQuery UI-ban található rendezhető elemekről lesz szó. Ez olyan elemek, amelyek rendezhetők. Ismerheted ezt, ha olyan produktivitási weboldalakat használsz, mint a Wunderlist vagy a Trello. Az elemek rendezhetővé tétele lehetősége egy rendkívül menő funkció, amelyet sok különböző alkalmazásban használhatsz.

Néha előfordul, hogy az elem méretét szeretnénk megváltoztathatóvá tenni a felhasználó részéről. Ekkor a Resizables tökéletes választás. Ezek lehetővé teszik pontosan ezt. Az elem jobb alsó részén látható egy kis háromszög, amelyre kattintani lehet, majd ha lenyomják az egérrel, lehet nagyítani vagy kicsinyíteni.

A jQuery UI segítségével nagyon könnyen készíthetünk egy húzható elemet, amelyet ide-oda lehet húzni. Hogy ez hogyan működik, azt itt megnézzük.

A "progressbar" vagy "haladássávok" kiváló eszközök arra, hogy a felhasználónak jelezze, hogy milyen mértékben haladt el egy adott folyamatban. Például az egy online áruház értékesítési folyamatában vagy egy felmérésnél segít a felhasználónak abban, hogy lássa, hol tart az egyes lépések végrehajtásával.

Ebben a tutorialban röviden szeretnék beszélni a hatásokról a jQuery UI-ban. Ugyanis vannak olyan hűvös hatások, amelyek lehetővé teszik, hogy webhelyed még jobban nézzen ki, valamint teljesen lenyűgözzék a felhasználókat.

Ebben a videóban láthatod a kihívás eredményét. Egy Gyakran Ismételt Kérdések oldal.

Itt állítjuk össze a Gyakran Ismételt Kérdéseket (FAQ) oldalt.

Ebben a videóban bemutatják a Brain-Game-et, amelyet ebben a fejezetben programoznak.

Először foglalkozunk a játék struktúrájával és kinézetével.

Most foglalkozzunk néhány játékfunkcióval.

A játékos már elvégezheti az első lépéseket a játékban, most azonban arról gondoskodunk, hogy a játék helyesen újrainduljon és befejeződjön.

Most már csak arról van szó, hogy beillesztsük az időzítőt a játékba, hogy helyesen számoljuk a pontszámot és időben korlátozzuk a játékot. Emellett még néhány további kisebb lépést teszünk annak érdekében, hogy befejezzük a játékot.

Itt mutatják be a fejezet alkalmazását. Ez egy teendőlisták alkalmazás/weboldal.

Most készítjük el az alapokat, és megvizsgáljuk, hogyan hozhatjuk létre és szerkeszthetjük a megfelelő témát jQuery Mobile segítségével.

Mivel egy OOP megközelítést követünk, létre kell hoznunk a megfelelő architektúrát. Erről gondoskodunk itt.

Ebben a videóban hozzáadjuk az oldalakat és foglalkozunk az oldallal, ahol feladatokat hozunk létre.

Hasonlóan az elhelyezés oldalához, a szerkesztés oldala is kitöltésre és megfelelő funkcionalitásra szorul.

Most már foglalkozhatunk az építészettel és létrehozhatjuk az adatszerkezetet.

Miután már rendelkezünk az adatstruktúrával, elég könnyen hozzáférhetünk hozzá az UI-ban.

A programozásnál néhány lépés szükséges volt az "magyarázat folyamán", amit most kijavíthatunk. Emellett gondoskodunk az adatok állandó tárolásáról és befejezzük az alkalmazást.