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í.
Co uvidíš na videu?
Vysvětluji, co je Vibe Coding, říkám hlavní princip tvorby a jmenuju jeho výhody i nevýhody.
Také předvedu, jaké nástroje používám (Google Antigravity a Claude Code), a ukážu několik hotových webových stránek pomocí Vibe Codingu.
Také představím online kurz, ve kterém tě naučím Vibe Coding od A do Z.
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 – online samostudium
10 základních + 5 bonusových video lekcí + textové podklady
od 3.500 Kč pro členy klubu Hub | přístup na jeden rok
Obsah výuky: celý proces 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 webaře i začátečníky (díky bonusovým lekcím pochopí i začátečníci vše kolem obsahu, designu a základního SEO)
Výhody online kurzu: možnost vracet se k videím, vlastní tempo
Bonus: detailní textové podklady s printscreeny + 50% sleva na živé školení
Obsah lekcí kurzu
Základní lekce
1. Založení složky v počítači
2. Nástroje: Google Antigravity a Claude Code
3. Sepsání struktury a obsahu webu
4. Příprava obrázků a ikon pro web
5. Určení designu webu
6. Přesné zadání a pokyn k výrobě pro AI agenta
7. Doladění webu s AI agentem
8. Technický audit webu
9. Publikování webu na hostingu
10. Editace webu po spuštění
Bonusové lekce
1. Dobrý obsah webu
2. Oko pro design
3. Technické záležitosti
4. Uložení verzí webu na GitHub
5. Tvorba webu pro jiné
vibe coding – online kurz s podporou
až to bude možné | cena zatím neurčená (ze 70% proplacený ÚP)
Obsah výuky: celý proces 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: detailní textové podklady s printscreeny + online konzultace během výuky
Č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.
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.