Tvorba webů s AI
kurz Vibe coding
Vibe coding je návrat k čistým a rychlým webům tvořených pomocí HTML/CSS/js. Rozdíl je v tom, že ty jsi šéf projektu a místo programátora máš ve svém počítači malého “AI skřítka”, který vše okamžitě udělá.
Hned během kurzu či školení si vytvoříš web!
Pro malé a střední weby bez admin systému typu WP
Rovnou v kurzu vytvoř web pro klienta, který bude vypadat skvěle i na mobilu.
AI agent tvoří, ty to řídíš. Všechno máš pod kontrolou.
AI Agent z nástroje Google Antigravity za tebe kóduje, ale ty mu dáváš pokyny.
Ukážeme si celý proces tvorby webu. Povedu tě za ruku.
Projdeme přípravu zadání webu, instalaci nástrojů, tvorbu, ladění a finální spuštění.
na konci kurzu nebo školení budeš mít
hotové webové stránky
Najdi si zakázku, kterou hned vytvoříš!
Kurz, ať už ve verzi online samostudia nebo živého školení v Kamenici u Prahy, je postavený tak, že po jeho skončení (max 1 den na doladění) budeš mít hotový web.
Co si připravit na kurz?
Struktura – menu webu a sekce nebo stránky
Texty – co nejvíc finální, případně AI dopíše
Fotky – od klienta nebo z fotobanky
Ikony – vlastní ikony, pokud chceš
Vzor webu – printscreen webu jako obrázek
verze kurzu vibe codingu
kdy, jak a za kolik?
Vibe Coding – živé školení
v hotelu Valnovka v Kamenici u Prahy | cena od 4.500 Kč pro členy obou klubů
nejbližší termín: úterý 27. 1. od 10 do 16. hodin | kapacita: 10 lidí
Obsah výuky je vždy stejný: od důkladné přípravy zadání pro AI, přes instalaci nástrojů, způsob ladění webu až po jeho spuštění na webhostingu.
Pro koho je školení určené: pro mé absolventy WP kurzu nebo jiné webaře.
Výhody živého školení: možnost ptát se lektorky, sdílení s kolegy, networking.
Bonus: textové podklady (taháky) + 50% sleva na zakoupení online kurzu.
Nehodí se ti termín? Nevadí, školení budou probíhat jednou nebo dva krát do měsíce. Další termíny brzo vypíšu. Dej mi vědět, že máš zájem.
Vibe Coding – samostudium
10 praktických video lekcí | cena od 3.500 Kč pro členy obou klubů
vyjde do 15. února 2026 | přístup na jeden rok
Obsah výuky je vždy stejný: od důkladné přípravy zadání pro AI, přes instalaci nástrojů, způsob ladění webu až po jeho spuštění na webhostingu.
Pro koho je samostudium určené: pro všechny, kdo chtějí tvořit weby.
Výhody online kurzu: možnost vracet se k videím, vlastní tempo.
Bonus: textové podklady (taháky)
vibe coding – online kurz
Obsah výuky je vždy stejný: od důkladné přípravy zadání pro AI, přes instalaci nástrojů, způsob ladění webu až po jeho spuštění na webhostingu.
Pro koho je kurz určený: pro úplné začátečníky bez zkušeností s weby.
Výhody online kurzu: látku probereme pomalu a budeme ladit vaše weby.
Bonus: textové podklady (taháky) + online konzultace během výuky.
Kurz ještě není vypsaný. Čeká se na obnovení dotačního programu “Jsem v kurzu”. Doplatek účastníka v roce 2026 bude 30% (býval 18%). Pokud máš zájem, napiš mi, dám ti vědět, jakmile kurz vypíšu.
co se dá pomocí VC vytvořit?
ukázky hotových webů
nejspíš ti běží hlavou
na co se mě ptáte
Jaké jsou náklady na tvorbu webu pomocí Vibe Codingu?
Na Vibe Coding používám nástroj Google Antigravity, který je v základu zdarma. Pokud vám dojdou kredity, dá se počkat nebo zakoupit vyšší plán. Kromě toho používám GitHub na ukládání verzí a tento nástroj je zcela zdarma. Zaplatit je třeba doménu a hosting, ale to nesouvisí s tvorbou webu a vždy to platí klient sám.
Proč jsem zvolila nástroj Google Antigravity?
- V základu zdarma (ale můžou na čas dojít volné kredity)
- Snadná instalace (oproti Claude Code)
- Propojení s Chromem (AI pak samo může testovat web)
- Více úkolů pro AI agenta najednou (můžu upravovat více webů najednou)
- Zadávání pokynů hlasem
Jsou nějaké technické požadavky na tvorbu?
Stačí laptop (pozor u Maca na jednu instalaci potřebujete napájení) a gmail. Všechno ostatní vám ukážu a vysvětlím.
Pro jaké weby je Vibe Coding (ne)vhodný?
Vhodný:
- malé a střední weby, které si klient nepotřebuje editovat sám
Nevhodný:
- na větší weby s administrací
Jak se u Vibe Codingu řeší rychlost a bezpečnost?
Při Vibe Codingu vznikají weby které obsahují jen html/css/js soubory. To znamená, že jsou rychlé a bezpečnost se neřeší, hacker je nemá jak napadnout.
Umí web vytvořený Vibe Codingem napojit analytiku?
Napojení analytiky znamená vložení kódu z Google Analytics do <headu> webu, takže ano, umí to snadno.
Kde vezmu vzor webu, který dám AI jako výchozí bod k tvorbě?
Nejlepší výsledek získáš, když vložíš printscreen dané stránky, takže to může být jakákoli šablona (html, WP, DIVI atd.) nebo jen obrázek (Figma, Pinterest)
https://themeforest.net/category/site-templates
https://maxibestof.one/websites
Vkládej jen printscreen webu, který je zdarma nebo jej máš koupený. Můžeš vložit také obrázek webu, který jsi tvořil/a ty.
Znamená Vibe Coding konec webařkého povolání?
Nemyslím si!
Aby vzniknul kvalitní web, je potřeba dobře navést klienta k obsahu webu a hlavně pečlivě formulovat zadání pro AI a správně web po jeho vytvoření doladit.