Show tasks

Jazyk JavaScript

• Úvod
  • Úvod do JavaScriptu
  • Manuály a specifikace
  • Editory kódu
  • Vývojářská konzole
• Základy JavaScriptu
  • Ahoj, svÄ›te!
    • Zobrazte zprávu
    • Zobrazte zprávu pomocí externího skriptu
  • Struktura kódu
  • Moderní režim, „use strict“
  • PromÄ›nné
    • Práce s promÄ›nnými
    • Správná volba názvu
    • Konstanta velkými písmeny?
  • Datové typy
    • Uvozovky Å™etÄ›zců
  • Interakce: alert, prompt, confirm
    • Jednoduchá stránka
  • Typová konverze
  • Základní operátory, matematika
    • Postfixová a prefixová notace
    • Výsledek pÅ™iÅ™azení
    • Typová konverze
    • Opravte sčítání
  • Porovnávání
    • Porovnávání
  • PodmínÄ›né vÄ›tvení: if, „?“
    • if (Å™etÄ›zec s nulou)
    • Název JavaScriptu
    • Zobrazte znaménko
    • PÅ™epiÅ¡te „if“ na „?“
    • PÅ™epiÅ¡te „if..else“ na „?“
  • Logické operátory
    • Jaký je výsledek OR?
    • Jaký je výsledek alertů spojených ORem?
    • Jaký je výsledek AND?
    • Jaký je výsledek alertů spojených ANDem?
    • Výsledek OR AND OR
    • Ověřte, zda je hodnota v rozsahu
    • Ověřte, zda hodnota je mimo rozsah
    • Otázka na „if“
    • Ověřte pÅ™ihlášení
  • Operátor koalescence „??“
  • Cykly: while a for
    • Poslední hodnota v cyklu
    • Které hodnoty zobrazí cyklus while?
    • Které hodnoty zobrazí cyklus „for“?
    • VypiÅ¡te sudá čísla v cyklu
    • Nahraďte cyklus „for“ cyklem „while“
    • Opakujte, dokud vstup nebude správnÄ›
    • VypiÅ¡te prvočísla
  • Příkaz „switch“
    • PÅ™epiÅ¡te „switch“ na „if“
    • PÅ™epiÅ¡te „if“ na „switch“
  • Funkce
    • Je nutné „else“?
    • PÅ™epiÅ¡te funkci pomocí „?“ nebo „||“
    • Funkce min(a, b)
    • Funkce mocnina(x,n)
  • Funkční výrazy
  • Å ipkové funkce (arrow funkce) – základy
    • PÅ™epiÅ¡te na Å¡ipkové funkce
  • Speciality JavaScriptu
• Kvalita kódu
  • LadÄ›ní v prohlížeči
  • Styl zápisu programu
    • Å patný styl
  • Komentáře
  • Ninjův kód
  • Automatické testování pomocí Mochy
    • Co je na tomto testu Å¡patnÄ›?
  • Polyfilly a transpilátory
• Objekty: základy
  • Objekty
    • Ahoj, objekte
    • Ověření prázdnoty
    • SečtÄ›te vlastnosti objektu
    • Vynásobte hodnoty číselných vlastností dvÄ›ma
  • Odkazy na objekty a kopírování objektů
  • SbÄ›r odpadků
  • Objektové metody, „this“
    • Použití „this“ v objektovém literálu
    • VytvoÅ™te kalkulátor
    • ZÅ™etÄ›zení
  • Konstruktor, operátor „new“
    • DvÄ› funkce – jeden objekt
    • VytvoÅ™te nový Kalkulátor
    • VytvoÅ™te nový Akumulátor
  • Volitelné zÅ™etÄ›zení „?.“
  • Typ symbol
  • Konverze objektů na primitivní typy
