DevPad: krokování programů v prohlížeči

9× zobrazeno vlastní projekt

Čtyři jazyky, jedno ovládání

DevPad krokuje C#, Python, JavaScript a český pseudokód. Panely, klávesové zkratky, úpravy hodnot i barvy v poli fungují ve všech stejně, takže přechod z pseudokódu na „opravdový“ jazyk nic nestojí. Programy jde otevřít vedle sebe, pod sebe nebo do dlaždic, třeba stejný algoritmus ve všech jazycích naráz:

Čtyři editory v dlaždicích: Eukleidův algoritmus v C#, Pythonu, JavaScriptu a pseudokódu

  • C# se překládá skutečným překladačem Roslyn (C# 14, .NET 10) přímo v prohlížeči. Kód, který žák napíše v DevPadu, jde zkopírovat do konzolové aplikace ve Visual Studiu a poběží stejně. Funguje i Console.ReadLine, barvy konzole, Thread.Sleep, třídy, záznamy, LINQ.
  • Python je plnohodnotný CPython 3.14 (Pyodide) včetně standardní knihovny, krokuje se přes sys.monitoring.
  • JavaScript běží v izolovaném vlákně prohlížeče, takže nekonečný cyklus nezamrzne stránku a jde přerušit.
  • Pseudokód je český jazyk z programu Algoritmy (začátek, pro i od 1 do n opakuj, jestliže … pak, čti, napiš), zpětně kompatibilní s poslední verzí 1.4 včetně chybových hlášek, které učitelé i žáci znají. Funguje i anglická varianta klíčových slov.

Pseudokód: bublinkové řazení v češtině, pozastavené uvnitř cyklu, pole a[1..15] svisle jako v programu Algoritmy

Editor, který pomáhá

Editor je Monaco, tedy stejný jako ve Visual Studio Code: zvýraznění syntaxe a sémantiky (třídy, metody a proměnné barevně jako ve Visual Studiu), našeptávač se členy typů a proměnnými v dosahu, nápověda k parametrům, úryvky kódu, rychlý přechod na funkci a automatické formátování (i pro pseudokód podle pravidel původního programu).

Našeptávač v C#: po napsání slova. nabízí metody seznamu Add, AddRange, Aggregate, All, Any a další s popisem

Kontrola kódu vypíše chyby a varování česky, s řádkem a sloupcem. Kliknutím na hlášku se editor přesune na místo chyby, hlášku jde zkopírovat nebo jedním kliknutím vyhledat na webu.

Panel Chyby se třemi chybami a jedním varováním v češtině, například Název soucet v aktuálním kontextu neexistuje nebo Očekával se středník

Programy můžou číst vstup a psát barevný výstup (i ANSI sekvence jako v terminálu). Hra Hledání min v Pythonu tak vypadá jako v konzoli a v panelu Pole je přitom vidět celá hrací plocha:

Hledání min v Pythonu: barevná hrací plocha ve výstupu, program čeká na tah, v panelu Pole matice board a v Proměnných skupiny hlavního programu a funkce read_move

// související
// vlastní projekt

Osobní web petrvobornik.cz

Osobní web a online CV postavený na míru v ASP.NET Core (.NET 10) jako náhrada za dosavadní Joomlu – s kompletně převzatým obsahem, novým designem, vlastní administrací na míru a rozhraním pro správu…

21× zobrazeno

Starý web na Joomle ohrozila chyba PHP. O pár dní později běží nový, napsaný na míru v .NET, bez cookie lišty a s administrací, do které teď umí sáhnout i umělá inteligence.

51× zobrazeno

V převážně neveřejném archivu na YouTube se nashromáždilo několik sérií nesestříhaných záznamů přednášek o programování, takže pokud máte zájem, můžete se k nim dostat třeba právě tudy...

4 139× zobrazeno

Série video-tutoriálů o základech programování v jazyce C#. Od nuly pro úplné začátečníky, až po pokročilejší témata a postupy (LINQ, soubory apod.). Vše probíráno v projektech typu konzolová…

4 587× zobrazeno