Tvorba webů s AI
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áš 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 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 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í
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 na jeden web. Pokud vám dojdou kredity, dá se počkat nebo přikoupit Claude Code za 20 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.
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
- Snadné napojení Claude Code
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 (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 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.
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)
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.