Základní tutoriál JavaScriptu
Jednoduchý tutoriál JavaScriptu pro začátečníky s úlohami a příklady řešení.
Základy
001
Úvod do jazyka JavaScript pro začátečníky
002Spuštění JavaScriptu
003První program v JavaScriptu
004Analyzujeme kód programu
005Další příklady
006Připojení souboru se skripty JavaScript
007Několik souborů se skripty JavaScript
008Zvláštnosti tagu script v JavaScriptu
009Keshování JavaScript souborů prohlížečem
010Striktní režim v JavaScriptu
011Komentáře v JavaScriptu
012Proměnné v JavaScriptu
013Používání proměnných
014Deklarace více proměnných v JavaScriptu
015Změny hodnot proměnných
016Několik let pro jednu proměnnou
017Matematické operace s čísly v JavaScriptu
018Matematické operace s proměnnými v JavaScriptu
019Priorita matematických operací v JavaScriptu
020Stejná priorita matematických operací v JavaScriptu
021Závorky pro skupování v JavaScriptu
022Zlomky v JavaScriptu
023Záporná čísla v JavaScriptu
024Plus před čísly v JavaScriptu
025Zbytek po dělení v JavaScriptu
026Umocňování v JavaScriptu
027Priorita umocňování
028Řetězce v JavaScriptu
029Sčítání řetězců v JavaScriptu
030Délka řetězce v JavaScriptu
031Šablonové řetězce v JavaScriptu
032Víceřádkovost
033Speciální hodnoty v JavaScriptu
034Hodnota undefined
035Hodnota null
036Hodnoty true a false
037Význam NaN
038Infinity a -Infinity v JavaScript
039Práce s konzolí v JavaScriptu
040Datový typ v konzoli JavaScript
041Chyby v konzoli JavaScript
042Konstanty v JavaScriptu
043Automatická konverze datových typů
044Převod na číslo v JavaScriptu
045Zkrácená konverze na číslo v JavaScriptu
046Převod neplatných čísel v JavaScriptu
047Extrakce čísel v JavaScriptu
048Převod na řetězec v JavaScriptu
049Použití převodu na řetězce v JavaScriptu
050Převod logického typu v JavaScriptu
051Převod na logický typ v JavaScriptu
052Získávání znaků řetězce v JavaScriptu
053Neměnnost řetězců v JavaScriptu
054Poslední znak řetězce v JavaScriptu
055Řetězce s čísly v JavaScriptu
056Přístup k číslicím čísla v JavaScriptu
057Operace pro změnu proměnné v JavaScriptu
058Zkrácené operace v JavaScriptu
059Operace inkrementace a dekrementace v JavaScriptu
060Prefixový a postfixový typ v JavaScriptu
061Nepřesné výpočty v JavaScriptu
062Funkce prompt v JavaScriptu
063Problém s typy ve funkci prompt v JavaScriptu
064Výpis textu do dokumentu v JavaScriptu
065Hledání chyb v kódu
066Praxe s operacemi v JavaScriptu
067Praxe na vzorce v JavaScriptu
Pole
068
Pole v JavaScriptu
069Získávání prvků polí v JavaScriptu
070Délka pole v JavaScriptu
071Změna prvků pole v JavaScriptu
072Přepisování prvků pole v JavaScriptu
073Inkrementace a dekrementace prvků pole v JavaScriptu
074Přidávání prvků do pole podle klíčů v JavaScriptu
075Řídká pole v JavaScriptu
076Přidávání prvků pomocí push v JavaScriptu
077Klíče polí z proměnných v JavaScriptu
078Operátor delete v polích v JavaScriptu
079Hledání chyb v kódu s poli JavaScript
Objekty
080
Objekty v JavaScriptu
081Výpis celého objektu v JavaScriptu
082Řetězcové klíče objektů v JavaScriptu
083Vlastnosti objektů v JavaScriptu
084Omezení pro klíče objektů v JavaScriptu
085Změna prvků objektů v JavaScriptu
086Přidávání prvků do objektů v JavaScriptu
087Neuspořádanost objektů v JavaScriptu
088Pole klíčů objektu v JavaScriptu
089Délka objektu v JavaScriptu
090Klíče objektů z proměnných v JavaScriptu
091Chyba přístupu k prvku pomocí klíče v JavaScriptu
092Chyba přístupu k vlastnosti objektu v JavaScriptu
093Vypočítané vlastnosti v JavaScriptu
094Operátor in v JavaScriptu
095Operátor delete v JavaScriptu
096Typizace objektů v JavaScriptu
097Pole jako objekty v JavaScriptu
098Rozlišení polí od objektů v JavaScriptu
099Objekty a primitiva v JavaScriptu
100Předávání objektů odkazem v JavaScriptu
101Konstanty s poli nebo objekty v JavaScriptu
102Přístup programování pomocí konstant v JavaScriptu
103Hledání chyb v kódu s objekty JavaScript
Podmínky
104
Konstrukce if-else v JavaScriptu
105Operátory větší než a menší než v JavaScriptu
106Kontrola rovnosti v JavaScriptu
107Kontrola nerovnosti v JavaScriptu
108Porovnávání proměnných v JavaScriptu
109Rovnost řetězců v JavaScriptu
110Rovnost řetězců a čísel v JavaScriptu
111Rovnost podle hodnoty a typu v JavaScriptu
112Nerovnost podle hodnoty a typu v JavaScriptu
113Logické AND v JavaScriptu
114Logické NEBO v JavaScriptu
115Priorita logických operátorů v JavaScriptu
116Seskupování podmínek v JavaScriptu
117Inverze logických výrazů v JavaScriptu
118Podmínky s booleovskými hodnotami v JavaScriptu
119Porovnávání hodnot s booleovským typem v JavaScriptu
120Zkrácená forma kontroly pravdivosti v JavaScriptu
121Zkrácená forma kontroly nepravdy v JavaScriptu
122Obecná zkrácená forma kontroly v JavaScriptu
123Složené podmínky ve zkráceném tvaru v JavaScriptu
124Nepovinnost konstrukce else v JavaScriptu
125Volitelnost složených závorek v JavaScriptu
126Problém nepovinnosti složených závorek v if-else
127Konstrukce else if v JavaScriptu
128Vnořené konstrukce if-else v JavaScriptu
129Konstrukce switch-case v JavaScriptu
130Nepovinnost break v konstrukci switch-case v JavaScriptu
131Ternární operátor v JavaScriptu
132Logické operace v JavaScriptu
133Funkce confirm v JavaScriptu
134Oblast viditelnosti proměnných v if-else v JavaScriptu
135Nuance oblasti viditelnosti proměnných v konstrukcích if-else v JavaScriptu
136Kontrola částí hodiny pomocí if-else v JavaScriptu
137Kontrola délky řetězců a polí v JavaScriptu
138Kontrola znaků řetězce v JavaScriptu
139Kontrola číslic čísla v JavaScriptu
140Kontrola zbytku po dělení v JavaScriptu
141Hledání chyb v kódu s podmínkami JavaScriptu
142Praxe na podmínky if-else v JavaScriptu
Cykly
143
Úvod do cyklů v JavaScriptu
144Procházení pole cyklem for-of v JavaScriptu
145Procházení objektu cyklem for-in v JavaScriptu
146Cyklus while v JavaScriptu
147Cyklus for v JavaScriptu
148Cyklus for pro pole v JavaScriptu
149Podmínky ve smyčkách v JavaScriptu
150Akumulace čísel ve smyčkách JavaScript
151Akumulace prvků polí ve smyčkách JavaScript
152Tvorba řetězců pomocí cyklů v JavaScriptu
153Číslice čísla při průchodu cyklem JavaScript
154Volitelnost složených závorek ve smyčkách v JavaScriptu
155Problém volitelnosti složených závorek ve smyčkách v JavaScriptu
156Příkaz break v JavaScriptu
157Příkaz continue v JavaScriptu
158Vnořené cykly v JavaScriptu
159Oblast viditelnosti ve smyčkách JavaScript
160Vnořené smyčky a oblast viditelnosti v JavaScriptu
161Naplňování pole v JavaScriptu
162Změna pole v cyklu JavaScript
163Naplňování objektů pomocí cyklu v JavaScriptu
164Změna objektů pomocí cyklu v JavaScriptu
165Práce s příznaky v JavaScriptu
166Tipy pro psaní kodu cyklů v JavaScriptu
167Tipy pro ladění kódu na příkladu cyklů v JavaScriptu
168Hledání chyb v kódu s cykly JavaScript
169Procvičování cyklů v JavaScriptu
Vícerozměrnost
170
Vícerozměrná pole v JavaScriptu
171Třírozměrné pole v JavaScriptu
172Libovolná pole v JavaScriptu
173Procházení vícerozměrných polí v JavaScriptu
174Průchod pomocí obyčejného for v JavaScriptu
175Vytváření vícerozměrných polí v JavaScriptu
176Problémy při plnění vícerozměrných polí v JavaScriptu
177Vyplňování vícerozměrných polí postupně v JavaScriptu
178Víceúrovňové objekty v JavaScriptu
179Procházení vícerozměrných objektů v JavaScriptu
180Vícerozměrné struktury v JavaScriptu
181Průchod vícerozměrnými strukturami JavaScript
182Pole objektů v JavaScriptu
183Klíče z proměnných ve vícerozměrných strukturách JavaScript
184Přidávání prvků do vícerozměrných polí v JavaScriptu
185Přidávání prvků do vícerozměrných objektů JavaScript
Standardní metody
186
Mocnina a odmocnina v JavaScriptu
187Funkce pro zaokrouhlování v JavaScriptu
188Extrémní čísla v JavaScriptu
189Náhodná čísla v JavaScriptu
190Moduly v JavaScript
191Velká a malá písmena v JavaScriptu
192Řezání řetězců v JavaScriptu
193Vyhledávání v řetězcích v JavaScriptu
194Nahrazení částí řetězce v JavaScriptu
195Rozdělení řetězců v JavaScriptu
196Hraniční prvky v JavaScriptu
197Části polí v JavaScriptu
198Práce s poli v JavaScriptu
199Vyhledávání v polích v JavaScriptu
200Pole klíčů objektu v JavaScriptu
201Hledání chyb v kódu se standardními metodami JavaScriptu
Uživatelské funkce
202
Základy práce s uživatelskými funkcemi v JavaScriptu
203Parametry funkcí v JavaScriptu
204Několik parametrů funkcí v JavaScriptu
205Parametry-proměnné funkcí v JavaScriptu
206Volitelné parametry v JavaScriptu
207Příkaz return v JavaScriptu
208Sekvenční volání funkcí v JavaScriptu
209Jemný detail return v JavaScriptu
210Cyklus a return v JavaScript
211Použití return ve smyčkách v JavaScriptu
212Přístup k práci s return v JavaScriptu
213Vlajky ve funkcích JavaScript
214Logické operátory bez if ve funkcích JavaScript
215Tipy pro vytváření funkcí v JavaScriptu
216Hledání chyb v kódu s funkcemi JavaScript
217Praxe na funkce JavaScript
Proměnné funkcí
218
Globální proměnné ve funkcích v JavaScriptu
219Lokální proměnné ve funkcích v JavaScriptu
220Stejné názvy proměnných ve funkcích v JavaScriptu
221Změna globálních proměnných v JavaScriptu
222Globální proměnné a parametry funkcí v JavaScriptu
223Shoda názvů s parametry v JavaScriptu
224Parametry-objekty JavaScriptu
Typy funkcí
225
Zdrojový kód funkce a její výsledek v JavaScriptu
226Funkce jako proměnná v JavaScriptu
227Zápis funkce do jiné proměnné v JavaScriptu
228Přiřazování funkcí do proměnných v JavaScriptu
229Shoda názvu funkce a proměnné v JavaScriptu
230Function expression a Function declaration v JavaScript
231Rozdíl deklarací funkce
232Středník při deklaraci funkcí v JavaScriptu
233Nuance funkčních výrazů v JavaScriptu
234Funkce s názvem, ale Function Expression v JavaScriptu
235Pojmenované funkční výrazy v JavaScriptu
236Jak zkontrolovat typ funkce v JavaScriptu
237Výraz nalevo od funkce v JavaScriptu
238Výrazy vpravo od funkce v JavaScriptu
239Pole s anonymními funkcemi v JavaScriptu
240Objekt s anonymními funkcemi v JavaScriptu
241Použití objektu s funkcemi v JavaScriptu
Vnořené funkce
242
Předávání funkcí jako parametrů v JavaScriptu
243Pojmenované funkce jako parametry v JavaScriptu
244Parametry předávaných funkcí v JavaScriptu
245Předávání čísla jako parametru v JavaScriptu
246Aplikace předávání funkcí jako parametru v JavaScriptu
247Vnořené funkce v JavaScriptu
248Oblast viditelnosti vnořených funkcí v JavaScriptu
249Parametry vnější funkce v JavaScriptu
250Parametry vnější a vnitřní funkce v JavaScriptu
251Parametry se stejným názvem v JavaScriptu
252Funkce vracející funkci v JavaScriptu
253Libovolná úroveň zanoření v JavaScriptu
254Parametry vrácené funkce v JavaScriptu
255Callback funkce v JavaScriptu
256Nuance callbacků v JavaScriptu
257Šipkové funkce v JavaScriptu
258Použití šipekových funkcí v JavaScriptu
Uzávěry
IIFE
266
Volání funkce na místě v JavaScriptu
267Přiřazení funkce do proměnné v JavaScriptu
268Použití okamžitého volání funkce v JavaScriptu
269Kulaté závorky v IIFE v JavaScriptu
270Parametry funkce při volání na místě v JavaScriptu
271Vícenásobné volání IIFE v JavaScriptu
272Úskalí IIFE v JavaScriptu
273Středník pro bezpečnost v IIFE
274Uzávěry a okamžité volání funkcí v JavaScriptu
Rekurze
Metody pro průchod polem
281
Metoda map pro procházení pole v JavaScriptu
282Metoda forEach pro procházení pole v JavaScriptu
283Metoda filter pro filtraci pole v JavaScript
284Metoda every pro kontrolu pole v JavaScriptu
285Metoda some pro kontrolu pole v JavaScript
286Vyhledávání v poli pomocí callbacku v JavaScriptu
287Redukce pole v JavaScriptu
Operátor spread
Operátor rest
Destrukturalizace
298
Destrukturalizace polí v JavaScriptu
299Destrukturalizace pole z funkce v JavaScriptu
300Přeskočení prvků pole při destrukturalizaci v JavaScriptu
301Přebytečné hodnoty při destrukturalizaci pole v JavaScriptu
302Zbytek pole při destrukturalizaci v JavaScriptu
303Výchozí hodnoty při destrukturalizaci pole v JavaScriptu
304Výchozí funkce při destrukturalizaci pole v JavaScriptu
305Deklarace proměnných při destrukturalizaci pole v JavaScriptu
306Destrukturalizace objektů v JavaScriptu
307Názvy proměnných při destrukturalizaci objektů v JavaScriptu
308Výchozí hodnoty při destrukturalizaci objektů v JavaScriptu
309Proměnné a výchozí hodnoty v JavaScriptu
310Deklarace proměnných při destrukturizaci objektů v JavaScriptu
311Destrukturalizace parametrů funkcí v JavaScriptu
312Destrukturalizace objektů parametrů funkcí v JavaScriptu
Čas
313
Práce s objektem Date v JavaScriptu
314Formátování data v JavaScriptu
315Změna formátu data v JavaScriptu
316Získání dne v týdnu v JavaScriptu
317Výpis částí data slovem v JavaScriptu
318Nastavení času v objektu Date v JavaScriptu
319Získání času ve formátu timestamp v JavaScriptu
320Rozdíl mezi daty ve formátu timestamp v JavaScriptu
321Rozdíl mezi objekty s datem v JavaScriptu
322Automatická korekce dat v JavaScriptu
323Zjištění posledního dne měsíce v JavaScriptu
324Určení přestupného roku v JavaScriptu
325Kontrola validity data v JavaScriptu
326Zjištění dne aktuálního roku v JavaScriptu
327Den následujícího nebo předchozího měsíce
328Den příštího nebo předchozího roku
329Rozdíl časových okamžiků
330Časový okamžik dne
331Začátek dne v JavaScriptu
332Konec dne v JavaScriptu
333Cyklická kontrola časových okamžiků v JavaScriptu
334Praxe na získávání časových okamžiků v JavaScriptu
335Porovnávání řetězců s daty v JavaScriptu
336Porovnání data bez roku v JavaScriptu
337Určení, zda datum spadá do intervalu
338Porovnávání objektů s daty v JavaScriptu
Úvod do DOM
339
Základy práce s DOM v JavaScriptu
340DOM elementy v JavaScriptu
341Získání DOM elementu v JavaScriptu
342Složité selektory DOM elementu v JavaScriptu
343Přiřazování obslužných rutin k prvkům v JavaScriptu
344Pojmenované obslužné funkce událostí v JavaScriptu
345Jeden obslužný program pro mnoho prvků v JavaScriptu
346Více obslužných rutin pro jednu událost v JavaScriptu
347Zpracování různých událostí v JavaScriptu
348Práce s textem elementů v JavaScriptu
349Práce s HTML kódem elementů v JavaScriptu
350Atributy tagů jako vlastnosti v JavaScriptu
351Práce s textovými poli v JavaScriptu
352Fokus textových polí v JavaScriptu
353Výjimky při práci s atributy v JavaScriptu
354Řetězení metod a vlastností v JavaScriptu
355Výhody a nevýhody řetězení v JavaScriptu
356Objekt this v JavaScript
357Výhoda this v JavaScriptu
358Získání skupiny prvků v JavaScriptu
359Přidávání obslužných rutin ve smyčce v JavaScriptu
360Přidávání anonymních obslužných funkcí ve smyčce v JavaScriptu
361Odvazování událostí v JavaScriptu
362Odstraňování obslužných rutin událostí ve smyčce v JavaScriptu
363Odvazování anonymních funkcí v JavaScriptu
364Tipy pro psaní kódu na příkladu DOM v JavaScriptu
365Hledání chyb v kódu s DOM v JavaScriptu
366Procvičování probrané látky na práci s DOM
Atributy
367
Získávání atributů v JavaScriptu
368Nastavení atributů v JavaScriptu
369Odstraňování atributů v JavaScriptu
370Kontrola přítomnosti atributů v JavaScriptu
371Uživatelské atributy v JavaScriptu
372Názvy atributů s pomlčkami v JavaScriptu
373Přístup k atributům pomocí metod v JavaScriptu
374Manipulace s polem CSS tříd v JavaScriptu
375Přidávání CSS tříd v JavaScriptu
376Odstraňování CSS tříd v JavaScriptu
377Kontrola CSS tříd v JavaScriptu
378Střídání CSS tříd v JavaScriptu
Stylizace
Vyhledávání
385
Hledání potomků elementů v JavaScriptu
386Hledání rodičovských prvků v JavaScriptu
387Vyhledání všech rodičovských elementů v JavaScriptu
388Hledání sousedních elementů v JavaScriptu
389Vyhledávání elementu podle id v JavaScriptu
390Vyhledávání elementů podle názvu tagu v JavaScriptu
391Vyhledávání prvků podle názvu třídy v JavaScriptu
392Hledání elementů uvnitř jiného elementu v JavaScriptu
Uzly
Formuláře
398
Práce s textarea v JavaScriptu
399Atribut disabled v JavaScriptu
400Práce s zaškrtávacími políčky v JavaScriptu
401Střídání atributů bez hodnot
402Práce s přepínači v JavaScriptu
403Událost change v JavaScriptu
404Událost input v JavaScriptu
405Metody focus a blur v JavaScriptu
406Hledání chyb v kódu s formuláři v JavaScriptu
Rozbalovací seznamy
407
Práce s rozbalovacími seznamy v JavaScriptu
408Atribut value v rozbalovacích seznamech v JavaScriptu
409Změna vybrané položky seznamu v JavaScriptu
410Číslo vybrané položky rozbalovacího seznamu
411Získání položek rozbalovacího seznamu v JavaScriptu
412Pole položek rozbalovacího seznamu v JavaScriptu
413Práce s položkami rozbalovacího seznamu v JavaScriptu
414Výběr položky seznamu v JavaScriptu
415Získání vybrané option v JavaScriptu
Objekt Event
416
Základy práce s objektem Event v JavaScriptu
417Souřadnice události v JavaScriptu
418Typ události v objektu Event v JavaScriptu
419Prvek události v objektu Event v JavaScriptu
420Získání stisknutých kláves v JavaScriptu
421Sledování modifikačních kláves v JavaScriptu
422Zrušení výchozí akce v JavaScriptu
423Bublání událostí v JavaScriptu
424Získání cílového elementu při propagaci událostí
425Zastavení propagace událostí v JavaScriptu
426Více obslužných rutin na elementu v JavaScriptu
427Okamžité zastavení propagace v JavaScriptu
428Použití zastavení propagace událostí v JavaScriptu
429Bublání a zachytávání událostí v JavaScriptu
430Přidávání obslužných rutin k novým prvkům v JavaScriptu
431Delegování událostí v JavaScriptu
432Univerzální delegování událostí v JavaScriptu
Kontext
433
Základy práce s kontextem v JavaScriptu
434Kontext nepřipojené funkce v JavaScriptu
435Ztráta kontextu v JavaScriptu
436Řešení problému s kontextem v JavaScriptu
437Kontext přes proměnnou v JavaScriptu
438Kontext přes parametr v JavaScriptu
439Kontext pomocí šipkové funkce v JavaScriptu
440Přiřazování kontextu pomocí metody call v JavaScriptu
441Metoda call s parametry v JavaScriptu
442Přiřazení kontextu pomocí metody apply v JavaScriptu
443Přiřazování kontextu pomocí metody bind v JavaScriptu
Časovače
444
Základy práce s funkcí setInterval v JavaScriptu
445Čítač pomocí funkce setInterval v JavaScriptu
446Zastavení časovače JavaScript
447Tlačítko pro spuštění časovače v JavaScriptu
448Vícenásobné kliknutí na tlačítko pro spuštění časovače v JavaScriptu
449Tlačítka pro spuštění a zastavení časovače v JavaScriptu
450Praxe na časovače a práci s DOM v JavaScriptu
451Časovače a ztráta kontextu v JavaScriptu
452Praxe na časovače a práci s DOM v JavaScriptu
453Zpoždění před provedením v JavaScriptu
454Spuštění časovače v JavaScriptu
Manipulace s prvky
455
Vytváření a vkládání elementů v JavaScriptu
456Přiřazování událostí při vkládání prvků
457Vytváření prvků v cyklu v JavaScriptu
458Přiřazování obslužných rutin ve smyčce v JavaScriptu
459Odstraňování prvků v JavaScriptu
460Vkládání prvků na začátek nebo konec v JavaScriptu
461Vkládání prvků před prvky v JavaScriptu
462Sousední vkládání prvků v JavaScriptu
463Sousední vkládání tagů v JavaScriptu
464Klonování elementů v JavaScriptu
465Kontrola prvků v JavaScriptu
Praxe
466
Vytváření prvků z pole v JavaScriptu
467Praktické cvičení na tvorbu seznamů ul v JavaScriptu
468Vytváření HTML tabulek v JavaScriptu
469Postupné vyplňování HTML tabulek
470Vytváření HTML tabulky z pole v JavaScriptu
471Vytváření HTML tabulky z pole objektů
472Přidávání řádků a sloupců do HTML tabulky
473Změna buněk HTML tabulky v JavaScriptu
474Samomazání nových prvků v JavaScriptu
475Odkaz na odstranění elementu v JavaScriptu
476Vytváření odkazů pro odstranění prvků v JavaScriptu
477Editace jednotlivých prvků v JavaScriptu
478Skrytí textu při editaci prvku v JavaScriptu
479Editace ve skupině prvků v JavaScriptu
480Simultánní editace a mazání prvků
481Stylování prvků v JavaScriptu
482Tlačítka pro skrytí a zobrazení prvku v JavaScriptu
483Mnoho prvků s tlačítky zobrazení v JavaScriptu
484Aktivace prvků v JavaScriptu
485Střídání aktivních stylů v JavaScriptu
486Praxe na změnu prvků v JavaScriptu
Funkce a DOM
487
Funkce pro práci s DOM prvkem v JavaScriptu
488Funkce pro práci se skupinou DOM elementů
489Předávání callbacku pro práci s DOM v JavaScriptu
490Předávání pořadového čísla do callbacku v JavaScriptu
491Předání DOM elementu jako parametru funkce
492Předávání skupiny DOM elementů parametry funkcí
493Funkce pro vytváření HTML tabulek v JavaScriptu
494Vrácení tabulky z funkce v JavaScriptu
495Funkce pro vytvoření tabulky z pole
Moduly pomocí uzávěrů
496