Hledáš dárek, který neskončí v koši? Nyní 90 % extra kreditů ZDARMA s promo kódem PREKVAPENI90. Zjisti více:
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Diskuze – Lekce 29 - Časovače a animace v JavaScriptu

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Nejnovější komentáře jsou na konci poslední stránky.
Avatar
Radim Štross
Tvůrce
Avatar
Radim Štross:20.2.2024 17:39

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

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?

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".

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á :-)

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.

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é?

Avatar
Libor Vozka
Člen
Avatar
Odpovídá na Miroslav Ostrihoň
Libor Vozka:2.8.2024 16:51

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

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"

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.

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

Nejnovější komentáře jsou na konci poslední stránky.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 42.