From 655266224e5a13de8c29b53b275e935567c4618d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Filip=20Jirs=C3=A1k?= Date: Fri, 19 Apr 2024 22:54:41 +0200 Subject: [PATCH] =?UTF-8?q?Dopln=C4=9Bn=C3=AD=20npm=20install.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- daweb/js2/seznamy/cvdoma/podcasty.md | 1 + 1 file changed, 1 insertion(+) diff --git a/daweb/js2/seznamy/cvdoma/podcasty.md b/daweb/js2/seznamy/cvdoma/podcasty.md index fb085e0d..59c948e2 100644 --- a/daweb/js2/seznamy/cvdoma/podcasty.md +++ b/daweb/js2/seznamy/cvdoma/podcasty.md @@ -7,6 +7,7 @@ solutionAccess: protected --- 1. Vytvořte si repository ze šablony [cviceni-podcasty](https://github.com/Czechitas-podklady-WEB/cviceni-podcasty) a naklonujte si repository z vašeho GitHub účtu na počítač. +1. Otevřete si repository ve VS Code a v terminálu spusťte příkaz `npm install` pro instalaci závislostí. Pokračujte spuštěním vývojového serveru klasickým `npm run dev`. 1. Podívejte se na HTML/JSX kód v `src/pages/index.jsx`. Seznam epizod je v kódu napevno zadrátovaný – my z něj budeme chtít udělat slušně vychované JSX komponenty, které umí zobrazit jakýkoli seznam epizod, který dostanou na vstupu v poli. 1. Vytvořte komponentu `Episode`, která bude zobrazovat jednu podcastovou epizodu. Její props budou `num`, `title` a `guest`. Pomocí této komponenty zobrazte stejné dvě epizody, jaké byly v původním kódu napevno zadrátované. 1. Nezapomeňte pro vaši komponentu vytvořit separátní složku s vlastním JavaScriptem/JSX a CSS.