• Datové typy
  • Metody primitivů
    • Mohu pÅ™idat vlastnost do Å™etÄ›zce?
  • Čísla
    • SečtÄ›te čísla od návÅ¡tÄ›vníka
    • Proč 6.35.toFixed(1) == 6.3?
    • Opakování, dokud na vstupu nebude číslo
    • Občasná nekonečná smyčka
    • Náhodné číslo od min do max
    • Náhodné celé číslo od min do max
  • ŘetÄ›zce
    • Změňte první znak na velké písmeno
    • Kontrola spamu
    • Zkrácení textu
    • Vyjmutí částky
  • Pole
    • Zkopíruje se pole?
    • Operace s poli
    • Volání v kontextu pole
    • SečtÄ›te čísla na vstupu
    • Maximální podpole
  • Metody polí
    • Změňte border-left-width na borderLeftWidth
    • Filtrace podle rozsahu
    • Filtrace podle rozsahu „na místě“
    • SeÅ™aďte pole v sestupném poÅ™adí
    • Zkopírujte a seÅ™aďte pole
    • VytvoÅ™te rozÅ¡iÅ™itelný kalkulátor
    • Mapování na jména
    • Mapování na objekty
    • SeÅ™azení uživatelů podle vÄ›ku
    • Míchání pole
    • ZjiÅ¡tÄ›ní průmÄ›rného vÄ›ku
    • Filtrace unikátních prvků pole
    • VytvoÅ™ení klíčovaného objektu z pole
  • Iterovatelné objekty
  • Mapa a množina
    • Filtrace unikátních prvků pole
    • Filtrace anagramů
    • Iterovatelné klíče
  • Slabá mapa a slabá množina
    • Uložení označení „pÅ™ečteno“
    • Uložení data pÅ™ečtení
  • Metody Object.keys, values, entries
    • Součet vlastností
    • Počet vlastností
  • Destrukturační pÅ™iÅ™azení
    • Destrukturační pÅ™iÅ™azení
    • Nejvyšší plat
  • Datum a čas
    • VytvoÅ™ení data
    • Zobrazení dne v týdnu
    • Evropský den v týdnu
    • Který den v mÄ›síci byl pÅ™ed mnoha dny?
    • Poslední den v mÄ›síci?
    • Kolik sekund už dnes uplynulo?
    • Kolik sekund zbývá do zítÅ™ka?
    • Relativní formátování data
  • Metody pro JSON, toJSON
    • PÅ™eveďte objekt do JSONu a zpÄ›t
    • VyÅ™aďte zpÄ›tné odkazy
• Pokročilá práce s funkcemi
  • Rekurze a zásobník
    • SečtÄ›te vÅ¡echna čísla až do zadaného
    • Výpočet faktoriálu
    • Fibonacciho čísla
    • VypiÅ¡te lineární spojový seznam
    • VypiÅ¡te lineární spojový seznam v opačném poÅ™adí
  • Zbytkové parametry a roztažená syntaxe
  • Oblast platnosti promÄ›nné, uzávÄ›r
    • Odrážejí se ve funkci poslední zmÄ›ny?
    • Které promÄ›nné jsou dostupné?
    • Jsou čítače nezávislé?
    • Objekt čítače
    • Funkce v if
    • Součet s uzávÄ›ry
    • Je promÄ›nná viditelná?
    • Filtrace pomocí funkce
    • Řazení podle vlastnosti
    • Armáda funkcí
  • Starý příkaz „var“
  • Globální objekt
  • Funkční objekt, NFE
    • Nastavení a snížení čítače
    • Sčítání s libovolným počtem závorek
  • Syntaxe „new Function“
  • ÄŒasování: setTimeout a setInterval
    • Výstup každou sekundu
    • Co zobrazí setTimeout?
  • Dekorátory a pÅ™esmÄ›rování, call/apply
    • Å piónský dekorátor
    • Zpožďovací dekorátor
    • Vyčkávací (debounce) dekorátor
    • Tlumící (throttle) dekorátor
  • Vazby funkcí
    • Vázaná funkce jako metoda
    • Druhá vazba
    • Vlastnost funkce po bind
    • Opravte funkci, která ztrácí „this“
    • Částečná aplikace pro pÅ™ihlášení
  • Å ipkové funkce podruhé
• Konfigurace vlastností objektů
  • PÅ™epínače a deskriptory vlastností
  • Gettery a settery vlastností
• Prototypy, dÄ›dičnost
  • Prototypová dÄ›dičnost
    • Práce s prototypem
    • Vyhledávací algoritmus
    • Kam se to zapíše?
    • Proč jsou oba kÅ™ečci sytí?
  • F.prototype
    • ZmÄ›na „prototype“
    • VytvoÅ™ení objektu stejným konstruktorem
  • Nativní prototypy
    • PÅ™idejte do funkcí metodu „f.odlož(ms)“
    • PÅ™idejte do funkcí dekorační „odlož()“
  • Prototypové metody, objekty bez __proto__
    • PÅ™idejte toString do slovníku
    • Rozdíl mezi voláními
• Třídy
  • Základní syntaxe tříd
    • PÅ™epiÅ¡te na třídu
  • Třídní dÄ›dičnost
    • Chyba pÅ™i vytváření instance
    • Rozšířené hodiny
  • Statické vlastnosti a metody
    • Třída rozÅ¡iÅ™uje Object?
  • Soukromé a chránÄ›né vlastnosti a metody
  • RozÅ¡iÅ™ování vestavÄ›ných tříd
  • Ověřování tříd: „instanceof“
    • Podivné instanceof
  • Mixiny
