Video-návod: Učenie sa JavaScriptu a jQuery

Srdečne vítame na najlepšom kurze JavaScriptu a jQuery.

V tomto videu bude vysvetlené, čo je JavaScript a čo nám prináša.

V tomto videu sa naučíte, aký editor budeme používať, a inštalujeme ho spoločne.

V tomto videu sa ukazuje, ako použiť kliknutia s JavaScriptom a ako fungujú premenné.

If-štandard. If (preložené: ak) sa používa veľmi často pri programovaní. Napríklad, keď chcete vykonať niečo len vtedy, keď je splnená určitá podmienka.

V tomto videu jde o polia v JavaScripte. Umožňujú nám ukladať viacero informácií v rámci jednej premennej.

V tomto videu sa naučíš poznávať cykly For-Loops. Tieto nám umožňujú vykonávať určitý kód opakovane za sebou.

Funkcie sú druh malého programu, ktorý môžeme kedykoľvek opätovne použiť po jeho vytvorení. Keď napríklad na svojom telefóne stlačíš tlačidlo Domov, zavolá sa funkcia, ktorá ťa vráti späť na úvodnú obrazovku. Funkcie teda výrazne uľahčujú prácu.

Tu je zobrazený výsledok výzvy (a to kvíz) a navyše je vytvorené základné HTML.

Tu sa programuje CSS (vzhľad) kvízu.

Tu je programovaný a vysvetľovaný JavaScript našeho kvízu.

Už si skôr videl/a, ako fungujú funkcie s jedným parametrom. Teraz sa pozrieme na funkcie s viacerými parametrami. Viaceré parametre sa používajú, ak chceme použiť funkciu s viacerými rôznymi premennými. V matematike napríklad pri sčítaní viacerých hodnôt.

Existujú globálne a lokálne premenné. Stručne povedané: globálne premenné sú tie premenné, ktoré sa vytvárajú mimo funkcií, a lokálne premenné sú tie, ktoré sa vytvárajú vnútri funkcií. Tu preskúmame podrobnejšie, ako to funguje.

V programovacích jazykoch je možné nastaviť funkcie tak, aby mali návratovú hodnotu. Doposiaľ sme mali len funkcie, ktoré len vykonávali akcie, ale nič nevracali, s čím by sme mohli ďalej pracovať. Preto sa teraz pozrieme na RETURN.

V tomto článku sa zaoberáme matematickými operátormi a priraďovacími operátormi. Matematické operátory sú pomerne jednoduché veci, ako sú sčítanie, odčítanie atď., priraďovacie operátory umožňujú jednoducho vykonávať jednoduché operácie, ako je zvýšenie o 5. Keďže oboje je dôležité v programovaní, oboje témy sú tu spracované.

Existujú tri (alebo štyri) rôzne druhy slučiek pri programovaní: slučka `do-while`, slučka `while` a slučka `for`. Slučku `for` sme už spoznali. Teraz sa budeme venovať slučke `do-while` (s podmienkou na konci) a slučke `while` (s podmienkou na začiatku).

V tomto článku jde o alternatívu k If podmienkam. Ide o Switch (spínač) a Case (prípad). Takže máte prakticky spínač, ktorý prepína medzi rôznymi prípadmi a zostáva pri tom, ktorý je aktívny.

Už sme sa zaoberali poliami, ale nešli sme do detailov. Je ešte veľa vecí, ktoré treba vedieť o poliach. Najdôležitejšou vlastnosťou polí v JavaScripte je počet prvkov (length). Pole však má ďalšie vlastnosti, ako napríklad index, ktorý nám poskytuje informácie o pozícii 0 v poli.

Objekty sú extrémne dôležitým a zaujímavým konceptom vo veľkom množstve programovacích jazykov. V podstate môžeme popísať všetko ako druh objektu. Predstavme si napríklad objekt, ktorý väčšinou vidíme na cestách: AUTO. Auto má určité vlastnosti a môže vykonávať určité akcie.

Pozrime sa, ako môžeme vytvárať objekty v jazyku JavaScript. Na to vytvoríme konštruktorovú funkciu a dve inštancie nášho objektu v našom head značení. V rámci konštruktorovej funkcie, ktorá má rovnaký názov ako náš objekt, hovoríme programu, že parametre, ktoré sa predávajú pri vytváraní inštancie objektu, majú byť hodnotami objektu.

Ako základ pre funkcie objektov začneme s kódom z posledného návodu, v ktorom sme vytvorili premenné, ktoré sa vytvoria pri každom vytvorení inštancie nášho objektu.

V tomto tutoriáli sa naučíte objekt Math. Ide o objekt, ktorý je založený na triede Math a prichádza s množstvom skvelých vlastností a funkcií.

V tomto videu jde o objekt "Date" alebo o triedu "Date". Ide o objekty, ktoré môžete použiť na zahrnutie času do programu. Nemusí ísť nutne o čas alebo dátum, môže to byť aj časový úsek. Objekt "Date" obsahuje čas, ktorý uplynul od okamihu 1970-01-01 00:00:00. Existujú rôzne spôsoby, ako môžete poskytnúť parametre konštruktora triedy "Date".

V tomto videu sa naučíte, ako vytvoriť interaktívny hodinky s JavaScriptom.

