Kurz tvorby webů s AI (Claude Code)
kurz Vibe coding kvalitních webů
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áš k ruce AI agenta, který vše okamžitě udělá.
Hned během kurzu či školení si vytvoříš web!
Vhodné pro malé i středně velké weby (klidně i s blogem).
I weby tvořené s AI se dají spravovat z jednoduchého redakčního systému.
AI agent tvoří, ty to řídíš. Všechno máš pod kontrolou.
AI Agent (doporučuju Claude Code) za tebe kóduje a ty mu dáváš pokyny.
Ukážeme si celý proces tvorby webu. Povedu tě za ruku.
Projdeme přípravu webu, instalaci nástrojů, tvorbu, ladění i spuštění.
Co uvidíš na videu?
Vysvětluji, co je Vibe Coding, říkám hlavní princip a postup tvorby webu pomocí AI.
Pak procházím 10 bodů Vibe Codingu, které zaručí, že výsledný web bude kvalitní.
Těchto 10 bodů odpovídá 10 lekcím v kurzu.
na konci kurzu budeš mít
hotové webové stránky
Najdi si zakázku, kterou hned vytvoříš!
Kurz je postavený tak, že po jeho skončení budeš mít hotový web. Domluv si webovou zakázku, která ti web zaplatí, nebo tvoř web pro sebe a ušetři za jeho tvorbu.
Toto je web moji absolventky Lucie Melichové.
verze kurzu vibe codingu
kdy, jak a za kolik?
Vibe Coding – online samostudium
video lekce (10 základních a 5 bonusových) + textové podklady
od 3.500 Kč pro členy klubu Hub | přístup na jeden rok s možností prodloužení
Obsah výuky: celý proces od přípravy zadání, 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 podnikatele, kteří si chtějí vytvořit vlastní web (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
10 základních lekcí
- Založení složky v počítači
- Nástroje: Google Antigravity a Claude Code
- Sepsání struktury a obsahu webu
- Příprava obrázků a ikon pro web
- Určení designu webu
- Přesné zadání pro AI agenta
- Doladění webu s AI agentem
- Technický audit webu
- Spuštění webu na (sub)doméně
- Editace webu po spuštění
Celkový čas 10 lekcí je jen 3 hodiny a 15 min. Ale našlapané informacemi.
5 bonusových lekcí
- Dobrý obsah webu
- Oko pro design
- Technické záležitosti
- Využití cloudu pro vývojáře
- Tvorba webu pro jiné
vibe coding – online kurz s podporou
čeká se na schválení od ÚP | 5 980 Kč (ze 77% 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 přímo v kurzu bude tvořit weby
Forma výuky: online výuka prostřednictvím Google Meet
Čeká se na obnovení dotačního programu “Jsem v kurzu” a Kurzů digitálního vzdělávání. 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 zdarma a slouží jako pracovní stůl pro tvorbu webu. Pak potřebujete AI agenta, kterému budete dávat pokyny. Na to doporučuju Claude Code za cca 18 dolarů měsíčně. Zaplatit je třeba doménu a hosting, ale to nesouvisí s tvorbou webu a vždy to platí klient sám.
Jsou nějaké technické požadavky na tvorbu?
Stačí laptop a gmail a internetové připojení. 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 (one page i vícestránkové)
- pokud klient nechce editovat web sám nebo mu stačí jednoduchá editace pomocí nástroje Direct Edit (s kódem “Magda” máte 10% slevu)
Nevhodný:
- na větší weby s častou a složitou administrací
Jak se u Vibe Codingu řeší rychlost a bezpečnost?
Při Vibe Codingu vznikají weby, které obsahují jen html/css/js soubory, a proto jsou rychlé. Tyto weby jsou ale ze své podstaty (pár uzavřených souborů) také bezpečné.
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.
Můžu dát do VC webu kontaktní nebo rezervační formulář?
Ano, velice snadno, vše tě naučím v kurzu.
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)
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.