• OÅ¡etÅ™ování chyb
  • OÅ¡etÅ™ování chyb, „try...catch“
    • Klauzule finally nebo jen kód?
  • Vlastní chyby, rozšíření třídy Error
    • DÄ›dÄ›ní ze třídy SyntaxError
• Přísliby, async/await
  • Úvod: callbacky
  • Příslib
    • ZnovusplnÄ›ní příslibu?
    • ÄŒekání s příslibem
    • Animovaný kruh s příslibem
  • ZÅ™etÄ›zení příslibů
    • Příslib: then oproti catch
  • OÅ¡etÅ™ování chyb pomocí příslibů
    • Chyba ve funkci setTimeout
  • Příslibové API
  • Promisifikace
  • Mikroúlohy
  • Async/await
    • PÅ™epiÅ¡te za použití async/await
    • PÅ™epiÅ¡te „opÄ›tovné vyvolání“ za použití async/await
    • Volání asynchronní funkce z neasynchronní
    • Nebezpečný Promise.all
• Generátory, pokročilá iterace
  • Generátory
    • Generátor pseudonáhodných čísel
  • Asynchronní iterace a generátory
• Moduly
  • Úvod do modulů
  • Export a import
  • Dynamické importy
• Různé
  • Třídy Proxy a Reflect
    • Chyba pÅ™i načítání neexistující vlastnosti
    • Přístup k poli[-1]
    • Pozorovatelný objekt
  • Eval: spuÅ¡tÄ›ní Å™etÄ›zce kódu
    • Kalkulátor
  • Curryování
  • Referenční typ
    • Syntaktická kontrola
    • VysvÄ›tlete hodnotu „this“
  • Typ BigInt
  • Unicode, vnitÅ™ní reprezentace Å™etÄ›zce
  • WeakRef a FinalizationRegistry

Prohlížeč: dokument, události, rozhraní

• Dokument
  • ProstÅ™edí prohlížeče a jeho specifikace
  • DOM strom
  • Procházení DOMem
    • DÄ›ti DOMu
    • Otázka ohlednÄ› sourozenců
    • Vyberte vÅ¡echny diagonální buňky
  • Hledání: getElement*, querySelector*
    • Hledání elementů
  • Vlastnosti uzlů: typ, značka a obsah
    • Spočítejte potomky
    • Co je v nodeType?
    • Značka v komentáři
    • Kde v hierarchii je „document“?
  • Atributy a vlastnosti
    • NačtÄ›te atribut
    • ObarvÄ›te externí odkazy oranžovÄ›
  • Modifikace dokumentu
    • createTextNode oproti innerHTML oproti textContent
    • VyčistÄ›te element
    • Proč tady zbude „aaa“?
    • VytvoÅ™te seznam
    • VytvoÅ™te strom z objektu
    • Zobrazte potomky ve stromÄ›
    • VytvoÅ™te kalendář
    • Barevné hodiny pomocí setInterval
    • Vložte HTML kód do seznamu
    • SeÅ™aďte tabulku
  • Styly a třídy
    • VytvoÅ™te oznámení
  • Velikost a rolování elementu
    • Jaká je velikost odrolování zdola?
    • Jaká je šířka posuvníku?
    • UmístÄ›te míč doprostÅ™ed hÅ™iÅ¡tÄ›
    • Rozdíl: šířka v CSS oproti clientWidth
  • Velikost a rolování okna
  • SouÅ™adnice
    • NajdÄ›te okenní souÅ™adnice hÅ™iÅ¡tÄ›
    • Zobrazte poznámku poblíž elementu
    • Zobrazte poznámku poblíž elementu (absolutnÄ›)
    • UmístÄ›te poznámku dovnitÅ™ (absolutnÄ›)
• Úvod do událostí
  • Úvod do událostí prohlížeče
    • Schování po kliknutí
    • Schování sebe sama
    • Které handlery se spustí?
    • PÅ™esuňte míč na hÅ™iÅ¡ti
    • VytvoÅ™ení klouzavého menu
    • PÅ™idejte uzavírací tlačítko
    • Kolotoč
  • Bublání a zachytávání
  • Delegování událostí
    • Skryjte zprávy pomocí delegování
    • Stromové menu
    • Řaditelná tabulka
    • Podpora tooltipu
  • Standardní akce prohlížeče
    • Proč nefunguje „return false“?
    • Zachytávejte odkazy v elementu
    • Obrázková galerie
  • Vyvolávání vlastních událostí
