NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - 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
Avatar
Radim Štross
Tvůrce
Avatar
Radim Štross:20.2.2024 17:39

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

 
Odpovědět
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?

 
Odpovědět
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".

 
Odpovědět
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á :-)

 
Odpovědět
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.

 
Odpovědět
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é?

 
Odpovědět
28.6.2024 8:06
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👍🏻

 
Odpovědět
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"

 
Odpovědět
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.

 
Odpovědět
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

 
Odpovědět
5.9.2024 13:26
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 41.