Online prostředí pro výuku programování: krokování programů v C#, Pythonu, JavaScriptu a českém pseudokódu se sledováním a úpravami proměnných, polí i objektů. Bez instalace a registrace, nástupce programu Algoritmy.
DevPad je online prostředí pro výuku programování. Žáci v něm píšou programy v C#, Pythonu, JavaScriptu a českém pseudokódu, krokují je příkaz po příkazu a vidí, jak se mění proměnné, pole, seznamy i objekty. Hodnoty můžou za běhu i přepsat. Všechno běží v prohlížeči, bez instalace, bez registrace, bez reklam či sledování a zdrama.
Proč DevPad
Kdo učí programování, zná to: žák napíše cyklus, program vypíše něco jiného, než čekal, a on neví proč. Na tabuli se dá „odkrokovat“ pár řádků, ale u řazení pole nebo rekurze se v tom ztratí každý. Profesionální vývojová prostředí krokovat umí, jenže začátečníka zahltí, musí se instalovat a ve školní učebně je s nimi starost.
Tohle jsem řešil už v roce 2006 v diplomové práci, ze které vznikl program Algoritmy. Pomáhal se psaním a krokováním algoritmů v pseudokódu a používal se na řadě škol. DevPad je jeho nástupce pro dnešní dobu: běží v prohlížeči, krokuje i skutečné jazyky, které se dnes učí, a sledovat v něm jde mnohem víc než jen proměnné.
Hlavní myšlenka zůstává: žák má vidět, co program dělá, nejen co vypíše.
Co DevPad umí
Krokování
Příkaz po příkazu (F10), stop-značky (F9), běh naplno i zpomaleně s volitelnou rychlostí. Aktuální řádek je vždy vidět.
Proměnné a zásobník volání
Název, typ a hodnota každé proměnné, proměnné všech rozběhnutých funkcí včetně rekurze, objekty jako rozbalovací strom.
Pole, seznamy a slovníky
1D, 2D i 3D pole jako tabulka s indexy, seznamy, slovníky, množiny, fronty, zásobníky a seznamy objektů jako tabulka záznamů.
Úpravy hodnot za běhu
V pauze stačí dvojklik a hodnota proměnné nebo prvku pole se přepíše. Do seznamu jde prvek přidat i odebrat.
Barvy v poli
Program si sám obarví buňky, oblasti nebo hodnoty. Hned je vidět seřazená část pole, pivot nebo živé buňky Hry života.
Čtyři jazyky
C#, Python, JavaScript a český pseudokód kompatibilní s programem Algoritmy. Všechny se ovládají stejně.
Chytrý editor
Editor z VS Code: zvýraznění syntaxe, našeptávač, kontrola kódu s českými hláškami a automatické formátování.
Připraveno pro třídu
Ukázkové programy, sdílení kódu odkazem, režim pro sdílený počítač, světlé téma pro projektor, česky i anglicky.
Bez instalace a účtu
Stačí otevřít stránku. Programy se překládají a běží přímo v prohlížeči žáka, nic se neodesílá na server.
DevPad je zatím ve veřejné betě a vývoj jde rychle dopředu: první verze vyšla v září 2026 a od té doby přibylo přes čtyřicet aktualizací. Hledám učitele, kteří ho vyzkouší ve výuce a řeknou mi, co jim chybí nebo co nefunguje. Ozvat se můžete přímo z aplikace (menu uživatele → Nahlásit chybu nebo nápad…) nebo přes kontakt.