• Události uživatelského rozhraní
  • Události myÅ¡i
    • Vybírací seznam
  • Pohyb myší: mouseover/out, mouseenter/leave
    • VylepÅ¡ené chování tooltipu
    • „Chytrý“ tooltip
  • PÅ™etahování pomocí událostí myÅ¡i
    • Posuvník
    • PÅ™etahujte superhrdiny po hÅ™iÅ¡ti
  • Události ukazatele
  • Klávesnice: keydown a keyup
    • Rozšíření horkých kláves
  • Rolování
    • Nekonečná stránka
    • Tlačítko „na začátek“
    • Načtení viditelných obrázků
• Formuláře a ovládací prvky
  • Vlastnosti a metody formulářů
    • PÅ™idejte možnost volby
  • Fokus: focus/blur
    • Editovatelný div
    • Editace TD po kliknutí
    • MyÅ¡ řízená klávesnicí
  • Události change, input, cut, copy, paste
    • Kalkulátor vkladů
  • Formuláře: událost a metoda submit
    • Modální formulář
• Načítání dokumentu a zdrojů
  • Stránka: DOMContentLoaded, load, beforeunload, unload
  • Skripty: async, defer
  • Načítání zdrojů: onload a onerror
    • Načtení obrázků s callbackem
• Různé
  • Pozorovatel zmÄ›n
  • VýbÄ›r textu: třídy Selection a Range
  • Smyčka událostí: mikroúlohy a makroúlohy
    • Jaký výstup vydá tento kód?

Doplňující články

• Rámy a okna
  • Vyskakovací okna a metody oken
  • Komunikace mezi okny
  • Útok clickjackingem
• Binární data a soubory
  • ArrayBuffer, binární pole
    • ZÅ™etÄ›zení typových polí
  • TextDecoder a TextEncoder
  • Blob
  • File a FileReader
• Síťové požadavky
  • Fetch
    • StáhnÄ›te uživatele z GitHubu
  • FormData
  • Fetch: průbÄ›h stahování
  • Fetch: zruÅ¡ení stahování
  • Fetch: požadavky jiného původu
    • K čemu potÅ™ebujeme Origin?
  • API metody fetch
  • Objekty URL
  • XMLHttpRequest
  • Obnovitelné odesílání souboru
  • Dlouhé dotazování
  • WebSocket
  • Server Sent Events
• Ukládání dat v prohlížeči
  • Cookies, document.cookie
  • Objekty localStorage, sessionStorage
    • Automatické uložení pole formuláře
  • IndexedDB
• Animace
  • Bézierovy kÅ™ivky
  • CSS animace
    • Animace letadla (CSS)
    • Animace letícího letadla (CSS)
    • Animovaný kruh
    • Animovaný kruh s callbackem
  • Animace v JavaScriptu
    • Animace skákajícího míče
    • Animace míče skákajícího doprava
• Webové komponenty
  • Z oběžné dráhy
  • Vlastní elementy
    • Element živých hodin
  • Stínový DOM
  • Element Å¡ablony
  • Sloty a kompozice stínového DOMu
  • Nastavení stylů stínového DOMu
  • Stínový DOM a události
• Regulární výrazy
  • Vzory a příznaky
  • Znakové třídy
  • Unicode: příznak „u“ a třída \p{...}
  • Kotvy: začátek Å™etÄ›zce ^ a konec Å™etÄ›zce $
    • Regulární výraz ^$
  • Víceřádkový režim kotev ^ $, příznak „m“
  • Hranice slov: \b
    • NajdÄ›te čas
  • Únikové a speciální znaky
  • Množiny a rozsahy [...]
    • Java[^script]
    • NajdÄ›te čas ve tvaru hh:mm nebo hh-mm
  • Kvantifikátory +, *, ? a {n}
    • Jak najít výpustku "..." ?
    • Regulární výraz pro HTML barvy
  • Hltavé a liknavé kvantifikátory
    • Shoda s /d+? d+?/
    • NajdÄ›te HTML komentáře
    • NajdÄ›te HTML značky
  • Zachytávací skupiny
    • Ověřte MAC adresu
    • NajdÄ›te barvu ve formátu #abc nebo #abcdef
    • NajdÄ›te vÅ¡echna čísla
    • Parsujte výraz
  • ZpÄ›tné odkazy ve vzoru: \N a \k<jméno>
  • Alternace (NEBO) |
    • NajdÄ›te programovací jazyky
    • NajdÄ›te dvojice BB-značek
    • NajdÄ›te Å™etÄ›zce v uvozovkách
    • NajdÄ›te celou značku
  • DopÅ™edné a zpÄ›tné nahlédnutí
    • NajdÄ›te nezáporná čísla
    • Vložení za hlavičku
  • Katastrofický zpÄ›tný průchod
  • Lepkavý příznak „y“, hledání na stanovené pozici
  • Metody tříd RegExp a String

• © 2007—2026  Ilya Kantor
• o projektu
• kontaktujte nás