Objevuj · AI škola

Vytvoř něco s pomocí AI.

Vibe coding je způsob tvorby, při kterém popíšeš AI, co chceš vytvořit. Společně návrh zkoušíte, opravujete a postupně z něj vzniká skutečný program. Nemusíš začít tím, že znáš celý programovací jazyk.

Nápad
Zadání AI
Kód
Vyzkoušet
Vylepšit

🎮 Ukázka vibe codingu

9.B Runner

Tohle je jednoduchá hra vytvořená pomocí HTML, CSS a JavaScriptu. Zahraj si ji teď. V dalších třídách zjistíš, jak podobnou hru vytvořit a upravit podle sebe.

Ovládání: kliknutí, dotyk, mezerník nebo šipka nahoru = skok.

🎒 9.B RunnerSkóre: 0 · Rekord: 0

Hra je připravena.

🎓 Tvoje AI škola

Postupuj po třídách

Každá přidá jednu novou dovednost a skončí malým vlastním výsledkem.

11. třída · začínáme tady💬 Mluv s AIAI neumí číst myšlenky. Čím lépe vysvětlíš, co chceš vytvořit, tím lepší výsledek dostaneš. V první třídě se naučíš napsat zadání, kterému AI opravdu rozumí. Umím napsat dobrý prompt.22. třída🌐 První stránkaHTML určuje, co na stránce je. Poskládáš nadpis, text a tlačítko, uvidíš živý výsledek a odneseš si vlastní první web. Mám vlastní web.33. třída🎨 Dej tomu stylCSS rozhoduje, jak stránka vypadá. Vyzkoušíš barvy, písmo, kulaté rohy i stín a hned uvidíš, co každý pokyn změní. Umím změnit design.44. třída Ať to něco děláJavaScript reaguje na člověka. Připojíš akci k tlačítku a pochopíš cestu od kliknutí přes příkaz až k viditelné změně. Moje tlačítko funguje.55. třída🐞 Oprav chybuProgram někdy nefunguje napoprvé. Naučíš se chybu popsat, najít podezřelé místo, opravit jednu věc a znovu výsledek ověřit. Umím debugovat s AI.66. třída🎮 Vlastní RunnerVezmeš hotovou hru a změníš její postavu, překážku i rychlost. Poznáš, že programování často začíná bezpečnou úpravou něčeho, co už funguje. Mám vlastní arkádu.77. třída💾 Program si pamatujeAplikace nemusí po zavření všechno zapomenout. Uložíš jméno, skóre a poznámku do prohlížeče a znovu je načteš. Umím pracovat s daty.88. třída🤖 AI uvnitř aplikaceJe rozdíl mezi tvorbou programu s pomocí AI a AI funkcí uvnitř programu. Navrhneš její vstup, výstup, hranice i bezpečnost. Rozumím AI funkci.99. třída🚀 Můj vlastní projektSpojíš všech osm dovedností. Vybereš problém, uživatele a tři funkce a naplánuješ nejmenší verzi, kterou lze opravdu dokončit a vyzkoušet.🏆 Vytvořil/a jsem vlastní aplikaci.