Veľkonočná akcia je tu a s ňou aj extra kredity ZADARMO na náš interaktívny e-learning. Dobij si teraz kredity a posuň sa vo svojej kariére vpred!
Zarábaj až 6 000 € mesačne! Akreditované rekvalifikačné kurzy od 0 €. Viac informácií.

Diskusia – 28. diel - Časovače a animácie v JavaScripte

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Avatar
Radim Štross
Tvůrce
Avatar
Radim Štross:20.2.2024 17:39

Děkujeme za vaše podněty. Lekci jsme aktualizovali :-)

 
Odpovedať
20.2.2024 17:39
Avatar
Míra Běloch
Člen
Avatar
Míra Běloch:26.3.2024 13:17

Má tato lekce dnes ještě smysl, když se na animace používá GSAP?

 
Odpovedať
26.3.2024 13:17
Avatar
Miroslav Ostrihoň
Člen
Avatar
Miroslav Ostrihoň:22.5.2024 18:25

Měl jsem problémy sestavit kódy příkladů dle tutoriálu. Možná podrobněji popisovat, kam se která část kódu má umístit. Příklad "padajícího listí" se mi rozběhl, až po opravě dle připojeného balíku kódů a po záměně "load" za "DOMContentLoaded".

 
Odpovedať
+3
22.5.2024 18:25
Avatar
Kateřina Rampulová
Člen
Avatar
Kateřina Rampulová:13.6.2024 14:10

kam se prosím vepíše tento kód (u padajícího listí) ?

document.body­.style.backgrou­ndColor = "red";

I po stažení vzoru tento kód nikde nevidím... možná už jsem přetažená :-)

 
Odpovedať
+2
13.6.2024 14:10
Avatar
Lumír RAJSKÝ
Člen
Avatar
Lumír RAJSKÝ:28.6.2024 0:42

Popis složitější animace (listy), je dost matoucí a taky výsledný kód není správně a je nefunkční. Ten správný a funkční, je ke stažení až v zazipované verzi.

 
Odpovedať
28.6.2024 0:42
Avatar
Vendula Hrstková
Člen
Avatar
Vendula Hrstková:28.6.2024 8:06

Já už se u tohoto kurzu musím smát. Dvě základní funkce - setInterval() a setTimeout(). V příkladech použitá jen ta první. Ještě k tomu příklad s chybou. Tu druhou si pro jistotu vůbec neukážeme.
Tvůrci, já Vám řeknu, jak vypadá studium. Píšu, zkoumám, opisuju, nakonec to nefunguje. Tak se vracím. Hledám, kde mám chybu. Nemůžu ji najít. Po víc jak hodině zjistím, že tam máte chybu vy. Časová dotace na celý kurz Základy JS 14 hod. Fakt máte pocit, že je to reálné?

 
Odpovedať
+10
28.6.2024 8:06
Avatar
Libor Vozka
Člen
Avatar
Odpovedá na Miroslav Ostrihoň
Libor Vozka:2.8.2024 16:51

Zdravím, měl jsem úplně stejný problém... Díky, Mirku👍🏻

 
Odpovedať
2.8.2024 16:51
Avatar
Luboš Rendl
Člen
Avatar
Luboš Rendl:13.8.2024 13:02

document.addE­ventListener("lo­ad", function() {
for (let i = 0; i < 5; i++) {
let img = document.crea­teElement("im­g");
img.src = "list.jpg";
img.setAttribu­te("data-podzim", "");
img.alt = "List";
document.body­.appendChild(im­g);
}

// Zde vzápětí nastavíme počáteční pozici listů

});

místo "load" by zde měby být "DOMContentLoaded"

 
Odpovedať
13.8.2024 13:02
Avatar
Jan Hadviga
Člen
Avatar
Jan Hadviga:26.8.2024 9:42

Lekce začínají být psány bez ohledu na celý koncept, používá se nevysvětlitelný arrow function, který mohl být vysvětlený dopodrobna ve funkcích. Používá se rekurzivní volání funkce, které nováčkovi docela zamotá hlavu.

 
Odpovedať
26.8.2024 9:42
Avatar
Martin Hrbek
Člen
Avatar
Martin Hrbek:5.9.2024 13:26

Příklad s listy nefungoval - po chvilkovém pátrání na internetu zjištěno, že v řádku document.addE­ventListener("lo­ad", function() by mělo být window.addEven­tListener("lo­ad", function() po této opravě kód začal fungovat

 
Odpovedať
5.9.2024 13:26
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 41.