Kroužek informatiky · t29.cz

Kuchařka
programátora

Vše co potřebuješ vědět – přihlášení, příkazy, nahrání programu a cvičení.

🦁
Teo
teo.t29.cz
🐺
Jakub
jakub.t29.cz
01

Jak se přihlásit na server

💻
Otevři terminál

Na Windows: hledej „Terminal" nebo „PowerShell" ve Start menu. Na Macu: Cmd+Mezera → napíš „Terminal".

🔐
Připoj se pomocí SSH

Napiš příkaz níže a stiskni Enter. Zadej své heslo – při psaní nic nevidíš, to je normální.

terminál
$ssh teo@teo.t29.cz← Teo
$ssh jakub@jakub.t29.cz← Jakub
teo@server:~$← přihlášení proběhlo!
💡
Pokud vidíš teo@server:~$, jsi přihlášený. Vše co napíšeš, se provede na počítači v Německu!
02

Základní příkazy – tahák

PŘÍKAZ
CO DĚLÁ
PŘÍKLAD
ls
Zobrazí co je ve složce
ls
cd název
Přejde do složky
cd app
cd ..
Přejde o úroveň výš
cd ..
cat soubor
Vypíše obsah souboru
cat app.py
nano soubor
Otevře editor pro úpravy
nano app/app.py
rm soubor
Smaže soubor
rm app/app.py
./restart.sh
Restartuje tvoji aplikaci
./restart.sh
pwd
Kde právě jsem?
pwd
exit
Odpojí se ze serveru
exit
Klávesové zkratky v editoru nano
Uložení a zavření
Ctrl+O→ uložit změny
Enter→ potvrdit název souboru
Ctrl+X→ zavřít nano
Vložení kódu
Ctrl+Shift+V→ vložit
Ctrl+K→ smazat řádek
03

Jak nahrát nový program

01
Vygeneruj kód v Claude.ai

Otevři claude.ai v prohlížeči a popiš co chceš. Claude napíše app.py a templates/index.html.

02
Otevři soubor v editoru

V terminálu napiš: nano app/app.py

03
Vlož nový kód

Smaž starý obsah (Ctrl+K na každý řádek), pak vlož nový kód přes Ctrl+Shift+V.

04
Ulož soubor

Ctrl+O → Enter (uložit) → Ctrl+X (zavřít). Zopakuj pro app/templates/index.html.

05
Restartuj a zkontroluj

Spusť ./restart.sh a refreshni stránku v prohlížeči.

🐛
Nefunguje? Zkopíruj chybovou hlášku z terminálu a pošli ji Claudovi: „Proč to nefunguje? Tady je chyba: [chyba]"
04

Rychlejší způsob – smazat a nakopírovat

🗑️
Smaž starý soubor

Příkaz rm soubor smaže. Pozor – smazané soubory nejdou obnovit!

terminál
$rm app/app.py← smaže app.py
$rm app/templates/index.html← smaže šablonu
📋
Nakopíruj nový kód přímo z terminálu

Příkaz cat > vytvoří nový soubor. Zkopíruj kód z Clauda, vlož ho a ukonči stiskem Ctrl+D.

terminál
$cat > app/app.py
← vlož kód přes Ctrl+Shift+V
← pak stiskni Ctrl+D pro uložení
$cat > app/templates/index.html← totéž pro šablonu
⚡
Tenhle způsob je rychlejší než nano – hodí se když chceš vyměnit celý soubor najednou.
05

Jak zadat úkol Claudovi

✍️
Použij tuto šablonu – čím víc napíšeš, tím lepší kód dostaneš

Popiš barvy, co se má stát po kliknutí, jak má stránka vypadat. Žádný detail není zbytečný.

Potřebuji webovou aplikaci ve Flasku.
Co má dělat: [sem napiš svůj nápad]
Jak má vypadat: [barvy, styl, co tam má být]
Technické požadavky: Používej Jinja2 šablony. Port 5002 (Teo) nebo 5003 (Jakub).
Napiš mi soubory app.py a templates/index.html.
06

5 věcí které si můžeš zkusit

01
🎲
Generátor číselZadáš rozsah, stránka hodí náhodné číslo
Začátečník
„Webová aplikace ve Flasku. Uživatel zadá dvě čísla (od–do) a stránka vygeneruje náhodné číslo z tohoto rozsahu. Hezký moderní design, velké zobrazení čísla uprostřed stránky."
random.randint()formulář POSTJinja2 šablona
02
🧮
Jednoduchá kalkulačkaZadáš dvě čísla a operaci, stránka spočítá výsledek
Začátečník
„Webová kalkulačka ve Flasku. Formulář se dvěma čísly a výběrem operace (+, −, ×, ÷). Po odeslání zobrazí výsledek. Upozorní pokud chce uživatel dělit nulou."
podmínky if/elifošetření chybselect v HTML
03
🎮
Kvíz o MinecraftuOtázky a odpovědi, na konci skóre
Středně těžké
„Webový kvíz ve Flasku o Minecraftu. 5 otázek s výběrem ze 4 odpovědí. Po zodpovězení všech zobrazí kolik jsem měl správně a jaké byly správné odpovědi."
seznam otázekpočítání skóresession
04
🌅
Osobní stránkaO tobě, tvé zájmy, oblíbené hry nebo filmy
Začátečník
„Osobní webová stránka ve Flasku. Chci tam mít: krátké představení, sekci s oblíbenými hrami, sekci se zájmy a možnost zanechat vzkaz. Tmavý moderní design."
více sekcíCSS stylingformulář
05
🤖
Chatbot s AIStránka která odpovídá jako umělá inteligence
Pokročilé
„Chatbot ve Flasku napojený na Claude API. Uživatel napíše zprávu, stránka odpovídá jako AI asistent. Chatbot se jmenuje [vymysli jméno] a odpovídá jen o [vyber téma]."
Anthropic APIrequestssystem prompt
kroužek informatiky · t29.cz
teo.t29.cz  ·  jakub.t29.cz