diff --git a/daweb/js1/filmbox/cvlekce/detail-filmu/exercise.md b/daweb/js1/filmbox/cvlekce/detail-filmu/exercise.md
index 82a01e19..47c3f7fb 100644
--- a/daweb/js1/filmbox/cvlekce/detail-filmu/exercise.md
+++ b/daweb/js1/filmbox/cvlekce/detail-filmu/exercise.md
@@ -7,7 +7,7 @@ solutionAccess: protected
 
 Zobrazte příslušné informace o filmu na stránce s detailem.
 
-1. Protože stránka `film.html` obsluhuje datail všech filmů, budete si muset přes adresu stránky předat informaci, který konkrétní film si uživatel právě prohlíží. Využijeme toho, že dna konec adresy můžeme přidat znak mřížky (`#`) a za něj libovolný text, který následně můžeme v JavaScriptu přečíst. (V tomto kroku jsou jen informace, nic neděláte.)
+1. Protože stránka `film.html` obsluhuje datail všech filmů, budete si muset přes adresu stránky předat informaci, který konkrétní film si uživatel právě prohlíží. Využijeme toho, že na konec adresy můžeme přidat znak mřížky (`#`) a za něj libovolný text, který následně můžeme v JavaScriptu přečíst. (V tomto kroku jsou jen informace, nic neděláte.)
 1. V souboru `seznam.js` v HTML kódu z předchozího úkolu (který zobrazuje jeden film v seznamu) přidejte do odkazu `href` za `film.html` znak mřížky (`#`) a za něj ještě unikátní identifikátor (`id`), který má každý film jiný. HTML by pak mělo vypadat zhruba takto:
 
    <!-- prettier-ignore -->
diff --git a/daweb/js1/funkce-arg-udalosti/anonymni-funkce.md b/daweb/js1/funkce-arg-udalosti/anonymni-funkce.md
index 2489b69d..65f18a81 100644
--- a/daweb/js1/funkce-arg-udalosti/anonymni-funkce.md
+++ b/daweb/js1/funkce-arg-udalosti/anonymni-funkce.md
@@ -1,6 +1,6 @@
 ## Anonymní funkce
 
-V předchozím programu je vidět, že funkci `timesIsUp` používáme pouze jednou. Je proto trochu zbytečné pro ni vytvářet proměnnou. Funkci můžeme vytvořit přímo na místě, kdy ji používáme.
+V předchozím programu je vidět, že funkci `timesIsUp` používáme pouze jednou. Je proto trochu zbytečné pro ni vytvářet proměnnou. Funkci můžeme vytvořit přímo na místě, kde ji používáme.
 
 ```js
 setTimeout(() => {
@@ -8,9 +8,9 @@ setTimeout(() => {
 }, 5000);
 ```
 
-Pokud nějakou funkci vytváříme přímo takto na místě místo toho, abychom ji nejdříve uložili do proměné, říkáme, že taková funkce je takzvaně :term{cs="anonymní" en="anonymous"}. V teorii programování se místo tohoto pojmu spíše setkáte s pojmem :term{cs="lambda funkce" en="lambda functions"}. V JavaScriptu se toto sousloví až tolik nepoužívá, zato v jazyce Python je to zažitý termín.
+Pokud nějakou funkci vytváříme přímo takto na místě místo toho, abychom ji nejdříve uložili do proměnné, říkáme, že taková funkce je takzvaně :term{cs="anonymní" en="anonymous"}. V teorii programování se místo tohoto pojmu spíše setkáte s pojmem :term{cs="lambda funkce" en="lambda functions"}. V JavaScriptu se toto sousloví až tolik nepoužívá, zato v jazyce Python je to zažitý termín.
 
-Program napsaný pomocí lambda funkcí vám možná přijde hůř k přečtení. Anonymní funkce se ovšem v JavaScriptu používají zcela běžně a jakmile si na tento způsob zapisu zvyknete, budete jej radostně používat také.
+Program napsaný pomocí lambda funkcí vám možná přijde hůř k přečtení. Anonymní funkce se ovšem v JavaScriptu používají zcela běžně a jakmile si na tento způsob zápisu zvyknete, budete jej radostně používat také.
 
 Podobně jako u funkce `setTimout`, anonymní funkci můžeme předat i naší známé funkci `calc`. Zkuste určit, co bude výsledkem následujícího výrazu a proč.
 
diff --git a/daweb/js1/funkce-arg-udalosti/cvdoma/catering.md b/daweb/js1/funkce-arg-udalosti/cvdoma/catering.md
index e63ea143..b79b85f2 100644
--- a/daweb/js1/funkce-arg-udalosti/cvdoma/catering.md
+++ b/daweb/js1/funkce-arg-udalosti/cvdoma/catering.md
@@ -18,7 +18,7 @@ Napište pro každou z těcho společností funkci s jedním parametrem, který
 
 > Catering od Flavour Haven pro 100 lidí za 300000 Kč
 
-Vyzkoušjte si vaše funkce v konzoli. Poté napište funkci `createEvent`, která představuje vytvoření nějaké události s cateringem. Funkce na vstupu obdrží název události, počet lidí a funkci, pomocí které se má provést catering. Funkce `createEvent` pak vrátí zprávu ve smyslu
+Vyzkoušejte si vaše funkce v konzoli. Poté napište funkci `createEvent`, která představuje vytvoření nějaké události s cateringem. Funkce na vstupu obdrží název události, počet lidí a funkci, pomocí které se má provést catering. Funkce `createEvent` pak vrátí zprávu ve smyslu
 
 > Událost Inaugurace prezidenta s catering od Flavour Haven pro 100 lidí za 300000 Kč
 
