К содержанию

Vyšší učebnice JavaScriptu

Pokročilá učebnice JavaScriptu od Trepačova Dmitrije. Pro začátečníky. V češtině. S úlohami.

Stylizace

Stylování přes atribut style v JavaScriptu

Měrné jednotky v atributu style v JavaScriptu

Chyby s měrnými jednotkami v JavaScriptu

Rozbalování hodnot CSS vlastností v JavaScriptu

Resetování stylů pomocí style v JavaScriptu

Hromadné nastavování stylů v JavaScriptu

Problémy čtení stylů v JavaScriptu

Čtení vlastností ze souborů CSS v JavaScriptu

Převod přečtených hodnot v JavaScriptu

Stylování pomocí tříd v JavaScriptu

Jedna třída pro stylování v JavaScriptu

Nevýhody tříd v JavaScriptu

Střídání stylů pomocí data- atributu v JavaScriptu

Metriky prvků

Rozšíření prvků v CSS pro JavaScript

Testovací prvek v JavaScriptu

Klientská velikost prvku v JavaScriptu

Celková velikost prvku v JavaScriptu

Velikosti prvku s posuvníkem v JavaScriptu

Posun prvků v JavaScriptu

Změna posouvání prvku v JavaScriptu

Scrollování prvku až do konce v JavaScriptu

Rozbalení prvku v JavaScriptu

Šířka posuvníku v JavaScriptu

Metriky okna

Velikost okna v JavaScriptu

Velikost okna včetně posunutí v JavaScriptu

Získání posuvu okna v JavaScriptu

Získání a změna posuvu okna v JavaScriptu

Metoda pro posunutí okna do pozice v JavaScriptu

Metoda pro posunutí okna o zadanou hodnotu v JavaScriptu

Metoda pro scrollování okna k elementu v JavaScriptu

Událost scrollování v JavaScriptu

Kolekce Map

Map kolekce v JavaScriptu

Užitečné vlastnosti kolekcí Map

Procházení kolekcí Map cyklem

Klíče a hodnoty v kolekcích Map

Použití kolekcí Map

Kolekce Set

Kolekce Set v JavaScriptu

Počáteční naplnění kolekce Set v JavaScriptu

Užitečné vlastnosti kolekcí Set

Procházení kolekcí Set pomocí cyklu

Převod kolekcí Set

Odstranění duplicit z pole pomocí Set

Získávání DOM elementů bez duplicit

Pseudopole

Pseudopole v JavaScriptu

Podobnost s poli v JavaScriptu

Rozdíly oproti polím v JavaScriptu

Kontrola pole v JavaScriptu

Převod na pole v JavaScriptu

Typy pseudopole v JavaScript

Rozdíl mezi typy pseudopole v JavaScriptu

Symboly

Úvod do typu Symbol v JavaScriptu

Popisy symbolu v JavaScriptu

Symboly jako klíče objektů v JavaScriptu

Procházení objektu se symboly v JavaScriptu

Funkce v objektu v JavaScriptu

Operace s objekty ve funkcích v JavaScriptu

Globální symboly v JavaScriptu

Získání názvu symbolu v JavaScriptu

Známé symboly v JavaScriptu

Iterátory

Iterovatelné objekty v JavaScriptu

Funkce iterátoru v JavaScriptu

Volání iterátoru v JavaScriptu

Generátory v JavaScriptu

Smyčky v generátorech v JavaScriptu

Jednorázová práce iterátorů v JavaScriptu

Iterátor objektu v JavaScriptu

Vytváření iterovatelného objektu v JavaScriptu

Generátor pomocí vypočítané vlastnosti v JavaScriptu

Vestavěný iterátor values v JavaScriptu

Vestavěný iterátor keys v JavaScriptu

Vestavěný iterátor entries v JavaScriptu

Tři vestavěné iterátory v JavaScriptu

Operátor spread a iterátory v JavaScriptu

Vestavěné iterátory řetězců v JavaScriptu

Pole číslic čísla v JavaScriptu

Číslování DOM elementů v JavaScriptu

Získávání dat DOM elementů v JavaScriptu

Formát JSON

