Merge pull request #634 from Czechitas-podklady-WEB/633-nepoužívat-ex…

…tra-repozitář-se-zadáním

Aktualizace zadání Café Lóra pro použití startovacího projektu

daweb/js2/cafe-lora-1/cvlekce/seznameni.md

@@ -1,18 +1,12 @@
 ---
 title: Seznámení s projektem
-lead: Založte si repozitář s seznamte se zadáním projektu.
+lead: Naklonujte si repozitář a seznamte se se zadáním projektu.
 demand: 2
 ---
 
-Design cílové stránky v HTML a CSS spolu s veškerými obrázky najdete v repozitáři [Cafe-Lora](https://github.com/Czechitas-podklady-WEB/Cafe-Lora). Poděkujte grafikům a kodérům, kteří pro vás tento návrh připravili a vy se už můžete zabývat pouze programováním.
+Projekt Café Lóra nebudeme dělat úplně na zelené louce. Budeme vycházet z již připraveného základu, V tomto cvičení se seznámíme s tím, co všechno je pro nás připraveno a jakým způsobem budeme pracovat.
 
-Repozitář s designem si rovnou naklonujte. **Neforkujte** jej a nedělejte v něm žádné změny, slouží **pouze jako zdroj HTML a CSS**. V následujících krocích si pro váš projekt založíte vlastní repozitář na svém GitHubu.
-
-1. Seznamte se se zdrojovým kódem, který je pro vás v projektu připraven. Spusťte si web pomocí `npx serve`. Prohlédněte si HTML a CSS obou stránek.
-1. Na stránkách najdete příklad nápojů a objednávky. Tato data samozřejmě budeme později stahovat z API.
-1. Na vašem vlastním GitHubu si založte repozitář `cafelora`. Repozitář si naklonujte, otevřete ve VS Code a v termínálu spusťte příkaz
-   ```bash
-   npm init kodim-app@latest . jsx
-   ```
-   čímž, jak jistě víte, vytvořte základ Vite/JSX JavaScriptového projektu. Commitněte změny s hezky formulovanou zprávou.
-1. Projekt si spusťte pomocí `npm run dev` a jste připraveni začít programovat.
+1. Základ celé stránky, kterou budete postupně tvořit najdete v repozitáři [cafelora](https://github.com/Czechitas-podklady-WEB/cafelora). Pomocí _Use this template_ si vytvořte kopii tohoto repozitáře na svém GitHubu a naklonujte si ji do svého počítače.
+1. Základní strukturu a design cílové stránky v JSX a CSS spolu s veškerými obrázky najdete v připraveném repozitáři. Poděkujte grafikům a kodérům, kteří pro vás tento návrh připravili a vy se už můžete zabývat pouze programováním.
+1. Seznamte se se zdrojovým kódem, který je pro vás v projektu připraven. Spusťte si web pomocí `npm run dev`. Prohlédněte si HTML a CSS obou stránek a vyzkoušejte si obě stránky zobrazit v prohlížeči.
+1. Na stránkách najdete příklad nápojů a objednávky. Tato data samozřejmě budeme později stahovat z API, nyní jsou zde pouze jako ukázka.

daweb/js2/cafe-lora-2/cvlekce/objednavka-stranka.md

@@ -1,12 +1,12 @@
 ---
 title: Stránka pro detail objednávky
-lead: Vytvořte stránku pro zobrazení detailu objednávky.
+lead: Oživte stránku pro zobrazení detailu objednávky.
 demand: 3
 ---
 
-Vytvoříme kostru stránky pro detail objednávky. Komponenty pro jednotlivé položky objednávky vytvoříme v dalším cvičení.
+Oživíme kostru stránky pro detail objednávky pomocí už existujících komponent. Komponenty pro jednotlivé položky objednávky vytvoříme v dalším cvičení.
 
-1. Ve složce `src/pages` založte nový soubor `order.html` i s JavaScriptem `order.jsx` a styly `order.css`. Obsah a styly zatím vezměte z připraveného zadání.
-1. Na stránce použijte komponenty `Header` a `Footer`. Komponentu `Header` bude potřeba upravit, protože na stránce s objednávkou se hlavička zobrazuje bez hlavního menu. Do komponenty `Header` tedy přidejte _prop_ s názvem `showMenu` s výchozí hodnotou `true`. Pokud bude `showMenu` mít hodnotu `false`, komponenta `Header` zobrazí hlavičku pouze s odkazem na hlavní stránku, jak je navrženo v zadání projektu v souboru `objednavka.html`.
+1. Ve složce `src/pages` najdete soubor `order.html` i s JavaScriptem `order.jsx` a styly `order.css`.
+1. Na stránce použijte komponenty `Header` a `Footer`. Komponentu `Header` bude potřeba upravit, protože na stránce s objednávkou se hlavička zobrazuje bez hlavního menu. Do komponenty `Header` tedy přidejte _prop_ s názvem `showMenu` s výchozí hodnotou `true`. Pokud bude `showMenu` mít hodnotu `false`, komponenta `Header` zobrazí hlavičku pouze s odkazem na hlavní stránku, jak je navrženo v zadání projektu v souboru `order.html`.
 1. Vyzkoušejte, že váš web funguje a že se lze přesouvat mezi oběma stránkami.
 1. Proveďte _commit_ a _push_ vašich změn.