diff --git a/daweb/js1/funkce-arg-udalosti/cvlekce/zarovka/exercise.md b/daweb/js1/funkce-arg-udalosti/cvlekce/zarovka/exercise.md
index 47a8ef1b..f87c01ba 100644
--- a/daweb/js1/funkce-arg-udalosti/cvlekce/zarovka/exercise.md
+++ b/daweb/js1/funkce-arg-udalosti/cvlekce/zarovka/exercise.md
@@ -10,7 +10,7 @@ Vytvořte si repozitář ze šablony [cviceni-zarovka](https://github.com/Czechi
 
 Cílem bude, aby se po stisknutí klávesy žárovka na stránce rozsvítila (k elementu žárovky `.bulb` se přidá třída `bulb--on`, která pomocí CSS zařídí rozsvícení žárovky). Po té vylepšíte program tak, aby dalším stisknutím klávesy žárovka zase zhasla – a tak stále dokola.
 
-1. Budete potřebovat reagovat na událost `keydown`. Pozor na to, že události z klávesnice získávají pouze elemnety, které mají :term{cs="zaměření" en="focus"}. Focus mají třeba formulářová políčka, když do nich uživatel klikne. Aby získal focus element `div` by ale bylo obtížné. Proto posluchač události navěsíme na `document`, tedy na celou webovu stránku. Tím pádem se o stisknutí klávesy dozvíme, ať má focus kterýkoli prvek na stránce. Při zkoušení vašeho kódu si ověřte, že má focus okno prohlížeče – než stisknete klávesu, klikněte myší do webové stránky.
+1. Budete potřebovat reagovat na událost `keydown`. Pozor na to, že události z klávesnice získávají pouze elementy, které mají :term{cs="zaměření" en="focus"}. Focus mají třeba formulářová políčka, když do nich uživatel klikne. Aby získal focus element `div` by ale bylo obtížné. Proto posluchač události navěsíme na `document`, tedy na celou webovou stránku. Tím pádem se o stisknutí klávesy dozvíme, ať má focus kterýkoli prvek na stránce. Při zkoušení vašeho kódu si ověřte, že má focus okno prohlížeče – než stisknete klávesu, klikněte myší do webové stránky.
 1. Dá se zjistit, kterou klávesu uživatel stiskl. My chceme, aby žárovka reagovala na libovolnou klávesu, proto to nebudeme řešit – stačí nám informace, že došlo k události `keydown`.
 1. Do ovladače události (funkce), který reaguje na událost `keydown`, přidejte kód, který elementu s žárovkou (s třídou `bulb`) přidá třídu `bulb--on`. Žárovka by se takto měla rozsvítit.
 1. Vylepšete program tak, aby na následné stisknutí libovolné klávesy žárovka opět zhasnula (tj. odstraní se třída `bulb--on`).
diff --git a/daweb/js1/funkce-arg-udalosti/druhy-udalosti.md b/daweb/js1/funkce-arg-udalosti/druhy-udalosti.md
index bd33511c..4934b0fc 100644
--- a/daweb/js1/funkce-arg-udalosti/druhy-udalosti.md
+++ b/daweb/js1/funkce-arg-udalosti/druhy-udalosti.md
@@ -10,7 +10,7 @@ const handleClick = () => {
 document.addEventListener('click', handleClick);
 ```
 
-Takto přidáme posluchače události k celé naší stránce. Na celé stránce také můžeme použít událost `scroll`, která nastave pokaždé, když uživatel na stránce zascrolluje.
+Takto přidáme posluchače události k celé naší stránce. Na celé stránce také můžeme použít událost `scroll`, která nastane pokaždé, když uživatel na stránce zascrolluje.
 
 ```js
 const handleScroll = () => {
diff --git a/daweb/js1/funkce-arg-udalosti/funkce-arg.md b/daweb/js1/funkce-arg-udalosti/funkce-arg.md
index 40813eb1..6908cfd7 100644
--- a/daweb/js1/funkce-arg-udalosti/funkce-arg.md
+++ b/daweb/js1/funkce-arg-udalosti/funkce-arg.md
@@ -1,4 +1,4 @@
-V předchozích lekcích jsme si ukázali, jak můžeme pomocí JavaScriptu měnit obsah stránky a jak vyrábět vlastní funkce. Díky těmto nástrojům se postupně bližíme k tomu, abychom uměli naše stránky udělat skutečně interaktivní. Budeme chtít umět změnit obsah stránky ve chvíli, kdy uživatel klikne na tlačítko, umožnit uživateli vložit vstup pomocí textového políčka a mnoho dalších interakcí. K tomu potřebujeme porozumět takzvaným :term{cs="událostem" en="events"}. Abychom uměli dobře používat události, bude se nám hodit vědět něco více o tom, jak fungují funkce.
+V předchozích lekcích jsme si ukázali, jak můžeme pomocí JavaScriptu měnit obsah stránky a jak vyrábět vlastní funkce. Díky těmto nástrojům se postupně blížíme k tomu, abychom uměli naše stránky udělat skutečně interaktivní. Budeme chtít umět změnit obsah stránky ve chvíli, kdy uživatel klikne na tlačítko, umožnit uživateli vložit vstup pomocí textového políčka a mnoho dalších interakcí. K tomu potřebujeme porozumět takzvaným :term{cs="událostem" en="events"}. Abychom uměli dobře používat události, bude se nám hodit vědět něco více o tom, jak fungují funkce.
 
 ## Funkce jako argumenty
 
diff --git a/daweb/js1/funkce-arg-udalosti/udalosti.md b/daweb/js1/funkce-arg-udalosti/udalosti.md
index 914b850f..5fc2cd2e 100644
--- a/daweb/js1/funkce-arg-udalosti/udalosti.md
+++ b/daweb/js1/funkce-arg-udalosti/udalosti.md
@@ -1,6 +1,6 @@
 ## Události
 
-Aby naše stránky mohly být skutečně interaktivní, potřebujeme být schopni reagovat na akce, které uživatel na stránce provádí - klikání na tlačíka, stiknutí kláves, scrollování, pohyb myší apod. Vždy, když některá z těcho akcí na stránce nastane, říkáme, že nastala určitá :term{cs="událost" en="event"}. JavaScript reprezentuje takovou událost jako speciální typ hodnoty podobně jako číslo, řetězec nebo funkci. Událost tedy můžeme uložit do proměnné nebo poslat nějaké funkci jako vstup. Událost obsahuje vlastnosti a metody, které popisují co se přesně stalo, například jaká klávesa byla zrovna stisknuta, kde na obrazovce bylo kliknuto a spoustu dalších užitenčných informací.
+Aby naše stránky mohly být skutečně interaktivní, potřebujeme být schopni reagovat na akce, které uživatel na stránce provádí – klikání na tlačítka, stisknutí kláves, scrollování, pohyb myší apod. Vždy, když některá z těcho akcí na stránce nastane, říkáme, že nastala určitá :term{cs="událost" en="event"}. JavaScript reprezentuje takovou událost jako speciální typ hodnoty podobně jako číslo, řetězec nebo funkci. Událost tedy můžeme uložit do proměnné nebo poslat nějaké funkci jako vstup. Událost obsahuje vlastnosti a metody, které popisují co se přesně stalo, například jaká klávesa byla zrovna stisknuta, kde na obrazovce bylo kliknuto a spoustu dalších užitečných informací.
 
 Abychom mohli na události reagovat, JavaScript nám umožňuje ke každé události, která nás zajímá, připojit funkci, která se zavolá ve chvíli, kdy daná událost nastane. Takové funkci často říkáme :term{cs="posluchač události" en="event listener"}. Můžeme si představit, že JavaScript runtime pečlivě naslouchá všem možným událostem a volá k nim přiřazené funkce. Taková funkce může vypadat například takto.
 
@@ -36,13 +36,13 @@ buttonElement.addEventListener('click', changeTitle);
 
 S událostmi přichází několik nástrah, na které když si nedáme pozor, naše stránka nejen že nebude fungovat, ale nevyhodí ani žádnou chybu. V takové situací může být těžké odhalit, v čem přesně je zakopaný pes. Tyto nástrahy se často rády objeví těsně před deadlinem odevzdání projektu a jejich hektické řešení pak má neblahý vliv na naše zdraví a zdraví našich kolegů.
 
-Nástraha první spočítá v předávání funkce `changeTitle`. Všimněte si opět toho, že používáme funkci `changeTitle` jako hodnotu a předáváme ji jako vstup metodě `addEventListener`. Nikde v našem kódu funkci sami nevoláme. Zavolá ji až JavaScript runtime ve chvíli, kdy na tlačíku nastane událost `click`. Častou začátečnickou chybou je pokušet se funkci zavolat sami.
+Nástraha první spočítá v předávání funkce `changeTitle`. Všimněte si opět toho, že používáme funkci `changeTitle` jako hodnotu a předáváme ji jako vstup metodě `addEventListener`. Nikde v našem kódu funkci sami nevoláme. Zavolá ji až JavaScript runtime ve chvíli, kdy na tlačíku nastane událost `click`. Častou začátečnickou chybou je pokoušet se funkci zavolat sami.
 
 ```js
 buttonElement.addEventListener('click', changeTitle());
 ```
 
-V tomto případě se funkce `changeTitle` zavolá už ve chvíli, kdy voláme metodu `addEventListener`. Té se pak jako druhý vstup předá **výsledek** volání funkce `changeTitle`, nikoliv funkce samotná. Jelikož `changeTitle` nic nevrací (přesněji řečeno, vrací `undefined`), k události `click` se žádný posluchač nepřipojí. Naše tlačítko tedy nebude fungovat. Co nás může zmást je to, že takováto stránka nevyhodí žádnou chybu. Náš JavaScript kód totiž funguje jak má. Jen jsme ho napsali tak, že dělá něco jiného než chceme. JavaScript runtime však nemůže telepaticky nahlížet do našich hlav aby věděl, co doopravdy chceme. Prostě dělá to, co jsme mu řekli.
+V tomto případě se funkce `changeTitle` zavolá už ve chvíli, kdy voláme metodu `addEventListener`. Té se pak jako druhý vstup předá **výsledek** volání funkce `changeTitle`, nikoliv funkce samotná. Jelikož `changeTitle` nic nevrací (přesněji řečeno, vrací `undefined`), k události `click` se žádný posluchač nepřipojí. Naše tlačítko tedy nebude fungovat. Co nás může zmást je to, že takováto stránka nevyhodí žádnou chybu. Náš JavaScript kód totiž funguje jak má. Jen jsme ho napsali tak, že dělá něco jiného než chceme. JavaScript runtime však nemůže telepaticky nahlížet do našich hlav, aby věděl, co doopravdy chceme. Prostě dělá to, co jsme mu řekli.
 
 Nástraha druhá spočívá v názvech událostí. To jsou obyčejné řetězce, jak je známe už z první lekce. Není vůbec těžké udělat v názvu události překlep, obzvlášť, pokud je název delší, nebo nejsme tolik zdatní v angličtině.
 
@@ -51,6 +51,6 @@ buttonElement.addEventListener('clik', changeTitle);
 buttonElement.addEventListener('mousdown', changeTitle);
 ```
 
-Správně je `click` a `mousedown`. Toto za nás JavaScript runtime bohužel nezkontroluje. Jenoduše k našemu názvu připojí posluchače a už se nestará o to, že událost se špatným názvem nikdy nenastane. Naše stránka pak prostě nebude fungovat a opět také nenastane žádná chyba. Z hlediska runtimu je však jako v předchozím případě všechno v naprostém pořádku.
+Správně je `click` a `mousedown`. Toto za nás JavaScript runtime bohužel nezkontroluje. Jednoduše k našemu názvu připojí posluchače a už se nestará o to, že událost se špatným názvem nikdy nenastane. Naše stránka pak prostě nebude fungovat a opět také nenastane žádná chyba. Z hlediska runtimu je však jako v předchozím případě všechno v naprostém pořádku.
 
 Když tedy pracujete s událostmi, vždy si dobře zkontrolujte, že jste jméno události napsali správně a že také správným způsobem předáváte posluchače.
diff --git a/daweb/js1/funkce-arg-udalosti/zpozdeni-casovace.md b/daweb/js1/funkce-arg-udalosti/zpozdeni-casovace.md
index d788583b..b8c8c297 100644
--- a/daweb/js1/funkce-arg-udalosti/zpozdeni-casovace.md
+++ b/daweb/js1/funkce-arg-udalosti/zpozdeni-casovace.md
@@ -1,6 +1,6 @@
 ## Zpoždění a časovače
 
-Dobrá zpráva pro začínající programátory je, že psát funkce očekávající jiné funkce na vstupu je spíše pokročilá věc a budeme ji používat až při práci v Reactu. Zatím budeme funkce tohoto ražení používat už hotové, zabuduované přímo v JavaScriptu.
+Dobrá zpráva pro začínající programátory je, že psát funkce očekávající jiné funkce na vstupu je spíše pokročilá věc a budeme ji používat až při práci v Reactu. Zatím budeme funkce tohoto ražení používat už hotové, zabudované přímo v JavaScriptu.
 
 Jedna ze situací, kdy se nám velmi hodí použít funkci jako argument, nastává, když chceme v JavaScriptu provedení nějaké funkce pozdržet nebo její volání pravidelně opakovat. Jako příklad vezměme aplikaci, kde uživatel odpovídá na kvízové otázky. Budeme chtít, aby uživatel měl na každou odpověď nějaký časový limit, například 5 vteřin, po jehož uplynutí vypíšeme „čas vypršel“. Vyrobíme si tedy funkci, která vypisuje naši zprávu, zatím pro jednoduchost přimo do `body`.
 
diff --git a/daweb/js2/api-parametry/cvlekce/e-shop.md b/daweb/js2/api-parametry/cvlekce/e-shop.md
index 979e7f56..ac81b9d6 100644
--- a/daweb/js2/api-parametry/cvlekce/e-shop.md
+++ b/daweb/js2/api-parametry/cvlekce/e-shop.md
@@ -8,13 +8,13 @@ solutionAccess: protected
 
 Vytvořte aplikaci, která bude simulovat nějaký malý e-shop. E-shop bude mít dvě stránky, na jedné bude seznam produktů a na druhé detail jednoho produktu. Na stránce s produkty bude možné vybrat jeden produkt a přejít na jeho detail.
 
-Toto cvičení je zadáno schválně vágněji a obecněji než jsme zvyklí, abyste měli příležitost se semi zamyslet nad strukturou aplikac.
+Toto cvičení je zadáno schválně vágněji a obecněji než jsme zvyklí, abyste měli příležitost se sami zamyslet nad strukturou aplikace.
 
 1. Rozmyslete si, jaké produkty váš e-shop bude nabízet.
 1. Založte lokální API server. Vytvořte v něm jednu kolekci dat s vašimi produkty. Sami si rozmyslete, jaké vlastnosti budou produkty mít. Nebojte se do dat vložit např. odkazy na obrázek produktu, který můžete sehnat někde na internetu. Server rozeběhněte pomocí `npx apidroid` a ověřte, že se vám data zobrazují v prohlížeči.
 1. Založte si novou Vite/JSX aplikaci. Na úvodní stránce vytvořte hlavní komponentu `HomePage`, která bude zobrazovat seznam produktů. Vytvořte komponentu `Product`, která bude zobrazovat jeden produkt. Zapojte komponentu do stránky.
 1. Každý produkt nechť zobrazuje tlačítko, které vás přesune na stránku `detail.html`. Stránce předejte search parametr s id produktu.
-1. Vytvořte stráku `detail.html` s vlastním JavaScriptem `detail.jsx`. Vytvořte hlavní komponentu `ProductPage`, která zatím bude zobrazovat například pouze nadpis _Detail produktu_. Zapojte komponentu do stránky.
+1. Vytvořte stránku `detail.html` s vlastním JavaScriptem `detail.jsx`. Vytvořte hlavní komponentu `ProductPage`, která zatím bude zobrazovat například pouze nadpis _Detail produktu_. Zapojte komponentu do stránky.
 1. Na začátku souboru načtěte data produktu z API serveru pomocí `fetch`. K tomu bude potřeba si přečíst id produktu ze search parametru. Výsledek uložte do proměnné `product`.
 1. V komponentě `ProductPage` zobrazte detail produktu podle dat ze serveru.
 1. Aplikaci lehce nastylujte, aby vypadala jako e-shop.
diff --git a/daweb/js2/api-parametry/cvlekce/spravce-odkazu.md b/daweb/js2/api-parametry/cvlekce/spravce-odkazu.md
index 7044eb91..021e5cbc 100644
--- a/daweb/js2/api-parametry/cvlekce/spravce-odkazu.md
+++ b/daweb/js2/api-parametry/cvlekce/spravce-odkazu.md
@@ -6,12 +6,12 @@ lead: Vytvořte aplikaci, která bude spravovat internetové odkazy.
 solutionAccess: protected
 ---
 
-Při brouzdání internetem by se jistě leckomu mohla hodit aplikace, která bude spravovat různé internetové odkazy, abychom je nemuseli mít v tísíci záložkách v prohlížeči, které se pak bojíme zavřít. Základ takové aplikací si vytvoříme v této úloze.
+Při brouzdání internetem by se jistě leckomu mohla hodit aplikace, která bude spravovat různé internetové odkazy, abychom je nemuseli mít v tisíci záložkách v prohlížeči, které se pak bojíme zavřít. Základ takové aplikací si vytvoříme v této úloze.
 
 Postupujte dle následujících kroků. Naši aplikaci nazveme originálně _Správce odkazů_.
 
 1. Nejdříve vytvořte lokální API server pro náš projekt. Založte si někde na disku složku `odkazy-api` a otevřete ji ve VS Code.
-1. V této složce vytvořte složku `api` a v ní soubor `links.json` a vložte do něj pole několika odkazů, abychom mělik do začátku nějaká data. Rozmyslete si, jak by měl objekt jednoho odkazu vypadat. Určitě budeme chtít evidovat
+1. V této složce vytvořte složku `api` a v ní soubor `links.json` a vložte do něj pole několika odkazů, abychom měli do začátku nějaká data. Rozmyslete si, jak by měl objekt jednoho odkazu vypadat. Určitě budeme chtít evidovat
 
    - URL na kterou odkaz míří, např. `https://www.seznam.cz`,
    - název odkazu, např. `Seznam`,
diff --git a/daweb/js2/api-parametry/search-parametry.md b/daweb/js2/api-parametry/search-parametry.md
index 8c0a7e09..c3625df5 100644
--- a/daweb/js2/api-parametry/search-parametry.md
+++ b/daweb/js2/api-parametry/search-parametry.md
@@ -11,9 +11,9 @@ Pro předávání informací z jedné stránky na druhou se standardně použív
 https://api.sunrise-sunset.org/json?lat=50&lng=14.5
 ```
 
-Zde vidíme dva search parametry `lat` a `lng` oddělené znakem `&`. Každý z nich má svou hodnotu, kterou vidímze za znakem `=`.
+Zde vidíme dva search parametry `lat` a `lng` oddělené znakem `&`. Každý z nich má svou hodnotu, kterou vidíme za znakem `=`.
 
-Naším hlavím cílem je naučit se search parametry přečíst v naší stránce pomocí JavaScriptu.
+Naším hlavním cílem je naučit se search parametry přečíst v naší stránce pomocí JavaScriptu.
 
 ## Search parametry v JavaScriptu
 
diff --git a/daweb/js2/api-parametry/vlastni-api.md b/daweb/js2/api-parametry/vlastni-api.md
index baa9fe75..598bdb48 100644
--- a/daweb/js2/api-parametry/vlastni-api.md
+++ b/daweb/js2/api-parametry/vlastni-api.md
@@ -1,6 +1,6 @@
 ## Vlastní API server
 
-Téměř každá webová aplikace potřebuje pracovat s nějakými daty na serveru. Abychom takovou aplikaci mohli napsat celou sami, potřebavali bychom umět vyrobit nejen klientskou část, tedy _frontend_, ale i serverovou část, tedy vlastní _backend_. Tvorba vlastního backendu v JavaScriptu je pro zkušené vývojáře běžná záležitost. Do tohoto kurzu se nám ovšem tato látka bohužel nevejde. Backendové programování je samostatná disciplína, která vyžaduje znalost jiných technologií a nástrojů než programování frontendu.
+Téměř každá webová aplikace potřebuje pracovat s nějakými daty na serveru. Abychom takovou aplikaci mohli napsat celou sami, potřebovali bychom umět vyrobit nejen klientskou část, tedy _frontend_, ale i serverovou část, tedy vlastní _backend_. Tvorba vlastního backendu v JavaScriptu je pro zkušené vývojáře běžná záležitost. Do tohoto kurzu se nám ovšem tato látka bohužel nevejde. Backendové programování je samostatná disciplína, která vyžaduje znalost jiných technologií a nástrojů než programování frontendu.
 
 Určitou záchranu nám však poskytne balíček `apidroid`, který používáme pro spuštění lokálního API serveru na vlastním počítači. Zatím jsme data pro `apidroid` vždy měli připravené dopředu. Nyní přišel čas si ukázat, jak si nějakou datovou sadu vytvořit sami.
 
@@ -36,7 +36,7 @@ Vzpomeňte si na naše [ukázkové API](https://github.com/Czechitas-podklady-WE
 ]
 ```
 
-Každý prvek kolekce má své jedinečné `id`, které slouží k jeho identifikaci. Pokud se podiváte do samotného repozitáře, uvidíte takovouto strukturu složek a souborů:
+Každý prvek kolekce má své jedinečné `id`, které slouží k jeho identifikaci. Pokud se podíváte do samotného repozitáře, uvidíte takovouto strukturu složek a souborů:
 
 ```
 ukazka-simpsons-api/
diff --git a/daweb/js2/organizace-bundle/cvdoma/hot-dog-vite.md b/daweb/js2/organizace-bundle/cvdoma/hot-dog-vite.md
index 66bba344..de64b742 100644
--- a/daweb/js2/organizace-bundle/cvdoma/hot-dog-vite.md
+++ b/daweb/js2/organizace-bundle/cvdoma/hot-dog-vite.md
@@ -10,7 +10,7 @@ solutionAccess: protected
    ```shell
    npm init kodim-app@latest hot-dog-vite jsx
    ```
-1. Smažte obsah složky `src/pages` a vlože do ní soubory z projektu hot dogu z minulého cvičení.
+1. Smažte obsah složky `src/pages` a vložte do ní soubory z projektu hot dogu z minulého cvičení.
 1. Styly pro stránku nyní nechceme mít nalinkované přímo v HTML, ale chceme je importovat do souboru `index.js`. Proveďte tedy následující změny:
    1. V souboru `index.html` smažte element `link` pro styly.
    1. V souboru `index.js` importujte styly pomocí `import "./style.css";`.
diff --git a/daweb/js2/organizace-bundle/cvdoma/hot-dog.md b/daweb/js2/organizace-bundle/cvdoma/hot-dog.md
index 6c7db817..d1652a89 100644
--- a/daweb/js2/organizace-bundle/cvdoma/hot-dog.md
+++ b/daweb/js2/organizace-bundle/cvdoma/hot-dog.md
@@ -1,5 +1,5 @@
 ---
-title: Hot dog přisady
+title: Hot dog přísady
 demand: 3
 context: nadoma
 lead: Vytvořte aplikaci pro výběr přísad do hot dogu.
diff --git a/daweb/js2/organizace-bundle/cvlekce/citat/exercise.md b/daweb/js2/organizace-bundle/cvlekce/citat/exercise.md
index 56c7307f..cdcd3941 100644
--- a/daweb/js2/organizace-bundle/cvlekce/citat/exercise.md
+++ b/daweb/js2/organizace-bundle/cvlekce/citat/exercise.md
@@ -13,9 +13,9 @@ Vyzkoušejte si založení vlastního Vite projektu s jednoduchou stránkou.
    npm init kodim-app@latest quotes jsx
    ```
 1. Uvnitř projektu nastartujte vývojový server příkazem `npm run dev`.
-1. Upravte soubor `index.html`. Uvnitř elementu `#root` vytvořte HTML pro stránku zobrazující nějaký známý citát. Upravte styly v souboru `index.css` a dejte stránce nějaký vzhled. Můžete se inspirovat třeba [zde](assets/quote.png). Vtipné citáty generované umělou inteligencí vám rád naservíruje [Inspirobot](https://inspirobot.me). Zajímavé nápadu bude mít jistě mít i [ChatGPT](https://chat.openai.com).
+1. Upravte soubor `index.html`. Uvnitř elementu `#root` vytvořte HTML pro stránku zobrazující nějaký známý citát. Upravte styly v souboru `index.css` a dejte stránce nějaký vzhled. Můžete se inspirovat třeba [zde](assets/quote.png). Vtipné citáty generované umělou inteligencí vám rád naservíruje [Inspirobot](https://inspirobot.me). Zajímavé nápady bude mít jistě mít i [ChatGPT](https://chat.openai.com).
 1. Ve složce `src/pages` vytvořte soubor `quotes.js` a vložte do něj pole s citáty. Vytvořte v něm funkci, která náhodně vybere jeden citát z pole a vrátí jej jako řetězec.
-1. Samžte obsah souboru `index.jsx`, importujte v něm funkci pro výběr citátu a použijte ji pro zobrazení citátu na stránce.
+1. Smažte obsah souboru `index.jsx`, importujte v něm funkci pro výběr citátu a použijte ji pro zobrazení citátu na stránce.
 
 <!-- :::solution
 
diff --git a/daweb/js2/organizace-bundle/cvlekce/radio.md b/daweb/js2/organizace-bundle/cvlekce/radio.md
index 7640ae9c..e90e704d 100644
--- a/daweb/js2/organizace-bundle/cvlekce/radio.md
+++ b/daweb/js2/organizace-bundle/cvlekce/radio.md
@@ -6,7 +6,7 @@ lead: Vytvořte webové stránky pro přehled rádií.
 solutionAccess: protected
 ---
 
-Vytvoříme web, kde na každé stránce zobrazíme datail jedné stanice rádia.
+Vytvoříme web, kde na každé stránce zobrazíme detail jedné stanice rádia.
 
 1. Založte si nový prázdný projekt jen se souborem `radio.js`.
 1. V souboru založte datovou strukturu pro rádio. Každá stanice bude mít název, frekvenci, popis a odkaz. Např:
@@ -36,7 +36,7 @@ Vytvoříme web, kde na každé stránce zobrazíme datail jedné stanice rádia
    ];
    ```
 1. Tuto datovou strukturu ze souboru `radio.js` správně exportujte.
-1. Vytvořte stránku pro první stanici `evropa2.html` a na ni napojený soubor `evropa2.js`. V souboru `evropa2.js` importujte data ze souboru `radio.js` a pomocí JavaScriptu zobrazte na stráce stanici z nultého indexu pole. Použijte nějaké vhodné HTML elementy.
+1. Vytvořte stránku pro první stanici `evropa2.html` a na ni napojený soubor `evropa2.js`. V souboru `evropa2.js` importujte data ze souboru `radio.js` a pomocí JavaScriptu zobrazte na stránce stanici z nultého indexu pole. Použijte nějaké vhodné HTML elementy.
 1. Nyní vytvoříme pro náš web navigaci. V `evropa2.html` vytvořte hlavičku `<header>`. V souboru `evropa2.js` vytvořte funkci `renderNavigation`, pomocí které vykreslíte do hlavičky stránky navigaci s odkazy na jednotlivé stanice. Použijte k tomu funkci `forEach`.
 1. Vytvořte stránky pro zbylé dvě stanice. Pro každou vytvořte příslušný HTML soubor a soubor s JavaScriptem. V JavaScriptu vždy zobrazte na stránce příslušnou stanici. Stačí zkopírovat kód z první stránky a upravit index položky v poli.
 1. Takto se nám samozřejmě bude kód pro zobrazení stanice opakovat na každé stránce znova. Vytvořte proto v souboru `radio.js` funkci `renderStation`, která bude mít jako parametr index stanice. Funkce vykreslí do stránky stanici, tak jako prve. Funkci tak nyní můžeme importovat do všech souborů s JavaScriptem a použít ji pro zobrazení stanice. Nesmíme však funkci zapomenout správně exportovat.
diff --git a/daweb/js2/organizace-bundle/import-export.md b/daweb/js2/organizace-bundle/import-export.md
index 4ecaea03..2034194c 100644
--- a/daweb/js2/organizace-bundle/import-export.md
+++ b/daweb/js2/organizace-bundle/import-export.md
@@ -19,7 +19,7 @@ const list = [
 ];
 ```
 
-Abychom neměli data přímo v hlavním `index.js`, vyčlením si pro ně samostatný soubor `shoplist.js`. Aby byla proměnná `list` dostupná i v jiných souborech, musíme ji exportovat. To uděláme pomocí klíčového slova `export`.
+Abychom neměli data přímo v hlavním `index.js`, vyčleníme si pro ně samostatný soubor `shoplist.js`. Aby byla proměnná `list` dostupná i v jiných souborech, musíme ji exportovat. To uděláme pomocí klíčového slova `export`.
 
 ```js
 export const list = [
@@ -37,7 +37,7 @@ import { list } from './shoplist.js';
 
 Můžeme ji pak použít stejně jako kdybychom ji definovali přímo v daném souboru. Už tímto jednoduchým krokem se nám podaří kód hodně pročistit a zpřehlednit.
 
-Abychom náš kód dále zpřehlednili, vyčleníme si funkce pro upravování pole s položkami seznamu. Budeme potřebovat funkci pri přidání nové položky:
+Abychom náš kód dále zpřehlednili, vyčleníme si funkce pro upravování pole s položkami seznamu. Budeme potřebovat funkci pro přidání nové položky:
 
 ```js
 export const addItem = (name, amount) => {
@@ -65,7 +65,7 @@ export const deleteItem = (index) => {
 };
 ```
 
-Všechny tyto funkce budeme mít v souboru `shoplist.js`. Zároveň si vyrobíme ještě jeden soubor `render.js`, do kterého přesuneme funkci pro vykreslení seznamu `renderList`. Tuto funkci uprvíme tak, aby používala naše funkce pro manipulaci se seznamem. Musíme si je proto importovat z `shoplist.js`.
+Všechny tyto funkce budeme mít v souboru `shoplist.js`. Zároveň si vyrobíme ještě jeden soubor `render.js`, do kterého přesuneme funkci pro vykreslení seznamu `renderList`. Tuto funkci upravíme tak, aby používala naše funkce pro manipulaci se seznamem. Musíme si je proto importovat z `shoplist.js`.
 
 ```js
 import { list, deleteItem, toggleBought } from './shoplist.js';
diff --git a/daweb/js2/organizace-bundle/startovace.md b/daweb/js2/organizace-bundle/startovace.md
index f1fa4576..9295e7ac 100644
--- a/daweb/js2/organizace-bundle/startovace.md
+++ b/daweb/js2/organizace-bundle/startovace.md
@@ -1,13 +1,13 @@
 ## Startovače projektů
 
-Projekt, který jsme si zkoušeli nakonfiguravat v přechozí části, byl extrémně jednoduchý. Ve skutečné aplikaci budeme po Vite chtít mnohem více věcí než jen zminifikovat JavaScript. Budeme chtít
+Projekt, který jsme si zkoušeli nakonfigurovat v předchozí části, byl extrémně jednoduchý. Ve skutečné aplikaci budeme po Vite chtít mnohem více věcí než jen zminifikovat JavaScript. Budeme chtít
 
 - spojit všechny JavaScriptové soubory do jednoho,
 - spojit CSS styly,
 - přeložit náš JavaScript do podoby kompatibilní s většinou prohlížečů,
 - později zapojit knihovnu React.
 
-Vytvořit konfiguraci pro takovýto projekt z hlavy může být velmi zdlouhavé. Zde ke slovu přicházají generátory, které umí základní strukturu projektu i s Vite konfigurací vytvořit jedním příkazem.
+Vytvořit konfiguraci pro takovýto projekt z hlavy může být velmi zdlouhavé. Zde ke slovu přicházejí generátory, které umí základní strukturu projektu i s Vite konfigurací vytvořit jedním příkazem.
 
 Jedním z takových oblíbených generátorů pro reactové projekty je `create-react-app`. Často jej na internetu potkáte v různých reactových tutoriálech a kurzech. My však ještě s Reactem nepracujeme a tento generátor se nám tudíž nehodí. Použijeme nám již známý `create-kodim-app`, který kromě projektů typu `html-css-js` umí generovat i projekty založené na Vite.
 
@@ -29,7 +29,7 @@ Naši aplikaci _Nákupy_ jsme v zanechali v repozitáři [ukazka-nakupy-import-e
 
 ## Import stylů
 
-Podobně jako jsme se učili dělit JavaScriptový kód do více souborů, budeme totéž dělat i se soubory CSS. Vit umí kromě JavaScriptu zabalit také CSS. To nás zachrání od ručního importu mnoha stylů přímo do soubou `index.html`. Vite dokonce výsledné sestavené CSS vloží do stránky sám, naše stránka tak nemusí vůbec do HTML linkovat žádné CSS soubory. Všechny linky na CSS soubory tak můžeme z našeho `index.html` smazat.
+Podobně jako jsme se učili dělit JavaScriptový kód do více souborů, budeme totéž dělat i se soubory CSS. Vite umí kromě JavaScriptu zabalit také CSS. To nás zachrání od ručního importu mnoha stylů přímo do soubou `index.html`. Vite dokonce výsledné sestavené CSS vloží do stránky sám, naše stránka tak nemusí vůbec do HTML linkovat žádné CSS soubory. Všechny linky na CSS soubory tak můžeme z našeho `index.html` smazat.
 
 Aby Vite poznal, které CSS má do výsledného projektu zabalit, je potřeba mu to říct pomocí importů. V hlavním souboru `index.js` je tedy potřeba na začátku importovat styly
 
@@ -37,4 +37,4 @@ Aby Vite poznal, které CSS má do výsledného projektu zabalit, je potřeba mu
 import './index.css';
 ```
 
-V další lekci se naučíme vyrábět takzvané komponenty. CSS styly pak budeme importovat mnohem častěji, než jsem nyní zvyklí.
+V další lekci se naučíme vyrábět takzvané komponenty. CSS styly pak budeme importovat mnohem častěji, než jsme nyní zvyklí.
diff --git a/daweb/js2/organizace-bundle/vite.md b/daweb/js2/organizace-bundle/vite.md
index 8cb95c5b..8b270515 100644
--- a/daweb/js2/organizace-bundle/vite.md
+++ b/daweb/js2/organizace-bundle/vite.md
@@ -112,10 +112,10 @@ Vite dělá minifikaci proto, aby náš výsledný kód byl co nejmenší. Vzhle
 
 ## Vývojový server
 
-Pomocí příkazu `npm run dev` sestavujeme stránku pro finální nasazení na nějaký server. Během vývoje chceme, aby stránka běžela na našem lokálním serveru, podobně jako když jsme spouštěli příkad `npx serve`. Ten už nyní pro Vite projekty používat nebudeme. Místo toho používejme příkaz
+Pomocí příkazu `npm run dev` sestavujeme stránku pro finální nasazení na nějaký server. Během vývoje chceme, aby stránka běžela na našem lokálním serveru, podobně jako když jsme spouštěli například `npx serve`. Ten už nyní pro Vite projekty používat nebudeme. Místo toho používejme příkaz
 
 ```sh
 $ npm run dev
 ```
 
-Ten sleduje změny v našem kódu a průběžně sestavuje všechny nezbytné JavaScriptové a CSS soubory. Funugje tady podobně, jako jsme zvyklí z příkazu `npx serve`.
+Ten sleduje změny v našem kódu a průběžně sestavuje všechny nezbytné JavaScriptové a CSS soubory. Funguje tedy podobně, jako jsme zvyklí z příkazu `npx serve`.
diff --git a/daweb/js2/posilani-dat/aktualizace-post.md b/daweb/js2/posilani-dat/aktualizace-post.md
index fc1bfdf3..e7e72752 100644
--- a/daweb/js2/posilani-dat/aktualizace-post.md
+++ b/daweb/js2/posilani-dat/aktualizace-post.md
@@ -4,7 +4,7 @@ Vybaveni schopností změnit data na serveru požadavkem typu POST můžeme kone
 
 Podívejte se na [dokumentaci API](https://nakupy.czechitas.dev/doc/), které se používá v aplikaci Nákupy. Základní adresa API je `https://nakupy.czechitas.dev/api`.
 
-Endpointy API vyžadují autentizaci, aby backend poznal, že nám má poslat naše data a ne data někoho jiného. Jde o to stejnou autentizaci, jsme používali u _Hlasování_, stačí přidat hlavičku `Authorization` a do ní vložit nějaké uníkátní jméno, například svůj GitHub login.
+Endpointy API vyžadují autentizaci, aby backend poznal, že nám má poslat naše data a ne data někoho jiného. Jde o stejnou autentizaci, kterou jsme používali u _Hlasování_, stačí přidat hlavičku `Authorization` a do ní vložit nějaké unikátní jméno, například svůj GitHub login.
 
 ```js
 const response = await fetch('https://nakupy.czechitas.dev/api', {
diff --git a/daweb/js2/posilani-dat/aktualizace.md b/daweb/js2/posilani-dat/aktualizace.md
index 01a3937a..a803e85e 100644
--- a/daweb/js2/posilani-dat/aktualizace.md
+++ b/daweb/js2/posilani-dat/aktualizace.md
@@ -1,8 +1,8 @@
 ## Aktualizace stránky
 
-Od dob, co jsme začali k tvorbě stránka používat JSX, jsme se nepotkali s žádnou obsluhou událostí. Všechny naše komponenty byly pouze statické. Nyní se k událostem vrátíme a přídáme do našich stránek interaktivitu.
+Od dob, co jsme začali k tvorbě stránek používat JSX, jsme se nepotkali s žádnou obsluhou událostí. Všechny naše komponenty byly pouze statické. Nyní se k událostem vrátíme a přidáme do našich stránek interaktivitu.
 
-Pro ukázku si vezměme velmi jednoduchou aplikaci, která zobrazuje čas odjazdu vlaku včetně zpozdění.
+Pro ukázku si vezměme velmi jednoduchou aplikaci, která zobrazuje čas odjezdu vlaku včetně zpozdění.
 
 ```jsx
 import { render } from '@czechitas/render';
@@ -34,7 +34,7 @@ updateBtn.addEventListener('click', () => {
 });
 ```
 
-Hned po volání funkce `render` na tlačítko přídáváme obsluhu události `click`, kde aktualizujeme obsah elementu `.departure__delay`.
+Hned po volání funkce `render` na tlačítko přidáváme obsluhu události `click`, kde aktualizujeme obsah elementu `.departure__delay`.
 
 Toto sice působí jako zcela validní přístup, my jej však používat nechceme. Z důvodů, které budou jasnější až v lekcích o Reactu, chceme za všech okolností obsah stránky tvořit pomocí JSX. Všechny změny na stránce tedy budeme provádět tak, že nejprve změníme data a poté znovu vykreslíme celou stránku.
 
@@ -46,4 +46,4 @@ updateBtn.addEventListener('click', () => {
 });
 ```
 
-Pomocí volání metody `window.location.reload` jsme vynutili obnovení celé stránky, tedy v podstatě totéž, jako bychom udělali refresh stránky v prohlížeči. Tento postup má však zatím zásadní problém. Stránka se znova načte i s JavaScriptem, tedy i s původními daty. Výsledkem je, že se zpoždění nijak nezmění. Aby tento postup fungoval, museli bychom mít data uložená na serveru a změnit je tam. Tím pádem si při obnovení stránky stáhneme nová data a zobrazíme je již s novým zpožděním. Jak toto udělat si ukážeme v zápětí.
+Pomocí volání metody `window.location.reload` jsme vynutili obnovení celé stránky, tedy v podstatě totéž, jako bychom udělali refresh stránky v prohlížeči. Tento postup má však zatím zásadní problém. Stránka se znovu načte i s JavaScriptem, tedy i s původními daty. Výsledkem je, že se zpoždění nijak nezmění. Aby tento postup fungoval, museli bychom mít data uložená na serveru a změnit je tam. Tím pádem si při obnovení stránky stáhneme nová data a zobrazíme je již s novým zpožděním. Jak toto udělat si ukážeme v zápětí.
diff --git a/daweb/js2/posilani-dat/cvlekce/hlasovani-jmeno.md b/daweb/js2/posilani-dat/cvlekce/hlasovani-jmeno.md
index 7d3a683c..fdb3174a 100644
--- a/daweb/js2/posilani-dat/cvlekce/hlasovani-jmeno.md
+++ b/daweb/js2/posilani-dat/cvlekce/hlasovani-jmeno.md
@@ -8,7 +8,7 @@ solutionAccess: protected
 
 Pokračujte v aplikaci z předchozího příkladu. Mít jméno hlasujícího přímo v kódu je nepraktické. Umožníme tedy uživateli zadat si jméno dle libosti.
 
-1. V programu z minulého cvičení nahraďte hlasovací tlačíko formulářem, který bude obsahovat jedno textové políčko pro zadání jména.
+1. V programu z minulého cvičení nahraďte hlasovací tlačítko formulářem, který bude obsahovat jedno textové políčko pro zadání jména.
 1. Při odeslání formuláře zahlasujte pro jednu možnost jménem, které zadal uživatel. Číslo možnosti, pro niž se hlasuje, bude stále natvrdo v kódu.
 
 <!-- :::solution
diff --git a/daweb/js2/posilani-dat/cvlekce/obnova-seznamu.md b/daweb/js2/posilani-dat/cvlekce/obnova-seznamu.md
index 68cdbee4..a5ee2c32 100644
--- a/daweb/js2/posilani-dat/cvlekce/obnova-seznamu.md
+++ b/daweb/js2/posilani-dat/cvlekce/obnova-seznamu.md
@@ -10,9 +10,9 @@ Pokračujte v aplikaci z předchozího příkladu. Rozšíříme náš nákupní
 
 Postup je velmi podobný jako v předchozím cvičení.
 
-1. Do aplikace přidejte tlačítko _vymazat_.
+1. Do aplikace přidejte tlačítko _Nakoupeno_.
 1. Založte `async` posluchač události `handleDone` a vyzkoušejte, že se zavolá při stisknutí tlačítka.
-1. V obsluze události pošlete autentizovaný `PATCH` požadevek na stejnou adresu jako v předchozím příkladu
+1. V obsluze události pošlete autentizovaný `PATCH` požadavek na stejnou adresu jako v předchozím příkladu
    ```
    https://nakupy.czechitas.dev/api/:day/:id
    ```
diff --git a/daweb/js2/posilani-dat/cvlekce/vymazani-seznamu.md b/daweb/js2/posilani-dat/cvlekce/vymazani-seznamu.md
index 338c6842..f297b560 100644
--- a/daweb/js2/posilani-dat/cvlekce/vymazani-seznamu.md
+++ b/daweb/js2/posilani-dat/cvlekce/vymazani-seznamu.md
@@ -11,11 +11,11 @@ Naše aplikace _Nákupy_ ještě neumí mazat položky seznamu. Do aplikace při
 1. Vyjděte z kódu aplikace vytvořené na lekci. Použijte repozitář [cviceni-nakupy-post](https://github.com/Czechitas-podklady-WEB/cviceni-nakupy-post) jako šablonu pro vytvoření vlastního repozitáře, který si naklonujte.
 1. Nainstalujte závislosti příkazem `npm install` a pak spusťte vývojový server příkazem `npm run dev`.
 1. V komponentě `ShopItem` je tlačítko, které bude sloužit ke smazání položky seznamu.
-1. Vytořte posluchač události `handleDelete` a připojte jej na tlačítko. Je to velmi podobné tomu, jak je vytvořen posluchač `handleSubmit` v hlavní stránce. Do vašeho posluchače zatím dejte například `console.log`, a vyzkoušejte, že funguje.
+1. Vytvořte posluchač události `handleDelete` a připojte jej na tlačítko. Je to velmi podobné tomu, jak je vytvořen posluchač `handleSubmit` v hlavní stránce. Do vašeho posluchače zatím dejte například `console.log`, a vyzkoušejte, že funguje.
 1. Udělejte posluchač rovnou `async`, ať jej máme připravený na volání `fetch`.
 1. Nyní je potřeba odeslat požadavek na server. Zavolejte funkci `fetch`, která pošle požadavek metodou `DELETE` na adresu:
    ```
    https://nakupy.czechitas.dev/api/:day/:id
    ```
-   Tělo požadavku (`body`) bude prázdné, vůbec jej neuvádějte. Nezapomeňte použít pri autentizace své jméno. Po odeslání požadavku zavolejte funkci `window.location.reload()`, pro obnovení stránky.
+   Tělo požadavku (`body`) bude prázdné, vůbec jej neuvádějte. Nezapomeňte použít při autentizace své jméno. Po odeslání požadavku zavolejte funkci `window.location.reload()`, pro obnovení stránky.
 1. Vyzkoušejte, že vaše aplikace funguje a že je možné pomocí tlačítka _Smazat_ smazat některou položku seznamu.
diff --git a/daweb/js2/posilani-dat/hlasovani.md b/daweb/js2/posilani-dat/hlasovani.md
index 3fc9d158..dbdf9ce7 100644
--- a/daweb/js2/posilani-dat/hlasovani.md
+++ b/daweb/js2/posilani-dat/hlasovani.md
@@ -12,7 +12,7 @@ Na tento endpoint pošleme objekt, který říká, že uživatel hlasuje pro vol
 }
 ```
 
-Zároveň chceme, aby server poznal, za jakého uživatele hlasujeme. Pošleme tady hlavičku authorization s naším jménem, např. Zuzka.
+Zároveň chceme, aby server poznal, za jakého uživatele hlasujeme. Pošleme tedy hlavičku authorization s naším jménem, např. Zuzka. Pozor na to, že v HTTP hlavičkách nemohou být české znaky s diakritikou.
 
 ```js
 fetch('https://apps.kodim.cz/daweb/hlasovani/api/poll/3', {
@@ -31,7 +31,7 @@ Pokud se požadavek povede odeslat správně, měla by aplikace v reálném čas
 
 ## Klíčové slovo `async`
 
-Zatím jsme ještě funkci `fetch` nikdy nevolali unvnitř žádné funkce. Volání jsme vždy měli na samotném začátku kódu. Při posílání požadavku POST však budeme chtít `fetch` volat až při kliknutí na tlačítko nebo hlavně ve zpracování události `submit` formuláře. To znamená, že `fetch` bude volán uvnitř funkce, která je posluchačem události.
+Zatím jsme ještě funkci `fetch` nikdy nevolali uvnitř žádné funkce. Volání jsme vždy měli na samotném začátku kódu. Při posílání požadavku POST však budeme chtít `fetch` volat až při kliknutí na tlačítko nebo hlavně ve zpracování události `submit` formuláře. To znamená, že `fetch` bude volán uvnitř funkce, která je posluchačem události.
 
 Pokud používáme uvnitř jakékoliv funkce `await`, musíme funkci vždy označit jako `async`.
 
diff --git a/daweb/js2/sablony-komponenty/cvdoma/letenky.md b/daweb/js2/sablony-komponenty/cvdoma/letenky.md
index 758e9f4a..0524d516 100644
--- a/daweb/js2/sablony-komponenty/cvdoma/letenky.md
+++ b/daweb/js2/sablony-komponenty/cvdoma/letenky.md
@@ -9,7 +9,7 @@ solutionAccess: protected
 Vytvořte si repozitář ze šablony [letenky-zadani](https://github.com/Czechitas-podklady-WEB/letenky-zadani) se stránkou, která se tváří, že zobrazuje výsledky vyhledávání letů. Vaším úkolem bude vytvořit dle tohoto vzoru komponentu `Flight`, která bude zobrazovat jeden let.
 
 1. Spusťte si připravenou stránku a prohlédněte si strukturu HTML. Do tohoto repozitáře nebudeme nic vkládat, je to pouze ukázka.
-1. Založte si úplně nový JSX projekt pomocí již známoho postupu.
+1. Založte si úplně nový JSX projekt pomocí již známého postupu.
 1. Vytvořte v projektu komponentu `Flight`. Ta bude na vstupu očekávat takovéto `props`:
    ```js
    {
diff --git a/daweb/js2/sablony-komponenty/cvlekce/aplikace.md b/daweb/js2/sablony-komponenty/cvlekce/aplikace.md
index d49053f5..db3b796e 100644
--- a/daweb/js2/sablony-komponenty/cvlekce/aplikace.md
+++ b/daweb/js2/sablony-komponenty/cvlekce/aplikace.md
@@ -12,8 +12,8 @@ solutionAccess: protected
    ```
 1. Projekt spusťte pomocí `npm run dev`, jak už to znáte z dřívejška.
 1. V hlavním souboru `index.jsx` vytvořte komponentu `HomePage`, která bude obsahovat základní strukturu stránky. Zatím to může být jen prázdný element `div` s třídou `container`. Komponentu zobrazte na stránce pomocí funkce `render`.
-1. Založte ve složce `src` složku `components`. Vytvořte v této složce komponentu `Header`, která bude obsahovat kód pro hlavičku stránky. Jediná její `prop` bude `title` udávající obsah elementu `h1`. Správně komponent exportujte.
-1. Vytvořte pro komponentu `Header` soubor `style.css` s nějakým jednoduchý CSS pro hlavičku stránky. Soubor se styly v komponentně správně importuje.
+1. Založte ve složce `src` složku `components`. Vytvořte v této složce komponentu `Header`, která bude obsahovat kód pro hlavičku stránky. Jediná její `prop` bude `title` udávající obsah elementu `h1`. Správně komponentu exportujte.
+1. Vytvořte pro komponentu `Header` soubor `style.css` s nějakým jednoduchým CSS pro hlavičku stránky. Soubor se styly v komponentě správně importuje.
 1. V hlavním souboru `index.jsx` komponentu `Header` importujte a použijte ji uvnitř komponenty `HomePage`.
 1. Následujte stejný postup jako výše a vytvořte komponentu `Footer`, která bude představovat patičku stránky. Tato komponenta bude mít také jednu `prop` s názvem `author`, která udává jméno autora stránky.
 1. Do třetice vytvořte komponentu `Main`, která bude představovat hlavní obsah stránky. Tato komponenta bude mít opět jednu `prop` s názvem `content`, která bude udávat obsah odstavce.
diff --git a/daweb/js2/sablony-komponenty/cvlekce/datumy.md b/daweb/js2/sablony-komponenty/cvlekce/datumy.md
index 8076c16b..de6ebb96 100644
--- a/daweb/js2/sablony-komponenty/cvlekce/datumy.md
+++ b/daweb/js2/sablony-komponenty/cvlekce/datumy.md
@@ -1,8 +1,8 @@
 ---
-title: Datumy
+title: Kalendářová data
 demand: 2
 context: lekce
-lead: Zobrazte pomocí komponent několik datumů
+lead: Zobrazte pomocí komponent několik kalendářových dat
 solutionAccess: protected
 ---
 
@@ -10,7 +10,7 @@ solutionAccess: protected
    ```shell
    npm init kodim-app@latest datumy jsx
    ```
-1. Projekt spusťte pomocí `npm run dev`, jak už to znáte z dřívejška.
+1. Projekt spusťte pomocí `npm run dev`, jak už to znáte z dřívějška.
 1. Vytvořte komponentu `Today`, která bude očekávat tři props:
 
    - `day` - řetězec s číslem dne, například `'07'`,
diff --git a/daweb/js2/sablony-komponenty/cvlekce/plysaci/exercise.md b/daweb/js2/sablony-komponenty/cvlekce/plysaci/exercise.md
index dbadfad5..50ef1dd5 100644
--- a/daweb/js2/sablony-komponenty/cvlekce/plysaci/exercise.md
+++ b/daweb/js2/sablony-komponenty/cvlekce/plysaci/exercise.md
@@ -22,8 +22,8 @@ Postupujte dle následujících kroků.
    <h1>Plyšáci</h1>
    <div className="plushies"></div>
    ```
-   Nezapomeňte obsah správně obalit do fragmentu!.
-1. Vytvořte si proměnné objekty obsahující informace o plyšácích dle následujícího vzoru.
+   Nezapomeňte obsah správně obalit do fragmentu.
+1. Vytvořte si proměnné obsahující informace o plyšácích dle následujícího vzoru.
 
    ```js
    const name1 = 'Silvestr';
@@ -37,7 +37,7 @@ Postupujte dle následujících kroků.
      'Ctirad tráví svůj čas v blízkosti lednice a s očekáváním pozoruje její bílé dveře.';
    ```
 
-1. Adresy obrázků si můžeme zkopírovat z těcho odkazů: [elephant](assets/elephant.jpg), [mouse](assets/mouse.jpg).
+1. Adresy obrázků si můžeme zkopírovat z těchto odkazů: [elephant](assets/elephant.jpg), [mouse](assets/mouse.jpg).
 1. Karta s plyšákem by měla ve výsledné stránce vypadat takto.
    ```html
    <div class="plushy">
@@ -46,6 +46,6 @@ Postupujte dle následujících kroků.
      <p class="plushy__text">Text o plyšákovi</p>
    </div>
    ```
-   Převeďte tento kód na JSX a vytvořte dvě komponenty `Silvestr` a `Ctirad`, kde každá bude vracet JSX pro jednoho plyšáka. Nezapomeňte, že v JSX se místo `class` píše `className`. Data pro obě karty vezměte přimo z proměnných výše.
+   Převeďte tento kód na JSX a vytvořte dvě komponenty `Silvestr` a `Ctirad`, kde každá bude vracet JSX pro jednoho plyšáka. Nezapomeňte, že v JSX se místo `class` píše `className`. Data pro obě karty vezměte přímo z proměnných výše.
 1. Vložte obě komponenty do stránky a vyzkoušejte si, že se zobrazují.
 1. Nastylujte stránku dle zadání.
diff --git a/daweb/js2/sablony-komponenty/cvlekce/prvni-kroky.md b/daweb/js2/sablony-komponenty/cvlekce/prvni-kroky.md
index 3654d22a..32d267df 100644
--- a/daweb/js2/sablony-komponenty/cvlekce/prvni-kroky.md
+++ b/daweb/js2/sablony-komponenty/cvlekce/prvni-kroky.md
@@ -6,7 +6,7 @@ lead: Vyzkoušejte si základní použití JSX.
 solutionAccess: protected
 ---
 
-Vyzkoušejte si založení jednoduché aplikace používající JSX s jednout stránkou a jednoduchým CSS.
+Vyzkoušejte si založení jednoduché aplikace používající JSX s jednou stránkou a jednoduchým CSS.
 
 1. Pomocí nástroje `kodim-app` vytvořte nový JSX Vite projekt.
    ```shell
diff --git a/daweb/js2/sablony-komponenty/komponenty.md b/daweb/js2/sablony-komponenty/komponenty.md
index c9b62d46..16484d3f 100644
--- a/daweb/js2/sablony-komponenty/komponenty.md
+++ b/daweb/js2/sablony-komponenty/komponenty.md
@@ -37,7 +37,7 @@ Pojďme si pro cvik vytvořit ještě komponentu `Footer`, která bude představ
 const Footer = () => {
   return (
     <footer>
-      <p>© 2023 Czechitas, z. ú.</p>
+      <p>© 2024 Czechitas, z. ú.</p>
     </footer>
   );
 };
@@ -56,7 +56,7 @@ rootElement.innerHTML += render(
 rootElement.innerHTML += render(Footer());
 ```
 
-Zde ale objevíme superschopnost JSX, která umožnuje používat námi vytvořené komponenty přímo na místě HTML značek. Naši aplikaci tak můžeme přepsat následovně:
+Zde ale objevíme superschopnost JSX, která umožňuje používat námi vytvořené komponenty přímo na místě HTML značek. Naši aplikaci tak můžeme přepsat následovně:
 
 ```jsx
 const rootElement = document.querySelector('#root');
diff --git a/daweb/js2/sablony-komponenty/oddelovani.md b/daweb/js2/sablony-komponenty/oddelovani.md
index 2f85463e..1497c685 100644
--- a/daweb/js2/sablony-komponenty/oddelovani.md
+++ b/daweb/js2/sablony-komponenty/oddelovani.md
@@ -52,7 +52,7 @@ V souboru `index.html` bude pouze kostra HTML stránky, která bude obsahovat hl
 
 Takto jsme se dostali do stavu, kdy celý obsah aplikace vytváříme v JavaScriptu a soubor HTML zůstává v podstatě prázdný.
 
-V hlavní souboru `index.jsx` pak většinou vytváříme hlavni komponentu celé stránky. Pokud máme jednu stránku, můžeme ji nazvat třeba `HomePage`. Její použití pak vypadá následovně:
+V hlavní souboru `index.jsx` pak většinou vytváříme hlavní komponentu celé stránky. Pokud máme jednu stránku, můžeme ji nazvat třeba `HomePage`. Její použití pak vypadá následovně:
 
 ```jsx
 import { render } from '@czechitas/render';
@@ -92,4 +92,4 @@ body {
 }
 ```
 
-Nyní máme veškerý kód projektu hezky rozdělený na logické části. Bundler Vite zajistí, že se všechny exportované a importované soubory s JavaScriptem i se styly správně spojí a zapojí do výsledného HTML souboru, který se vývojový server naservíruje prohlížeči.
+Nyní máme veškerý kód projektu hezky rozdělený na logické části. Bundler Vite zajistí, že se všechny exportované a importované soubory s JavaScriptem i se styly správně spojí a zapojí do výsledného HTML souboru, který vývojový server naservíruje prohlížeči.
diff --git a/daweb/js2/sablony-komponenty/sablonovaci-systemy.md b/daweb/js2/sablony-komponenty/sablonovaci-systemy.md
index 6b944284..ad540247 100644
--- a/daweb/js2/sablony-komponenty/sablonovaci-systemy.md
+++ b/daweb/js2/sablony-komponenty/sablonovaci-systemy.md
@@ -1,6 +1,6 @@
 ## Šablonovací systémy
 
-Jedním z najčastějších úkonů při tvorbě webových stránek je vytváření obsahu stránky z nějakých dat. My k tomuto účelu zatím používáme vlastnost `innerHTML`, což znamená, že musíme vždy sestavit řetězec obsahující přesně takové HTML, jaké poté chceme vložit do stránky. Tento postup nám při tvorbě větších stránek brzy přeroste přes hlavu. Z tohoto důvodu se většina vývojářů obrací k nějakému šablonovacímu systému, který tvorbu HTML v JavaScriptu usnadní.
+Jedním z nejčastějších úkonů při tvorbě webových stránek je vytváření obsahu stránky z nějakých dat. My k tomuto účelu zatím používáme vlastnost `innerHTML`, což znamená, že musíme vždy sestavit řetězec obsahující přesně takové HTML, jaké poté chceme vložit do stránky. Tento postup nám při tvorbě větších stránek brzy přeroste přes hlavu. Z tohoto důvodu se většina vývojářů obrací k nějakému šablonovacímu systému, který tvorbu HTML v JavaScriptu usnadní.
 
 Takových systémů je pro JavaScript k dispozici nepřeberné množství. Tady je seznam jen několika nejznámějších:
 
@@ -58,11 +58,11 @@ Tady nás čeká velké překvapení. Díky JSX můžeme psát HTML **přímo v
 
 Hned na začátku je důležité si říct, že JSX není úplně přesně HTML. Je to podobný jazyk, který se snaží HTML co nejvíce napodobit. V JSX můžeme používat všechny HTML značky co známe, ale narazíme na drobné odlišnosti:
 
-1. Všechny značky musí být v JSX uzavřeny. To znamená, že i samozavírací značky musí mít uzavírací lomítko. Například `<br>` se vždy píše jako `<br />`, obrázek bdue vždy `<img src="" alt="" />`.
+1. Všechny značky musí být v JSX uzavřeny. To znamená, že i samozavírací značky musí mít uzavírací lomítko. Například `<br>` se vždy píše jako `<br />`, obrázek bude vždy `<img src="" alt="" />`.
 1. Místo atributu `class` píšeme `className`. To proto, že `class` je v JavaScriptu klíčové slovo, které sice v tomto kurzu nepoužíváme, ale časem na něj jistě narazíte.
 1. Místo atributu `for` píšeme `htmlFor`. I slovo `for` je v JavaScriptu klíčové slovo, které v tomto kurzu také moc nepoužíváme, ale bylo ve čtení na doma.
 
-Když jsme vytvářeli kousky HTML pomocí interpolace řetězců, používali jsme znak doloru pro vložení obsahu proměnné nebo výsledku krátkého výpočtu.
+Když jsme vytvářeli kousky HTML pomocí interpolace řetězců, používali jsme znak dolaru `$` pro vložení obsahu proměnné nebo výsledku krátkého výpočtu.
 
 ```js
 const name = 'Martin';
@@ -71,7 +71,7 @@ const cssTrida = 'message';
 const zprava = `<p class="${cssTrida}">Jmenuji se ${name} a je mi ${age} let.</p>`;
 ```
 
-V JSX dolar používat nemusíme a stačí nám pouze složené závorky. Pokud chceme takto vložit hodnotu nějakého HTML atributu, nemusíme používat ani uvozovky.
+V JSX dolar používat nemůžeme, používají se pouze složené závorky. Pokud chceme takto vložit hodnotu nějakého HTML atributu, nemusíme používat ani uvozovky.
 
 ```jsx
 const name = 'Martin';
@@ -84,7 +84,7 @@ const zprava = (
 );
 ```
 
-Tady vidíte, že JSX je hodnota jako každá jiná z bez rozpaků ji tak můžeme uložit do proměnné nebo poslat na vstup nějaké funkci.
+Tady vidíte, že JSX je hodnota jako každá jiná – bez rozpaků ji tak můžeme uložit do proměnné nebo poslat na vstup nějaké funkci.
 
 ## Funkce `render`
 
diff --git a/daweb/js2/seznamy/cvdoma/ceska-mesta-3.md b/daweb/js2/seznamy/cvdoma/ceska-mesta-3.md
index f9ee5da1..c1e966e8 100644
--- a/daweb/js2/seznamy/cvdoma/ceska-mesta-3.md
+++ b/daweb/js2/seznamy/cvdoma/ceska-mesta-3.md
@@ -2,14 +2,14 @@
 title: Česká města 3
 demand: 3
 context: nadoma
-lead: Zobrate více českých měst
+lead: Zobrazte více českých měst
 solutionAccess: protected
 ---
 
 Pokračujte v projektu _Česká města_ z předchozího příkladu.
 
 1. Ve složce `src` vašeho projektu si vytvořte prázdný soubor `cz-cities.js`.
-1. Do tohoto souboru zkopírujet obsah souboru [cz-cities.js](https://github.com/Czechitas-podklady-WEB/cviceni-cz-cities/blob/main/cz-cities.js) z GitHubu. Soubor obsahuje seznam všech českých měst aktuální k 1. lednu 2020.
-1. Smažte pole `cities` ve vašem `index.jsx` a místo něj si imporujte pole `cities` ze souboru `cz-cities.js`. Už v tuto chvíli by měl váš projekt fungovat jako v přechozím příkladu. Pouze na stránce uvidíte mnohem více měst než před tím.
+1. Do tohoto souboru zkopírujte obsah souboru [cz-cities.js](https://github.com/Czechitas-podklady-WEB/cviceni-cz-cities/blob/main/cz-cities.js) z GitHubu. Soubor obsahuje seznam všech českých měst aktuální k 1. lednu 2020.
+1. Smažte pole `cities` ve vašem `index.jsx` a místo něj si imporujte pole `cities` ze souboru `cz-cities.js`. V tuto chvíli by měl váš projekt fungovat jako v přechozím příkladu, pouze na stránce uvidíte mnohem více měst než před tím.
 1. Upravte komponentu `City` tak, aby zobrazovala také okres, do kterého dané město patří.
-1. U každého města je odkaz na fotografii z daného města. Do vaší komponenty `City` přidejte element `img` a zobrazte u kažého města také jeho obrázek. Opět si můžete malinko pohrát se styly, aby stránka vypadala hezky.
+1. U každého města je odkaz na fotografii z daného města. Do vaší komponenty `City` přidejte element `img` a zobrazte u každého města také jeho obrázek. Opět si můžete malinko pohrát se styly, aby stránka vypadala hezky.
diff --git a/daweb/js2/seznamy/cvlekce/ceska-mesta.md b/daweb/js2/seznamy/cvlekce/ceska-mesta.md
index f84ae3f2..a453cca2 100644
--- a/daweb/js2/seznamy/cvlekce/ceska-mesta.md
+++ b/daweb/js2/seznamy/cvlekce/ceska-mesta.md
@@ -34,7 +34,7 @@ npm init kodim-app@latest cviceni-ceska-mesta jsx
    Výsledné pole uložte do proměnné `cityElements`.
 1. Použijte pole `cityElements` uvnitř komponenty JSX a zobrazte jej tak na vaší stránce.
 1. Zbavte se proměnné `cityElements` a funkci `map` použijte přímo uvnitř komponenty JSX.
-1. V konzoli si JSX bude stěžovat, že chybí `key` prop. Máme však štěstí, jména měst jsou unikátní. Můžeme tak na náš `div` přídat prop `key` a do něj poslat přímo název města.
+1. V konzoli si JSX bude stěžovat, že chybí `key` prop. Máme však štěstí, jména měst jsou unikátní. Můžeme tak na náš `div` přidat prop `key` a do něj poslat přímo název města.
 
 <!-- :::solution
 
diff --git a/daweb/js2/seznamy/key-prop.md b/daweb/js2/seznamy/key-prop.md
index 19d2b98e..638d65ea 100644
--- a/daweb/js2/seznamy/key-prop.md
+++ b/daweb/js2/seznamy/key-prop.md
@@ -6,7 +6,7 @@ U příkladů výše jsme při zobrazování seznamů narazili na toto varován
 Warning: Each child in a list should have a unique "key" prop.
 ```
 
-Tím se nám JSX snaží říct, že u každé komponenty v seznamu potřebuje mít unikátní klíč, který tuto položku identifikuje. Jde o podobný princip jako je například `id` u HTML elementů. Tyto unkátní klíče jsou v JSX důležité až ve chvíli, kdy začneme používat React. Protože JSX pochází původem z Reactu, stěžuje si na vybějící klíče už nyní.
+Tím se nám JSX snaží říct, že u každé komponenty v seznamu potřebuje mít unikátní klíč, který tuto položku identifikuje. Jde o podobný princip jako je například `id` u HTML elementů. Tyto unikátní klíče jsou v JSX důležité až ve chvíli, kdy začneme používat React. Protože JSX pochází původem z Reactu, stěžuje si na chybějící klíče už nyní.
 
 Nejjednodušší situaci máme ve chvíli, kdy jsou naše data připravená tak, že každá položka obsahuje vlastnost s unikátními hodnotami. Podívejme se například na náš nákupní seznam.
 
@@ -38,4 +38,4 @@ Všechny hodnoty vlastnoti `product` jsou unikátní. Můžeme tedy tuto vlastno
 
 Všimněte si, že například vlastnost `amount` unikátní hodnoty nemá. Nelze tedy použít jako klíč. Pokud to uděláte, JSX si bude v konzoli opět hlasitě stěžovat.
 
-V praxi občas narazíme na data, která žádnou unikátní vlastnost použitelnou jako klíč nemají. V takovém případě čeká trošku bolehlav i zkušenější programátory. Řešení těchto situací proto necháme na některou z pozdějších lekci, až budeme kovaní v Reactu.
+V praxi občas narazíme na data, která žádnou unikátní vlastnost použitelnou jako klíč nemají. V takovém případě čeká trošku bolehlav i zkušenější programátory. Řešení těchto situací proto necháme na některou z pozdějších lekcí, až budeme kovaní v Reactu.
diff --git a/daweb/js2/seznamy/opakovani-map.md b/daweb/js2/seznamy/opakovani-map.md
index 71d102c8..57404872 100644
--- a/daweb/js2/seznamy/opakovani-map.md
+++ b/daweb/js2/seznamy/opakovani-map.md
@@ -27,7 +27,7 @@ const pozdrav = (name) => {
 const zkracenyPozdrav = (name) => `Ahoj ${name}`;
 ```
 
-Nemusíme samozřejme vracet pouze řetězec. Často z funkcí vracíme číslo, pravdivostní hodnotu (boolean) a všechny ostatní typy hodnot. Pozor však na to, že když chceme vrátit z funkce objekt, který se píše do složených závorek `{` a `}`, musíme jej celý vložit ještě do kulatých závorek `(` a `)`:
+Nemusíme samozřejmě vracet pouze řetězec. Často z funkcí vracíme číslo, pravdivostní hodnotu (boolean) a všechny ostatní typy hodnot. Pozor však na to, že když chceme vrátit z funkce objekt, který se píše do složených závorek `{` a `}`, musíme jej celý vložit ještě do kulatých závorek `(` a `)`:
 
 ```js
 const createPerson = (name, age, gender) => ({
@@ -52,7 +52,7 @@ Je dobré si dát pozor, aby náš kód zůstal čitelný. Pokud je funkce jasn
 
 ## Zkracování v `map`
 
-Zkracování anonymních funkcí se velmi hodí právě při používání metody `map`. Tam totiž časo děláme právě to, že předávaná funkce rovnou vrací nějakou hodnotu.
+Zkracování anonymních funkcí se velmi hodí právě při používání metody `map`. Tam totiž často děláme právě to, že předávaná funkce rovnou vrací nějakou hodnotu.
 
 Náš dřívější příklad bez zkracování
 
@@ -63,7 +63,7 @@ const emails = names.map((name) => {
 });
 ```
 
-pak můžeme přepsta takto:
+pak můžeme přepsat takto:
 
 ```js
 const emails = names.map((name) => `${name}@mejlik.cz`);
diff --git a/daweb/js2/seznamy/seznamy-v-jsx.md b/daweb/js2/seznamy/seznamy-v-jsx.md
index 545d6565..6c8a4b92 100644
--- a/daweb/js2/seznamy/seznamy-v-jsx.md
+++ b/daweb/js2/seznamy/seznamy-v-jsx.md
@@ -1,6 +1,6 @@
 ## Seznamy v JSX
 
-Na konci předchozí sekce jsme se dotkli způsobu, jak v JSX zobrazit nějaký seznam. Celá myšlenka tkví v tom, že v JSX můžeme velmi přimočaře umožňuje zobrazit pole JSX elementů.
+Na konci předchozí sekce jsme se dotkli způsobu, jak v JSX zobrazit nějaký seznam. Celá myšlenka tkví v tom, že v JSX můžeme velmi přímočaře umožňuje zobrazit pole JSX elementů.
 
 Představme si následující pole obsahující JSX `li` elementy.
 
@@ -33,7 +33,7 @@ Když tento kód spustíme, v konzoli prohlížeče objevíme varování:
 Warning: Each child in a list should have a unique "key" prop.
 ```
 
-Pro tutu chvíli jej můžeme ignorovat. Později si vysvětlíme, co přesně znamená a jak se k němu postavit.
+Pro tuto chvíli jej můžeme ignorovat. Později si vysvětlíme, co přesně znamená a jak se k němu postavit.
 
 ## Použití `map`
 
@@ -43,7 +43,7 @@ V předchozím případě jsme pole JSX elementů měli připravené dopředu. V
 const days = ['pondělí', 'úterý', 'středa', 'čtvrtek', 'pátek'];
 ```
 
-Z tohoto pole chceme vyrobit pole JSX elementů pro náš seznam. K tomu nám stačí poučít funkci `map`, kterou jsme v první části lekce tak poctivě trénovali.
+Z tohoto pole chceme vyrobit pole JSX elementů pro náš seznam. K tomu nám stačí použít funkci `map`, kterou jsme v první části lekce tak poctivě trénovali.
 
 ```js
 const days = ['pondělí', 'úterý', 'středa', 'čtvrtek', 'pátek'];
@@ -58,7 +58,7 @@ const HomePage = () => (
 );
 ```
 
-Tento kód bude hezky fungovat. Z hlediska profesionáních vývojářů je však zbytečně ukecaný. Proměnnou `dayElements` používáme pouze jednou, takže můžeme na místě jejího použití rovnou zavolat náš mapovací kód.
+Tento kód bude hezky fungovat. Z hlediska profesionálních vývojářů je však zbytečně ukecaný. Proměnnou `dayElements` používáme pouze jednou, takže můžeme na místě jejího použití rovnou zavolat náš mapovací kód.
 
 <!-- prettier-ignore -->
 ```js
@@ -76,7 +76,7 @@ const App = () => (
 );
 ```
 
-Pokud vám kód výše stále přijde srozumitelný, je zde příležitost jej udělat ještě malinko kompaktnější. V praxi se často setkáte s takovýmo formátováním.
+Pokud vám kód výše stále přijde srozumitelný, je zde příležitost jej udělat ještě malinko kompaktnější. V praxi se často setkáte s takovýmto formátováním.
 
 ```js
 const days = ['pondělí', 'úterý', 'středa', 'čtvrtek', 'pátek'];
diff --git a/daweb/js2/seznamy/slozitejsi-komponenty.md b/daweb/js2/seznamy/slozitejsi-komponenty.md
index 3c52966b..ff120289 100644
--- a/daweb/js2/seznamy/slozitejsi-komponenty.md
+++ b/daweb/js2/seznamy/slozitejsi-komponenty.md
@@ -60,7 +60,7 @@ const ShopItem = ({ name, amount, bought }) => {
 Nyní stačí komponentu použít uvnitř `HomePage`.
 
 ```jsx
-const HomaPage = () => (
+const HomePage = () => (
   <>
     <h1>Nákupní seznam</h1>
     <ul className="shopping-list">