Úvod do formátu JSON v JavaScriptu

Převod JSON na datové struktury JavaScriptu

Převod datových struktur JavaScriptu do formátu JSON

Změna dat v JSON v JavaScriptu

Úložiště

Lokální úložiště prohlížeče v JavaScriptu

Úložiště v debuggeru v JavaScriptu

Práce s daty v localStorage v JavaScriptu

Jednorázové uložení do localStorage v JavaScriptu

Přepsání dat v localStorage v JavaScriptu

Mazání dat v localStorage v JavaScriptu

Vyčištění úložiště v localStorage v JavaScriptu

Počet záznamů v localStorage v JavaScriptu

Získání klíče podle čísla v localStorage v JavaScriptu

Procházení úložiště podle indexů v JavaScriptu

Pole klíčů a hodnot úložiště v JavaScriptu

Ukládání struktur v localStorage v JavaScriptu

Modifikace uložených struktur v localStorage v JavaScriptu

Praxe s localStorage v JavaScript

Regulární výrazy

Úvod do regulárních výrazů v JavaScriptu

Operátory opakování znaků v regulárních výrazech

Seskupující závorky v regulárních výrazech JavaScriptu

Escapování speciálních znaků v regulárních výrazech JavaScriptu

Složené závorky v regulárních výrazech JavaScriptu

Omezení chamtivosti v regulárních výrazech v JavaScriptu

Skupiny znaků v regulárních výrazech JavaScript

Sady znaků v regulárních výrazech JavaScriptu

Inverze množin znaků v regulárních výrazech

Zvláštnosti cyrilice v regulárních výrazech JavaScriptu

Speciální znaky uvnitř hranatých závorek v JavaScriptu

Skupiny znaků uvnitř množin v regulárních výrazech JavaScript

Výjimky uvnitř množin v regulárních výrazech JavaScript

Znak stříšky uvnitř množin v regulárních výrazech JavaScript

Pomlčka uvnitř množin v regulárních výrazech JavaScript

Ignorování velkých a malých písmen v regulárních výrazech JavaScriptu

Začátek a konec řetězce v regulárních výrazech JavaScriptu

Hranice slov v regulárních výrazech JavaScript

Víceřádkovost v regulárních výrazech JavaScriptu

Příkaz 'nebo' v regulárních výrazech JavaScriptu

Proměnná s regulárním výrazem v JavaScriptu

Metoda test v regulárních výrazech JavaScript

Metoda search v regulárních výrazech JavaScript

Metoda split v regulárních výrazech JavaScript

Metoda match v regulárních výrazech JavaScript

Zachycené skupiny v metodě match v regulárních výrazech JavaScript

Globální match v regulárních výrazech JavaScript

Globální matchAll v regulárních výrazech JavaScriptu

Metoda exec v regulárních výrazech JavaScript

Vlastnost lastIndex v regulárních výrazech JavaScript

Zachytávače v metodě replace v regulárních výrazech JavaScriptu

Callback v metodě replace v regulárních výrazech JavaScript

Výchozí zachytávací skupiny v metodě replace v regulárních výrazech JavaScriptu

Zachycené skupiny v regulárním výrazu v JavaScriptu

Pojmenované zachytávací skupiny v regulárních výrazech JavaScriptu

Pojmenované zachytávací skupiny v regulárním výrazu JavaScriptu

Nezachytávající závorky v regulárních výrazech JavaScriptu

Pozitivní a negativní přehled v regulárních výrazech JavaScript

Řetězec s regulárním výrazem v JavaScriptu

Vlajky pro řetězce regulárních výrazů v JavaScriptu

Zpětné lomítko v řetězcích regulárních výrazů v JavaScriptu

Výjimečné situace

Úvod do výjimečných situací v JavaScriptu

Typy vzniklých situací v JavaScriptu

Zachycování výjimek v JavaScriptu

Programování s try-catch v JavaScriptu

Zachycení výjimek ve vnořeném kódu v JavaScriptu

Objekt s chybou v JavaScriptu

Hlavní typy výjimek v JavaScriptu

Použití typů výjimek v JavaScriptu

Vyhazování výjimek v JavaScriptu

