Záznam

V rámci přednášky jsme byli seznámeni se zpracováním emocí pomocí AI nástrojů, včetně praktické ukázky na samotném přednášejícím a návrhům možného praktického použití, např. ve vzdělávacím procesu.

Přednáška se následně zaobírala různými druhy programovacích jazyků, například značkovací jazyk HTML, scriptovací jazyky PHP, Javascript apod. Znalostním výstupem jsme byli pověřeni seznámit se s značkovacími jazyky, vybrat jeden z výukových programovacích jazyků, a navrhnou vzdělávací lekci.

Zadání úkolu

Zkuste vybrat jeden výukový programovací jazyk a popište k němu nějakou vzdělávací lekci. Určete cíl lekce, cílovou skupinu a popište didaktický postup (průběh lekce). Lekce může být navržená jako online i offline. Buďte prosím co nejvíce konkrétní. Na konci úkolu zkuste shrnout svoji (byť třeba jen krátkou) zkušenost s tímto jazykem.

Realizace úkolu

Název a délka lekce:

Základy HTML a CSS pro Začátečníky
Orientační délka: 100 minut.

Cíl lekce:

Cílem této vzdělávací lekce je seznámit úplné začátečníky s HTML (HyperText Markup Language) a CSS (Cascading Style Sheets), dvěma základními technologiemi používanými pro vytváření webových stránek. Studenti se naučí, jak vytvářet jednoduché webové stránky a formátovat je pomocí CSS.

Cílová skupina:

Tato lekce je určena pro úplné začátečníky, kteří nemají žádné předchozí zkušenosti se značkovacími jazyky, jako HTML či CSS. Lekce může být vhodná pro středoškoláky, studenty, nebo jakoukoliv jinou cílovou skupinu, která má zájem o základy tvorby webových stránek.

Didaktický postup (průběh lekce):

Úvod (10 minut):
Přivítání účastníků a krátké seznámení s lekcí. Vysvětlení důležitosti HTML a CSS pro tvorbu webových stránek.

Základy HTML (30 minut):
Popis HTML struktury. Vytvoření základní webové stránky s nadpisy, odstavci a odkazy. Praktické cvičení: Účastníci vytvoří jednoduchou HTML stránku.

Úvod do CSS (20 minut):
Co je CSS a jak funguje. Formátování textu, barvy a pozadí. Praktické cvičení: Účastníci přidají základní styly k jejich HTML stránce (in-line/link).

Praktická cvičení a projekt (30 minut):
Účastníci budou mít za úkol vytvořit svou vlastní jednoduchou webovou stránku s textem a obrázky. Lektor bude k dispozici pro případnou pomoc a odpovědi na otázky.

Závěr (10 minut):
Shrnutí lekce a důraz na důležitost dalšího samostudia. Účastníci budou povzbuzeni k experimentování s HTML a CSS.

Metoda Online vs. Offline:

Tato lekce může být prezentována jak online, tak offline. Online verze by mohla využívat například platformu MS Teams, zatímco offline verze by probíhala v klasické počítačové učebně.

Zkušenost s tímto jazykem:

Jsem Frontend developer a HTML/CSS jsem obeznámen na metodické úrovni. Podnikám v tomto zaměření přibližně 7 let a stále čím dál častěji, že i v případě HTML/CSS je potřebné se velice často vzdělávat z důvodu technologického pokroku těchto technologií.