V tomto videu ide o dedičnosť a polymorfizmus. Dva koncepty objektovo orientovaného programovania.

V tomto článku sa zaoberáme otázkou: Čo je jQuery? jQuery je JavaScriptová knižnica, ktorá nám umožňuje vytvárať ešte krajšie webové stránky.

Tu sa učíte, ako ešte jednoduchšie spracovať klepnutia s jQuery.

V tomto tutoriáli sa naučíte, ako môžete zmeniť vzhľad webovej stránky pomocou jQuery. Na to môžeme jednoducho prepísať atribút poľa. V tomto príklade môžeme zmeniť odkaz Iframu (teda src/source), keď naň prejdeme kurzorom. Kód by sa dal ľahko upraviť a napríklad zväčšiť štvorec, keď naň klikneme, prepísaním atribútu Height a Width. Všeobecne je teraz možné tento postup využiť na zmenu vzhľadu webovej stránky bez problémov.

Jednou z fajn funkcií jQuery je možnosť rozfádnuť prvok. V tomto príklade rozfarbíme tlačidlo, keď klikneme na iné tlačidlo. Na tento účel použijeme funkciu FadeOut (funkcia „Rozfádnutie“). Pre zobrazenie prvku neskôr použijeme funkciu FadeIn.

V tomto videu sa zamýšľame nad animáciou v jQuery. Ide o niečo, čo sa hýbe. Takže sa postaráme o to, že sa prvok na našej webovej stránke pohne/zmení. Na to v jQuery existuje funkcia. Táto sa volá animate() a očakáva tri parametre.

Pozrime sa, čo je jQuery UI.

Akordión je widget, ktorý nám umožňuje vidieť len určité časti celku, podobne ako pri akordeóne. To je obzvlášť užitočné, keď chceme prenášať veľa informácií, ale vyzerajú príliš neprehľadne ako jediný veľký text.

V tomto tutoriáli ide o sortovatelné prvky v jQuery UI. Ide o prvky, ktoré je možné triediť. To poznáš, ak používaš produktivné webové stránky ako Wunderlist alebo Trello. Možnosť triediť prvky je veľmi skvelá funkcia, ktorú môžeš použiť v mnohých rôznych aplikáciách.

Občas sa stane, že chcete umožniť používateľovi zmeniť veľkosť prvku. V takom prípade sú Resizeable presne to správne riešenie. Tieto totiž umožňujú práve to. Pri elemente vidíte v pravom dolnom rohu malý trojuholník, na ktorý môžete kliknúť a potom, keď držíte stlačené tlačidlo myši, môžete tento prvok zväčšiť alebo zmenšiť.

V jQuery UI je veľmi jednoduché vytvoriť prvk pomocou funkcionalít ťahania a pustenia, ktorý je možné ťahať sem a tam. Ako na to sa pozrieme tu.

Progressbars alebo pásiky sú skvelým spôsobom, ako používateľovi ukázať, akú veľkú časť určitého procesu už absolvoval. Napríklad v procese nákupu v online obchode alebo pri ankete pomáha užívateľovi vedieť, ako ďaleko je v procese vykonávania krokov.

V tomto tutoriáli chcem stručne hovoriť o efektoch v jQuery UI. Skutočne tu sú veľmi skvelé efekty, ktoré umožňujú zlepšiť vzhľad vašej webovej stránky ešte viac a navyše úplne udiviť vašich používateľov.

V tomto videu uvidíte výsledek výzvy. Stránka s často kladenými otázkami.

Tu prekladáme stránku s otázkami a odpoveďami.

V tomto videu je predstavená hra pre mozog, ktorá je naprogramovaná v tomto kapitole.

Najprv sa postaráme o štruktúru a vzhľad hry.

Teraz sa budeme venovať niektorým funkcionalitám hry.

Hráč už môže vykonávať prvé akcie hry, teraz sa však postaráme o to, aby hra mohla byť správne reštartovaná a ukončená.

Teraz ide len o to vložiť časovač do hry, aby sme správne vypočítali skóre a obmedzili čas hry. Okrem toho urobíme ešte niekoľko ďalších menších krokov, aby sme hru dokončili.

Tu je predstavená aplikácia kapitoly. Ide sa o aplikáciu/webovú stránku na vytváranie zoznamov úloh.

Teraz vytvoríme základy a pozrieme sa, ako môžeme vytvoriť a upravovať príslušné tému pomocou jQuery Mobile.

Pretože sledujeme OOP prístup, musíme vytvoriť príslušnú architektúru. O to sa postaráme tu.

V tomto videu pridávame stránky a staráme sa o stranu, na ktorej vytvárame úlohy.

Podobne ako stránka pre vytvorenie nového záznamu, aj stránka pre úpravu musí byť vyplnená a získať príslušnú funkcionalitu.

Teraz sa môžeme znova venovať architektúre a vytvoriť dátovú štruktúru.

Keďže teraz máme našu dátovú štruktúru, môžeme ju pomerne jednoducho volať v našom užívateľskom rozhraní.

Pri programovaní bolo potrebné vykonať niekoľko krokov v "vysvetľovacom toku", ktoré teraz môžeme opraviť. Okrem toho sa staráme o trvalé ukladanie údajov a dokončujeme aplikáciu.