Vyhazování různých typů výjimek v JavaScriptu

Vytváření vlastních typů výjimek v JavaScriptu

Příklad výjimky s data- atributy v JavaScriptu

Příklad výjimky s JSON v JavaScriptu

Propagace výjimek v JavaScriptu

Asynchronnost

Synchronní a asynchronní kód v JavaScriptu

Asynchronní povaha událostního modelu v JavaScriptu

Asynchronní načítání obrázků v JavaScriptu

Výjimky v asynchronním kódu v JavaScriptu

Asynchronní callbacky

Asynchronní kód s callbacky v JavaScriptu

Asynchronní předání výsledku do callbacku v JavaScriptu

Předávání parametrů do asynchronního callbacku v JavaScriptu

Výjimky v asynchronních callback funkcích v JavaScriptu

Načítání obrázků přes asynchronní callbacky v JavaScriptu

Problém callback hell v JavaScriptu

Asynchronní načítání obrázků v cyklu v JavaScriptu

Promisy

Úvod do promises v JavaScriptu

Výjimečné situace v promisách v JavaScriptu

Objekt s chybou promise v JavaScriptu

Samostatné zachycení výjimek v promisách v JavaScriptu

Stavy promise v JavaScriptu

Řetězce promis v JavaScriptu

Promise uvnitř řetězce v JavaScriptu

Výjimky v řetězcích promises v JavaScriptu

Práce s poli promis v JavaScriptu

Vytváření okamžitě splněných promisů v JavaScriptu

Promisifikace asynchronního kódu v JavaScriptu

Problém promise hell v JavaScriptu

Promisy v synchronním stylu v JavaScriptu

Výjimky v synchronním stylu v JavaScriptu

Knihovny

Knihovny v JavaScriptu

Používání knihoven v JavaScriptu

Knihovny přes CDN v JavaScriptu

Nevýhody knihoven v JavaScriptu

Nástroje

Sémantické verzování v JavaScriptu

Základy práce s terminálem v JavaScriptu

Úvod do nástroje NodeJS

Úvod do npm v JavaScriptu

Instalace knihoven přes npm v JavaScriptu

Krátká forma instalace přes npm v JavaScriptu

Závislosti v souboru package.json v JavaScriptu

Dev závislosti v npm v JavaScriptu

Formáty verzí závislostí v npm v JavaScriptu

Nastavení souboru package.json v JavaScriptu

Vytvoření souboru package.json v JavaScriptu

Přenesení npm projektu v JavaScriptu

Soubor package-lock.json v npm v JavaScript

Aktualizace balíčků přes npm v JavaScriptu

Odstraňování balíčků pomocí npm v JavaScriptu

Globální instalace přes npm v JavaScriptu

Globální odinstalace balíčků přes npm v JavaScriptu

Nástroj npx v JavaScriptu

Spouštění skriptů přes npm v JavaScriptu

Správce balíčků Yarn v JavaScriptu

ES Moduly

Úvod do moderních modulů v JavaScriptu

Zapnutí ES modulů v JavaScriptu

Instalace sestavovacího nástroje Webpack v JavaScriptu

Princip fungování bundleru Webpack v JavaScriptu

Nastavení sestavovacího nástroje Webpack v JavaScriptu

Nastavení spouštění sestavení Webpack v JavaScriptu

Testovací sestavení pomocí Webpacku v JavaScriptu

Připojení bundlu k HTML v JavaScriptu

Tvorba ES modulu v JavaScriptu

Připojení ES modulu v JavaScriptu

Přejmenování při importu v JavaScriptu

Import veškerého obsahu modulu v JavaScriptu

Výchozí export v JavaScriptu

Kombinace exportů v JavaScriptu

Import veškerého obsahu při kombinaci exportů v JavaScriptu

Exportování hodnot z ES modulů v JavaScriptu

Hodnoty jako konstanty v ES modulech v JavaScriptu

Import npm modulů v JavaScriptu

Dynamický import ES modulů v JavaScriptu

Dynamický vícečetný import v JavaScriptu

Převod CommonJS modulů na ES v JavaScriptu

HTTP protokol

Protokol HTTP v JavaScriptu

