2025_2026
2025/2026
Kurz Programování na Nuselské bude probíhat od 18. září 2025 a volně navazuje na kurz začátečníci. Je určen pro děti druhých až pátých tříd libovolné základní školy s tím, že děti druhých tříd musí mít absolvovaný kurz začátečníci, šikovní jedinci z řad třetích či čtvrtých tříd mohou přijít i bez předchozího vzdělání.
Cílem tohoto kurzu je pokračování v rozvoji systematického myšlení, hlubší poznávání světa informační techniky a osvojení si základů elektrotechniky.
Kurz bude probíhat 1x týdně, každý čtvrtek od 14:15 do 15:05 v počítačové učebně.
V kurzu budeme využívat robůtky Cubetto, Beebot i Ozobot. Později si představíme platformu Micro:bit a s ní zabředneme trochu blíže k elektrotechnice. Kromě těchto se budeme věnovat i práci na PC, kde se budeme učit programovat pomocí vybraných kurzů na code.org, prostředí scratch a dalších. To vše proložíme tvůrčími aktivitami s papírem, kostkami a jinými rekvizitami.
Cílem kurzu není vzdělat hotového programátora, ale rozvíjet logické myšlení, algoritmizaci a jiné vlastnosti, které se dětem budou hodit při studiu jakéhokoliv oboru.
Kurz bude organizován a veden Lukášem Doktorem
1. hodina (2025-09-18)
- Seznámení s prvním tématem - HTML stránky
- Ukázková stránka s různými prvky a hledání easter-eggů zde
- Pokud rodiče dovolí, můžete hledat dále. Všechny easter-eggy nebyly ještě nalezeny
- Přihlášení do code.org pomocí hesel
2. hodina (2025-09-25)
- code.org
- Co jsou to tagy; některé jsme si vyzkoušeli použít
<head></head>- hlavička (obecné informace pro prohlížeč)<body></head>- tělo (to co vidí uživatel)<h1></h1>- (headding) velký nadpis (dále pak menší a menší pod-nadpisy<h2><h3><h4>...)<p></p>- (paragraph) odstavec (html ignoruje mezery a entery při formátování)
3. hodina (2025-10-02)
- code.org
- Opakovací hodina (pro nemocné)
- Ti kdož nepotřebovali opakovat se věnovali psaní všemi deseti, zonerai, skřítkům a podobným
4. hodina (2025-10-09)
- code.org
- Procvičování tagů nadpisu
<h1>Nadpis</h1> - Seznámení se seznamem
<ul><li>prvek1</li><li>prvek2</li></ul> - Zlepšování se v odhalování chyb (začnu jeden tag, ukončím jiný; ukončím tag, který nezačal; přeházený vstup; …)
- Procvičování tagů nadpisu
5. hodina (2025-10-16)
- Praktická ukázka postarší hry
- Demoverze k dispozici například zde
- Zklkamaly nás počítače, hra fungovala pouze na učitelském, proto jsme využili učitelský a můj notebook; po krátkém hledání to vypadá na problémy s Windows 10, proto doporučuji GNU/Linux (wine/lutris/proton), případně mohou pomoci ovladače dgVoodoo, pokud bude čas, můžeme někdy opět vyzkoušet
- Ukázali jsme si lehce adresářovou strukturu:
Audio/- Zvuky, můžeme nahradit vlastnímiLevels/- Mapy, nelehké úpravy, takže nezajímavéScripts/Events- Události, které se mohou dít když cestujeme po mapě, nebo je spouštět - zajímavé, ale moc toho neudělámeScripts/Missions- Definice misí - nejzajímavější, v demoverzi se vždy spustí skriptmission661.dmsa můžeme si ji trošku upravit
- Nejzajímavějším zjištěním byl prostý formát definice misí a fakt, že demoverze nám dovolí jakékoliv úpravy v souboru
Scripts/Missions/mission661.dms, například:- Vypnutí časovače (
Countdown), abychom získali víc času na hraní - Změna cíle (
SetTarget 0,1,917,398517), čímž se vyhneme splnění mise a ukončení hry - Vypnutí ničení (
DisablePlayerDamage), čímž nás tolik netrápí policisté - Případně vypnutí policistů kompletně (
cops_off) a můžeme jezdil dle libosti
- Vypnutí časovače (
- Následně jsme si vyzkoušeli splnit upravenou misi (v základu nesplnitelná, je nutnost upravit podmínky, kreativitě se meze nekladou)
6. hodina (2025-10-23)
- code.org
- Ukázali jsme si CSS - kaskádové styly, které se používají pro definici stylu (barvy, pozice, efektů) na HTML stránce
- Styl můžeme “importovat” pomocí
<link rel="stylesheet" href="nas_styl.css">v hlavičce naší HTML stránce - Následně v tomto dokumentu můžeme definovat styl jednotlivým elementům na základě typu/tagu/třídy, např.:
stranka.html
<!DOCTYPE html>
<html>
<head>
<!-- Hlavička stránky, sem jdou informace pro počítač -->
<link rel="stylesheet" href="nas_styl.css">
<meta charset="UTF-8">
</head>
<body>
<!-- Tělo naší stránky, sem jdou veci co chceme uživateli zobrazi -->
<h1>Nadpis</h1>
<p>Nějaký text</p>
</body>
nas_styl.css
/* Nastavíme pozadí těla stránky */
body {
background-color: lightblue;
}
/* Nastavíme barvu, zarovnání a velikost písma nadpisu h1 */
h1 {
color: rgb(0, 255, 128);
font-size: 70px
text-align: center;
}
/* Nastavíme druh, barvu a velikost písma textu odstavce p */
p {
font-family: verdana;
font-size: 20px;
color: #ffcc11
}
7. hodina (2025-10-30)
- html stránky
- Distribuce hesel
- Neúspěšný pokus o využití WebTop tenkých klientů skrz prohlížeč. Loni nám to jakž-takž fungovalo, letos byly latence příliš veliké (prostě se to sekalo natolik, že se to nedalo použít). Budeme si muset vystačit s Windows a portable verzemi programů.
- Vytvoření účtů na lokálně hostovaném Gogs (jednoduchá alternativa github/gitlab, využijeme v dalších hodinách)
8. hodina (2025-11-06)
- html stránky
- Úvod do gitu
- Největší boj byla příkazová řádka
git-bash.exe:ls= zobraz obsah složky list directorycd $kam= změň adresář change directorypwd= kde jsem print working directory
- Z gitu jsme udělali:
git init .- inicializuj git repozitář v aktuální složcegit add $soubor- připrav aktuální verzi souboru k začleněnígit commit -a- zaznamenej připravené soubory jako novou revizi (commit) a připoj změny ve všech dříve přidaných souborech (-a)
9. hodina (2025-11-13)
- html stránky
- Pokračování v gitu
- Děti dostaly tahák
- Pro usnadnění navigace jsme využili
git-gui - Upravovali jsme demo-misi hry driver, zkoumali jsme
diffy(rozdíl od předchozí verze), vytvářelicommity(zapsané revize s komentářem) a na závěr jsme se ještě zkusilicheckoutnoutpředchozí verzi a zpět. Všechny změny jsme samozřejmě řádně otestovali.
10. hodina (2025-11-20)
- html stránky
- Těžká hodina. Podívali jsme se na to jak funguje “upstream development” (vývoj v upstreamu u programů s otevřeným zdrojovým kódem), poslední kapitola z našeho dokumentu o gitu. Cílem hodiny bylo připravit prostředí pro tvorbu našich webových stránek přesně tímto způsobem. Ještě nám chybí přidání upstream repozitářů a budeme se konečně moci věnovat HTML stránkám. Pro zjednodušení jsme využili vscode se kterým se v následujících hodinách více seznámíme.
11. hodina (2025-11-27)
- html stránky
- Donastavili jsme “upstream” repozitář pomocí
git remote add upstream $ADRESA - Prohlédli jsme si adresářovou strukturu projektu
- Zkopírovali jsme si template.html a začali tvořit novou stránku o naší hře
- Donastavili jsme “upstream” repozitář pomocí
12. hodina (2025-12-04)
- html stránky
- Vlastní tvorba popisu oblíbené hry
- Někteří stihli i přidat obrázky
13. hodina (2025-12-11)
- html stránky
- Pokračování ve tvorbě webové stránky o oblíbené hře
- Ke konci demonstrace co nás čeká příště (git push)
14. hodina (2025-12-18)
- html stránky
- “Commitnutí” změn a jejich publikování do našich “vzdálených” repozitářů. Malinko jsme zápasili se nastavením (falešných) emailových adres a jmen, které jsou vyžadovány pro “git commit” a následně i se zadáním hesel, ale nakonec se zadařilo všem.
15. hodina (2026-01-08)
- html stránky
- Dodělání stránek
- Ti co měli hotovo se pokusili vylepšit styl stránky pomocí vlastních CSS stylů
16. hodina (2026-01-15)
- html stránky
- Kaskádové styly (CSS)
- Seznámení s LLM (large language models = velké jazykové modely), co to je, co to není, pěkné video od NEZkreslené vědy
- Použití AI ke generování CSS k naší stránce, následné dotváření a úpravy s jejím využitím
- Boffin
- Někteří si chtěli dát od HTML pauzu a tak raději zapojovali různá zapojení ze stavebnic Boffin
17. hodina (2026-01-22)
- html stránky
- Dokončení “šílených” stylů
- Naše stránky (zpravidla ve 2 verzích, základní a šílená):
- Boffin
- Někdo opět raději zapojoval elektronické obvody pomocí stavebnice Boffin
