From 4b0205672d72f76c0e1ad2631fa99cef26690121 Mon Sep 17 00:00:00 2001 From: Filip Chalupa Date: Fri, 1 Sep 2023 00:51:14 +0200 Subject: [PATCH 1/5] Docker kodim verze 2.0.0-beta.5 --- docker-compose.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docker-compose.yml b/docker-compose.yml index 63c643ec..76295278 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -1,7 +1,7 @@ version: '3' services: kodim: - image: onset/kodimcz:2.0.0-beta.1 + image: onset/kodimcz:2.0.0-beta.5 restart: always ports: - '3000:3000' From f2c4fa3a335c5dad6cea207c5a0abcd267b7ca87 Mon Sep 17 00:00:00 2001 From: Filip Chalupa Date: Fri, 1 Sep 2023 01:18:57 +0200 Subject: [PATCH 2/5] =?UTF-8?q?Extrakce=20v=C3=BDkladu=20o=20Markdownu=20a?= =?UTF-8?q?=20n=C3=A1hrada=20za=20`type`/`cat`?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../struktura-adresaru/struktura-adresaru.md | 48 ++----------------- zaklady-gitu/uvod-do-gitu/entry.yml | 1 + zaklady-gitu/uvod-do-gitu/markdown.md | 31 ++++++++++++ 3 files changed, 37 insertions(+), 43 deletions(-) create mode 100644 zaklady-gitu/uvod-do-gitu/markdown.md diff --git a/zaklady-gitu/struktura-adresaru/struktura-adresaru.md b/zaklady-gitu/struktura-adresaru/struktura-adresaru.md index 7d62e819..59ec17ca 100644 --- a/zaklady-gitu/struktura-adresaru/struktura-adresaru.md +++ b/zaklady-gitu/struktura-adresaru/struktura-adresaru.md @@ -64,7 +64,7 @@ Adresáře, neboli složky můžeme procházet, podobně jako to znáte z Window pwd ``` -- #### Windows +- ##### Windows Příkaz `cd` bez parametru. @@ -72,54 +72,16 @@ Adresáře, neboli složky můžeme procházet, podobně jako to znáte z Window cd ``` -#### Otevření textového souboru - -- ##### Mac a Linux - - `touch` vytvoří nový soubor, pokud neexistuje. - - ```sh - touch nazev-souboru.txt - ``` +#### Zobrazení obsahu souboru - `open -e` otevře existující soubor v aplikaci _TextEdit_. +- ##### Mac, Linux ```sh - open -e nazev-souboru.txt + cat nazev-souboru.txt ``` - ##### Windows ```sh - notepad nazev-souboru.txt + type nazev-souboru.txt ``` - -Pokud soubor `nazev-souboru.txt` neexistuje, příkazem výšeho ho můžete zároveň vytvořit. - -### Jazyk Markdown - -Abychom aspoň trochu vylepšili uživatelský zážitek z naší textové hry, použijeme jazyk Markdown. Ten umožňuje obyčejné textové soubory obohatit jednoduchým formátováním a přidat odkazy. - -Markdown soubor (obvykle má příponu `.md`) tedy může vypadat třeba takhle: - -```markdown -# Hlavní nadpis - -## První podnadpis - -Tady bude první odstavec textu. - -Tady je druhý odstavec textu. Může být klidně dlouhý -a zalomený na několik řádek. Ve výsledku z toho pořád -bude jeden odstavec. - -Nový odstavec začne prázdným řádkem. - -## Druhý podnadpis - -V Markdownu můžeme snadno vytvářet odkazy: - -[Text odkazu](https://www.czechitas.cz) - -Odkaz může být i [uvnitř textu](https://www.czechitas.cz). -``` diff --git a/zaklady-gitu/uvod-do-gitu/entry.yml b/zaklady-gitu/uvod-do-gitu/entry.yml index b10ce274..74551c61 100644 --- a/zaklady-gitu/uvod-do-gitu/entry.yml +++ b/zaklady-gitu/uvod-do-gitu/entry.yml @@ -11,3 +11,4 @@ sections: - github-pages - cviceni-saturejka - cv-ulozky + - markdown diff --git a/zaklady-gitu/uvod-do-gitu/markdown.md b/zaklady-gitu/uvod-do-gitu/markdown.md new file mode 100644 index 00000000..cd21fab5 --- /dev/null +++ b/zaklady-gitu/uvod-do-gitu/markdown.md @@ -0,0 +1,31 @@ +## Dobrovolné čtení na doma + +### Jazyk Markdown + +Markdown je jednoduchý způsob, jak psát formátované texty. Používá se například na GitHubu, kde se využívá k popisu repozitářů. Bývá zvykem v každém repozitáři sepsat popis repozitáře v souboru `README.md`, který GitHub pak zobrazuje na hlavní stránce repozitáře. + +Markdown soubor (obvykle má příponu `.md`) tedy může vypadat třeba takhle: + +```markdown +# Hlavní nadpis + +## První podnadpis + +Tady bude první odstavec textu. + +Tady je druhý odstavec textu. Může být klidně dlouhý +a zalomený na několik řádek. Ve výsledku z toho pořád +bude jeden odstavec. + +Nový odstavec začne prázdným řádkem. + +## Druhý podnadpis + +V Markdownu můžeme snadno vytvářet odkazy: + +[Text odkazu](https://www.czechitas.cz) + +Odkaz může být i [uvnitř textu](https://www.czechitas.cz). +``` + +Jak může vypadat repozitář i s vyplněným `README.md` si můžete prohlédnout například na adrese [github.com/Czechitas-podklady-WEB/czechitas-generator-slack-ikony](https://github.com/Czechitas-podklady-WEB/czechitas-generator-slack-ikony). From 7b4d37a575f1fb4c34e3eccd90f707ca3ab5d3d5 Mon Sep 17 00:00:00 2001 From: Filip Chalupa Date: Fri, 1 Sep 2023 01:43:42 +0200 Subject: [PATCH 3/5] =?UTF-8?q?Slo=C5=BEit=C4=9Bj=C5=A1=C3=AD=20p=C5=99?= =?UTF-8?q?=C3=ADkazy?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zaklady-gitu/struktura-adresaru/entry.yml | 1 + .../struktura-adresaru/slozitejsi-prikazy.md | 33 +++++++++++++++++++ 2 files changed, 34 insertions(+) create mode 100644 zaklady-gitu/struktura-adresaru/slozitejsi-prikazy.md diff --git a/zaklady-gitu/struktura-adresaru/entry.yml b/zaklady-gitu/struktura-adresaru/entry.yml index b8e8e340..62fdc550 100644 --- a/zaklady-gitu/struktura-adresaru/entry.yml +++ b/zaklady-gitu/struktura-adresaru/entry.yml @@ -2,6 +2,7 @@ title: Struktura adresářů lead: Procvičíme si orientaci v adresářích a naučíme se základní práci s příkazovou řádkou. sections: - prikazova-radka + - slozitejsi-prikazy - struktura-adresaru - cv-textovka - server diff --git a/zaklady-gitu/struktura-adresaru/slozitejsi-prikazy.md b/zaklady-gitu/struktura-adresaru/slozitejsi-prikazy.md new file mode 100644 index 00000000..26116d49 --- /dev/null +++ b/zaklady-gitu/struktura-adresaru/slozitejsi-prikazy.md @@ -0,0 +1,33 @@ +## Složitější příkazy + +Program `whoami` byl velmi prostý. Vypsal nám jen název přihlášeného uživatele. Složitější příkazy mohou mít i parametry, které jim podrobněji říkají, co mají dělat. Parametry se zadávají za jménem příkazu a oddělují se od něj mezerou. + +Víceslovné parametry je potřeba obalit do uvozovek, aby bylo jasné, že patří k sobě. + +```sh +nazev-prikazu první druhý třetí 100 "delší text" +``` + +### `echo` + +Ukázkou programu, který pracuje s více parametry je například `echo` (zvěna). Tento program vypíše zpět na obrazovku všechno, co mu zadáte jako parametry. + +```sh +echo Ahoj +``` + +### Chat + +Vést konverzaci se sebou samým je trochu zvláštní a rychle omrzí. Pokud si chcete popovídat s někým dalším, může vyzkoušet následující příkazy. + +První odešle zprávu do společného chatu. + +```sh +npx @czechitas/chat send "Jak se máte?" +``` + +Druhý vypíše všechny zprávy, které byly do chatu odeslány. + +```sh +npx @czechitas/chat list +``` From 747863fd2fbbc405937e83d85971f5564b5c63ee Mon Sep 17 00:00:00 2001 From: Filip Chalupa Date: Fri, 1 Sep 2023 01:59:01 +0200 Subject: [PATCH 4/5] =?UTF-8?q?=C3=9Aprava=20cvi=C4=8Den=C3=AD=20pro=20tr?= =?UTF-8?q?=C3=A9nink=20pr=C3=A1ce=20s=20p=C5=99=C3=ADkazovou=20=C5=99?= =?UTF-8?q?=C3=A1dkou?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../struktura-adresaru/cv-prikazova-radka.md | 4 + .../struktura-adresaru/cv-textovka.md | 3 - .../struktura-adresaru/cvlekce/chat.md | 11 ++ .../struktura-adresaru/cvlekce/textovka.md | 174 ++---------------- zaklady-gitu/struktura-adresaru/entry.yml | 2 +- zaklady-gitu/struktura-adresaru/server.md | 10 - .../struktura-adresaru/slozitejsi-prikazy.md | 10 + 7 files changed, 37 insertions(+), 177 deletions(-) create mode 100644 zaklady-gitu/struktura-adresaru/cv-prikazova-radka.md delete mode 100644 zaklady-gitu/struktura-adresaru/cv-textovka.md create mode 100644 zaklady-gitu/struktura-adresaru/cvlekce/chat.md diff --git a/zaklady-gitu/struktura-adresaru/cv-prikazova-radka.md b/zaklady-gitu/struktura-adresaru/cv-prikazova-radka.md new file mode 100644 index 00000000..c80262fd --- /dev/null +++ b/zaklady-gitu/struktura-adresaru/cv-prikazova-radka.md @@ -0,0 +1,4 @@ +## Cvičení: Příkazová řádka + +::exc[cvlekce/chat] +::exc[cvlekce/textovka] diff --git a/zaklady-gitu/struktura-adresaru/cv-textovka.md b/zaklady-gitu/struktura-adresaru/cv-textovka.md deleted file mode 100644 index 0b8cb3da..00000000 --- a/zaklady-gitu/struktura-adresaru/cv-textovka.md +++ /dev/null @@ -1,3 +0,0 @@ -## Cvičení: Textovka - -::exc[cvlekce/textovka] diff --git a/zaklady-gitu/struktura-adresaru/cvlekce/chat.md b/zaklady-gitu/struktura-adresaru/cvlekce/chat.md new file mode 100644 index 00000000..2d32ae4c --- /dev/null +++ b/zaklady-gitu/struktura-adresaru/cvlekce/chat.md @@ -0,0 +1,11 @@ +--- +title: Chat +demand: 2 +--- + +Napište ostatním zprávu do společného chatu a přečtěte si zprávy od ostatních. + +1. Otevřete příkazovou řádku. +1. Příkazem `whoami` zjistěte, jak jste přihlášení. +1. Pomocí `npx @czechitas/chat send "Nějaká zpráva"` odešlete zprávu do společného chatu. +1. Pomocí `npx @czechitas/chat list` si zobrazte všechny zprávy v chatu a zkontrolujte, že je tam i ta vaše. diff --git a/zaklady-gitu/struktura-adresaru/cvlekce/textovka.md b/zaklady-gitu/struktura-adresaru/cvlekce/textovka.md index d119c50c..7894ac26 100644 --- a/zaklady-gitu/struktura-adresaru/cvlekce/textovka.md +++ b/zaklady-gitu/struktura-adresaru/cvlekce/textovka.md @@ -3,169 +3,17 @@ title: Textovka demand: 3 --- -Pomocí příkazové řádky vytvořte hru podle následujícího scénáře. Nepoužívejte _VS Code_ ani aplikaci _Průzkumník_/_Finder_, pokud se vyloženě nezamotáte, ať si ovládání příkazové řádky osvojíte. +Zahrajte si na příkazové řádce textovou hru Vetřelec. -1. Kořenovou složku pro textovou hru příkazem `mkdir` vytvořte a pojmenujte `vetrelec` uvnitř složky, kde typicky zakládáte nové projekty. +1. Stáhněte si k sobě na disk soubory a složky s hrou uvnitř zipového souboru [vetrelec-main.zip](https://github.com/Czechitas-podklady-WEB/vetrelec/archive/refs/heads/main.zip). +1. Zip soubor rozbalte. V něm se ukrývá celá hra. Pozor ale, obsah nijak nezkoumejte. +1. **Odteď už jen na příkazové řádce**. Otevřete si příkazovou řádku a pomocí `cd` se přesuňte do složky `vetrelec-main`. +1. Pomocí `dir`/`ls` podle toho, jestli máte Windows nebo Mac či Linux, zkontrolujte, že je ve složce soubor `index.txt`. +1. Je možné, že ve složce `vetrelec-main` najdete další složku `vetrelec-main`. Pokud ano, přesuňte se do této vnořené složky, ve které by `index.txt` už měl snad být. +1. Vypište si obsah souboru `index.txt` pomocí `type`/`cat`. +1. V každém souboru je část příběhu a případně odkaz, kde najdete pokračování. +1. Zvolte si cestu, kterou se vydáte a pomocí `cd`, `type`/`cat` pokračujte dále. -1. Příkazem `cd` (možná opakovaným použitím) se přesuňte do složky `vetrelec`. +#### Bonus -1. V ní vytvořte soubor `index.md` s textem: - - #### Cesta: `vetrelec/index.md` - - ```text - # Hra Vetřelec - - Vítejte v naší zbrusu nové hře „Vetřelec“. - - [Začít hrát](zacatek.md) - ``` - - Připomeňte si příkaz `notepad` pro Windows nebo `touch` a `open` pro Mac z předchozí sekce. - -1. Otevřete si ještě jedno okno terminálu (`cmd` ve Windows). - -1. V prvním okně si pomocí `pwd` (na MacOS a Linuxu) nebo `cd` (Windows) vypište aktuální adresář, v novém okně se pomocí příkazu `cd` a cesty přesuňte do stejného adresáře. Pozor na to, pokud je v adresáři mezera (třeba ve jméně uživatele), musíte celou cestu dát do dvojitých uvozovek, třeba `cd "/Users/Eva Adamová/DAweb/vetrelec"`. - -1. V druhém okně spusťte následující příkaz: - - ```sh - npx markserv index.md - ``` - - Nastartuje se vám prohlížeč, ve kterém se zobrazí uvítací obrazovka vaší hry. - -1. Ve složce `vetrelec` dále vytvořte soubor `zacatek.md` s textem: - - #### Cesta: `vetrelec/zacatek.md` - - ```text - Ze sladkého spánku tě probudí podivný šramot. Zdá se, že se ozývá - z obýváku v přízemí. Tiše otevřeš dveře ložnice a pokradmu scházíš - schody dolů zkontrolovat situaci. - - [Přejít na schodiště](obyvak/schodiste.md) - ``` - - Zkuste v prohlížeči přejít na začátek hry. - -1. Všimněte si, že text navádí hráče do podsložky `obyvak` se souborem `schodiste.md`. Vytvořte tuto složku a soubor s textem: - - #### Cesta: `vetrelec/obyvak/schodiste.md` - - ```text - Když sejdeš do půlky schodů, skrze zábradlí zahlédneš postavu - v kapuci. Zloděj! Zdá se, že již spoustu cenných věcí stihl odnést. - - Je třeba jednat rychle: - - 1. Vrhneš se do konfrontace se zlodějem - - [Konfrontovat](konfrontace.md) - - 2. Vydáš se zpět do ložnice zavolat policii - - [Zavolat Policii](../loznice/mobil.md) - ``` - - V prohlížeči opět vyzkoušejte, že stránka funguje. Pokud upravíte aktuálně zobrazený soubor, v prohlížeči použijte F5 (refresh) pro znovunačtení stránky. - -1. Tím textovka nekončí. Doplň další soubory podle následujícího klíče: - - #### Cesta: `vetrelec/obyvak/konfrontace.md` - - ```text - Sebehneš zbytek schodů, ale v nervozitě a tmě nešikovně zakopneš - o křeslo. Zloděj se vyleká a přiskočí k vchodovým dveřím. Než se - naděješ, slyšíš, jak venku odjíždí auto s tvým majetkem. - ``` - - #### Cesta: `vetrelec/loznice/mobil.md` - - ```text - Tiše vystoupáš schody zpět nahoru. Jenže ouha, tvůj mobilní telefon - leží na nočním stolku - vybitý. Nabíječku jsi samozřejmě zapomněl - dole v obýváku. V tom slyšíš na schodech kroky. - - 1. Rychle se schováš do šatní skříně - - [Schovat se](skrin/ve-skrini.md) - - 2. Pohotově otevřeš okno a sešplháš před dům na ulici - - [Sešplhat na ulici](../pred-domem/ulice.md) - ``` - -1. Zkuste si textovku zahrát. Přesuňte se do kořenové složky `vetrelec` a otevřete soubor `zacatek.md`. Protože je hra ještě neúplná postupujte následovně: - - 1. Pokračujte na **schodiště**. - 1. Dále **konfrontujte** zloděje. - -### Bonus - -1. Pro úplnost příběhu doplňte následující soubory: - - #### Cesta: `vetrelec/loznice/skrin/ve-skrini.md` - - ```text - Škvírkou mezi dveřmi pozoruješ, jak lupič vstupuje - do ložnice. Co čert nechtěl, jde rovnou ke skříni. - - 1. Bereš do ruky dřevěné ramínko a rozhodneš se pro rychlou akci - - [Akce s ramínkem](akce.md) - - 2. Strachy se ti sevřou půlky a strnule vyčkáváš svého osudu - - [Odevzdat se osudu](osud.md) - ``` - - #### Cesta: `vetrelec/loznice/skrin/akce.md` - - ```text - A válečným rykem a napřaženým raminkem vyrazíš ze skříně. Lupič - v úleku přepadne přes postel a zamotá se do prostěradla. - Vybíháš dolů po schodech a ven na ulici před dům. - - [Vyběhnout na ulici](../../pred-domem/ulice.md) - ``` - - #### Cesta: `vetrelec/loznice/skrin/osud.md` - - ```text - Lupič otevře skříň a vteřinu na sebe překvapeně hledíte. Kriminálník - je ovšem duchapřítomnější, zabouchne dveře skříně a zamkne je zvenku - klíčem, který trčel v zámku. Zamčený ve skříni slyšíš, jak za okny - lupič odjíždí do tmy s tvým majetkem. - ``` - - #### Cesta: `vetrelec/pred-domem/ulice.md` - - ```text - Na ulici stojí lupičova škodovka s otevřeným kufrem. - - 1. Vydáš se k autu - - [K autu](auto.md) - - 2. Běžíš po chodníku k sousedům - - [K sousedům](sousedi.md) - ``` - - #### Cesta: `vetrelec/pred-domem/auto.md` - - ```text - V lupičově autě najdeš klíčky nachystané přímo v zapalování a na sedadle, - hurá, lupičův mobil. Bereš klíče i mobil, přiskočíš za roh domu a točíš - tísňovou linku. Policie už je na cestě. Tvůj majetek je zachráněn. - ``` - - #### Cesta: `vetrelec/pred-domem/sousedi.md` - - ```text - Zloděj vybíhá před dům a vidí tě, jak běžíš k vedlejšímu vchodu. Ryche - nasedne do auta a ujíždí pryč s tvým majetkem. - ``` - -1. Zkuste si textovku znovu zahrát. Tentokrát volte další kroky podle sebe. +- Příběh má několik alternativních konců. Najdete je všechny? diff --git a/zaklady-gitu/struktura-adresaru/entry.yml b/zaklady-gitu/struktura-adresaru/entry.yml index 62fdc550..8f5d4493 100644 --- a/zaklady-gitu/struktura-adresaru/entry.yml +++ b/zaklady-gitu/struktura-adresaru/entry.yml @@ -4,7 +4,7 @@ sections: - prikazova-radka - slozitejsi-prikazy - struktura-adresaru - - cv-textovka + - cv-prikazova-radka - server - cv-webova-textovka - integrovany-terminal diff --git a/zaklady-gitu/struktura-adresaru/server.md b/zaklady-gitu/struktura-adresaru/server.md index 7afaa00b..03aa6dce 100644 --- a/zaklady-gitu/struktura-adresaru/server.md +++ b/zaklady-gitu/struktura-adresaru/server.md @@ -6,16 +6,6 @@ Následující příkaz pro příkazovou řádku spustí na vašem počítači w npx serve ``` -Občas se program `npx` ještě dozeptá, jestli si do sebe může doinstalovat rozšiřující balíček `serve`. Otázku odsouhlasíte stisknutím klávesy :kbd[Enter]. - -```text -Need to install the following packages: - serve -Ok to proceed? (y) -``` - -::fig[npx serve]{src=assets/serve.png} - Server poté můžete navštívit na adrese [localhost:3000](http://localhost:3000) ve webovém prohlížeči. Všimněte si názvu _localhost_, který slouží jako přezdívka vašeho počítače. Na server přes tuto adresu můžete přistoupit jen vy, je lokální/místní. diff --git a/zaklady-gitu/struktura-adresaru/slozitejsi-prikazy.md b/zaklady-gitu/struktura-adresaru/slozitejsi-prikazy.md index 26116d49..690dd760 100644 --- a/zaklady-gitu/struktura-adresaru/slozitejsi-prikazy.md +++ b/zaklady-gitu/struktura-adresaru/slozitejsi-prikazy.md @@ -31,3 +31,13 @@ Druhý vypíše všechny zprávy, které byly do chatu odeslány. ```sh npx @czechitas/chat list ``` + +Občas se program `npx` ještě dozeptá, jestli si do sebe může doinstalovat rozšiřující balíček `@czechitas/chat`. Otázku odsouhlasíte stisknutím klávesy :kbd[Enter]. + +```text +Need to install the following packages: + @czechitas/chat +Ok to proceed? (y) +``` + +::fig[npx serve]{src=assets/serve.png} From 8f6add1e4566e06a08ed54153699574c0a3bd2d6 Mon Sep 17 00:00:00 2001 From: Filip Chalupa Date: Fri, 1 Sep 2023 02:04:21 +0200 Subject: [PATCH 5/5] =?UTF-8?q?P=C5=99izp=C5=AFsoben=C3=AD=20cvi=C4=8Den?= =?UTF-8?q?=C3=AD=20s=20webovou=20textovkou=20pro=20nov=C3=A9=20materi?= =?UTF-8?q?=C3=A1ly?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../cvlekce/webova-textovka.md | 30 +++---------------- 1 file changed, 4 insertions(+), 26 deletions(-) diff --git a/zaklady-gitu/struktura-adresaru/cvlekce/webova-textovka.md b/zaklady-gitu/struktura-adresaru/cvlekce/webova-textovka.md index 7c5dacc7..17cd2679 100644 --- a/zaklady-gitu/struktura-adresaru/cvlekce/webova-textovka.md +++ b/zaklady-gitu/struktura-adresaru/cvlekce/webova-textovka.md @@ -5,29 +5,9 @@ demand: 3 Hru z předchozího cvičení převeďte na webovou stránku. -1. Otevřete si složku `vetrelec` ve _VS Code_. +1. Otevřete si složku `vetrelec-main` ve _VS Code_. -1. Z jednotlivých textových souborů udělejte soubory HTML s klasickou HTML strukturou (bez `