Práce s URLSearchParams v JavaScriptu

Práce s URL v JavaScriptu

Testovací server

Testovací server v JavaScriptu

Použití testovacího serveru v JavaScriptu

Spuštění kódu přes testovací server v JavaScriptu

Generování HTML pomocí testovacího serveru v JavaScriptu

Hlavičky odpovědi v testovacím serveru na JavaScript

Nastavení portu testovacího serveru v JavaScriptu

Spuštění více instancí testovacího serveru v JavaScriptu

Formuláře

Odesílání formulářů v JavaScriptu

Metody odesílání formulářů v JavaScriptu

Odesílání formulářů metodou GET v JavaScriptu

Odesílání formulářů metodou POST v JavaScriptu

GET požadavky v JavaScriptu

Použití GET požadavků v JavaScriptu

Tlačítka formuláře v JavaScriptu

Odeslání formuláře pomocí JavaScriptu

Zakázání odeslání formuláře v JavaScriptu

Práce s FormData v JavaScriptu

Metody FormData v JavaScript

Iterátory ve FormData v JavaScriptu

AJAX

Úvod do AJAX

Základy práce s fetch v AJAX

HTTP stavový kód v AJAX požadavku v JavaScriptu

Úspěšnost AJAX požadavku v JavaScriptu

Výjimečné situace při AJAX požadavcích v JavaScriptu

Kompletní zachycení AJAX chyb v JavaScriptu

Hlavičky HTTP odpovědi v AJAX v JavaScriptu

Získávání JSON přes AJAX v JavaScriptu

Hlavičky HTTP požadavku přes AJAX v JavaScriptu

Odesílání GET požadavků přes AJAX v JavaScriptu

Odesílání POST požadavků přes AJAX v JavaScriptu

Odesílání dat přes AJAX pomocí URLSearchParams v JavaScriptu

Odesílání dat pomocí AJAX pomocí FormData v JavaScriptu

Odesílání formuláře pomocí AJAX a FormData v JavaScriptu

Odesílání JSON na server pomocí AJAX v JavaScriptu

Politika CORS v AJAX požadavcích v JavaScriptu

Přenos cookies v požadavcích AJAX v JavaScriptu

Synchronní styl fetch v JavaScriptu

Práce s canvasem

Začínáme s canvas v JavaScriptu

Kreslení čar přes canvas v JavaScriptu

Kreslení obdélníků pomocí canvas v JavaScriptu

Kreslení kružnic pomocí canvas v JavaScriptu

Změna barvy čáry v canvasu v JavaScriptu

Změna tloušťky čar v canvasu v JavaScriptu

Smyčky v canvasu na JavaScriptu

Optimalizace kódu

Faktory rychlosti načítání webu v JavaScriptu

Dostupné zdroje v JavaScriptu

Optimalizace opakovaných operací v JavaScriptu

Optimalizace opakování náročných operací v JavaScriptu

Optimalizace cyklických operací v JavaScriptu

Optimalizace zbytečných průchodů cyklem v JavaScriptu

Optimalizace pomocí vestavěných funkcí v JavaScriptu

Výběr optimálního algoritmu v JavaScriptu

Optimalizace používání regulárních výrazů v JavaScriptu

Optimalizace práce s DOM v JavaScriptu

Optimalizace spotřeby paměti v JavaScriptu

Optimalizace převodu na pole v JavaScriptu

Optimalizace obslužných rutin událostí v JavaScriptu

Optimalizace rychlosti na úkor paměti v JavaScriptu

Data

Immutabilita dat v JavaScriptu

Kopie polí v JavaScriptu

Kopie objektů v JavaScriptu

Imutabilní přidávání prvků do pole v JavaScriptu

Imutovatelné odstranění prvků pole v JavaScriptu

Imutabilní změna prvků pole v JavaScriptu

Pole objektů s id v JavaScriptu

Generování náhodného id v JavaScriptu

Přidání prvku s id v JavaScriptu

Odstranění prvku podle id v JavaScriptu

Změna prvku podle id v JavaScriptu

Změna jedné vlastnosti podle id v JavaScriptu

Získání elementu podle id v JavaScriptu