návaznost na předchozí práci a uvedení problému „Podmínky, funkce a návratová hodnota“. 5–12 min: teoretické minimum – funkce, parametr, návratová hodnota, podmínka, if, else. 12–18 min: společná ukázka v prohlížeči a vývojářské konzoli. 18–36 min: samostatná praktická práce – Napsat funkci, která podle zadané hodnoty vrátí textové hodnocení, a ověřit nejméně tři různé vstupy. 36–41 min: test běžného, hraničního a chybového scénáře. 41–45 min: uložení výstupu (Funkce s podmínkou a testovacími případy), krátká reflexe a určení dalšího kroku.
JavaScript a interaktivní web · 45 minut
Podmínky, funkce a návratová hodnota
Zapouzdří rozhodovací pravidlo do funkce a otestuje více větví podmínky.
00
ČASOVÁ OSA
Struktura 45minutové hodiny
01
VIDEO LEKCE
Ukázka a vysvětlení postupu
▶
Video je připravené k doplnění
Video ukáže princip, první kroky, kontrolu a typickou chybu. Nebude obsahovat celý hotový upravitelný úkol.
provider: youtube · youtubeId: ""02
STUDIJNÍ MATERIÁL
Výklad: z čeho se učíš
Téma „Podmínky, funkce a návratová hodnota“ patří do celku „JavaScript a interaktivní web“. Nejde pouze o ovládání nástroje: cílem je porozumět rozhodnutím, která vedou od zadání k ověřitelnému digitálnímu výstupu.
Klíčové pojmy funkce, parametr, návratová hodnota popisují základní stavební prvky dnešní práce. Pojmy podmínka, if, else pomáhají výsledek kontrolovat, vysvětlit nebo porovnat s jinou variantou. Každý pojem proto použij v konkrétním kroku, nikoli jen v definici.
Pracovat budeš v prostředí „HTML, CSS a JavaScript“. Nejprve si uchovej původní podklady, potom vytvoř pracovní kopii a změny prováděj po menších ověřitelných krocích. Po každé důležité změně výsledek otevři, spusť nebo porovnej s požadovaným chováním.
Praktické zadání zní: Napsat funkci, která podle zadané hodnoty vrátí textové hodnocení, a ověřit nejméně tři různé vstupy. Výsledkem je „Funkce s podmínkou a testovacími případy“. Nestačí, aby výstup pouze existoval; musí být možné doložit, že splňuje cíl: Zapouzdří rozhodovací pravidlo do funkce a otestuje více větví podmínky.
Kvalitu posuzuj podle těchto hledisek: Funkce má parametr a návratovou hodnotu, Všechny větve jsou dosažitelné a testy odpovídají pravidlům. Před odevzdáním zkontroluj názvy a strukturu souborů, funkčnost na čistém nebo cílovém prostředí a připoj stručnou reflexi rozhodnutí, testu a případné opravy.
Slovníček pojmů
funkce
Pojmenovaná opakovaně použitelná část programu s jasným vstupem, úkolem a případnou návratovou hodnotou.
parametr
Nastavitelná hodnota modelu, funkce nebo procesu, která ovlivňuje jeho chování.
návratová hodnota
Výsledek, který funkce předá zpět místu svého volání.
podmínka
Výraz vyhodnocovaný jako pravda nebo nepravda, podle kterého program volí další větev postupu.
if
Pojem „if“ označuje konkrétní prvek nebo pravidlo používané při tématu této lekce; jeho význam se ověřuje na pracovním příkladu a podle výsledného výstupu.
else
Pojem „else“ označuje konkrétní prvek nebo pravidlo používané při tématu této lekce; jeho význam se ověřuje na pracovním příkladu a podle výsledného výstupu.
03
ŘÍZENÁ PRÁCE
Postup krok za krokem
- 01
Otevři prostředí „HTML, CSS a JavaScript“ a vytvoř si vlastní pracovní složku s číslem lekce. Původní podklady neměň; nejprve je zkopíruj do pracovní verze.
- 02
Přečti zadání a napiš si jednou větou očekávaný výsledek: Funkce s podmínkou a testovacími případy. Označ vstupy, omezení a nejméně tři kontrolní kritéria.
- 03
Rozbal startovní projekt a spusť jej přes lokální webový server, pokud lekce načítá JSON. Otevři vývojářskou konzoli a ověř, že neobsahuje neošetřenou chybu.
- 04
Doplň JavaScript po malých funkcích. Po každé změně otestuj běžný, hraniční a neplatný vstup, stav po obnovení stránky a ovládání klávesnicí podle zadání.
- 05
Proveď sebekontrolu podle kritérií: Funkce má parametr a návratovou hodnotu; Všechny větve jsou dosažitelné a testy odpovídají pravidlům. Zaznamenej alespoň jeden test nebo porovnání.
- 06
Ulož zdrojovou i výslednou verzi pod jednoznačnými názvy. Odevzdej „Funkce s podmínkou a testovacími případy“ a krátce popiš, jak jsi ověřil/a správnost.
04
PRACOVNÍ PODKLADY
Stáhni si soubory, se kterými budeš pracovat
Náhled ukazuje pouze strukturu a typ výsledku. Hotové upravitelné řešení ve studentské části není.
Důležité: Podklady jsou vstupy k práci, nikoli kompletní řešení. Vlastní výsledek musí vzniknout podle zadání, testu a reflexe.
05
OTEVŘENÉ ODPOVĚDI
Pracovní list
1. Výchozí představaNapiš konkrétní příklad, ne pouze obecný dojem.
Co už o tématu „Podmínky, funkce a návratová hodnota“ víš a kde ses s ním setkal/a?
2. Práce s pojmyKe každému pojmu přidej situaci, ve které ovlivňuje rozhodnutí.
Vysvětli vlastními slovy alespoň tři pojmy: funkce, parametr, návratová hodnota, podmínka, if, else.
3. Rozhodovací situaceUveď kritérium, důkaz a možné omezení.
Jaké dvě možné varianty řešení připadají v úvahu a podle čeho mezi nimi rozhodneš? Téma: Podmínky, funkce a návratová hodnota.
4. Plán praktické prácePostup musí obsahovat vstup, konkrétní kroky, kontrolu a výstup.
Rozepiš vlastní postup k zadání: Napsat funkci, která podle zadané hodnoty vrátí textové hodnocení, a ověřit nejméně tři různé vstupy.
5. SebekontrolaFormuluj kontrolní otázky, které lze skutečně zodpovědět ano/ne nebo měřením.
Jak ověříš, že je výstup „Funkce s podmínkou a testovacími případy“ správný? Vycházej z kritérií: Funkce má parametr a návratovou hodnotu, Všechny větve jsou dosažitelné a testy odpovídají pravidlům.
6. Exit ticketOdpověď má být konkrétní a vztahovat se k dnešní práci.
Napiš jeden princip, jednu provedenou kontrolu a jeden další krok.
06
PRAKTICKÁ PRÁCE
Podmínky, funkce a návratová hodnota
Napsat funkci, která podle zadané hodnoty vrátí textové hodnocení, a ověřit nejméně tři různé vstupy.
Očekávaný výstup
Funkce s podmínkou a testovacími případy
07
DŮKAZ O UČENÍ
Odevzdání praktického úkolu
Soubor a krátká odpověď
Funkce s podmínkou a testovacími případy
Odevzdej výstup „Funkce s podmínkou a testovacími případy“. Přilož zdrojové soubory nebo export a krátce popiš, jak jsi výsledek zkontroloval/a.
Zatím nebyl vybrán žádný soubor.
Offline verze ukládá pouze odpovědi a názvy vybraných souborů v prohlížeči; skutečný upload provede Studio po napojení API.
08
ZÁVĚREČNÁ KONTROLA
Test
09
REFLEXE
Co si z lekce odnášíš
Dokončeno neznamená pouze vytvořeno. Výsledek je dokončený tehdy, když je uložený, otevřitelný, otestovaný a vysvětlitelný podle kritérií. Zapiš jednu provedenou kontrolu, jednu opravu a jeden další krok.