Vibecoding Academy

Název akreditace: Tvorba www stránek
ID akademie: MSMT-27822/2025-4

AI dnes dokáže generovat weby během pár minut, ale skutečný skill je rozumět tomu, co vzniká pod kapotou. Naučíš se vibe-coding s Claude Code a moderní web development, který využiješ při vlastních projektech i klientech.

Registruj se

Hodnocení

4.8 z 5

KDY

07.07.-15.10.

Webináře

120 hodin

Cena

39 990 Kč

Co se naučíš v této akademii?

Postupně pochopíš, jak funguje moderní web, naučíš se pracovat s AI development workflowem a vytvoříš vlastní online projekt od nápadu až po produkční nasazení.

Vytvářet moderní weby pomocí HTML, CSS, JavaScriptu a AI workflowů

Pracovat s WordPressem, Webflow, Framerem a moderními webovými platformami

Efektivně využívat Claude a Claude Code při tvorbě digitálních projektů

Proměnit nápad nebo klientské zadání na funkční webový projekt

Nasadit web do produkce a připravit ho pro reálné používání

Zvládnout celý workflow od návrhu až po delivery projektu klientovi

Náplň akademie

AI dnes zvládne vygenerovat web během pár minut. Jenže když jen slepě kopíruješ, stačí malá změna a všechno se rozsype – a ty nevíš proč. V AI Web Academy tě naučíme vibe-coding: moderní způsob tvorby, kde ti AI šetří hodiny nudné práce, ale kontrolu nad každým řádkem kódu máš pořád ty.

Nejdřív se podíváme pod kapotu.
Pochopíš, jak web skutečně funguje, a osvojíš si základy HTML, CSS a JavaScriptu tak, abys kód uměl číst i upravovat. Projdeš si layout, responzivitu, pokročilé animace a naučíš se vnímat web v souvislostech. Přidáme i základy SEO a analytiky, protože web, který nikdo nenajde, jako by neexistoval. Vše si hned vyzkoušíš v praxi v profesionálním IDE a v grafickém nástroji Figma.

Ukážeme ti, kdy se vyplatí psát kód od nuly a kdy sáhnout po hotovém řešení. Ovládneš kombinaci WordPress + Elementor a podíváš se na špičkové moderní platformy jako Webflow, Framer nebo Wix ADI. Zjistíš, jak postavit e-shop, který funguje, a jak zvolit správnou technologii podle toho, co tvůj klient právě potřebuje.

Tady začíná ta pravá magie.
Naučíš se workflow, díky kterému půjdeš od nápadu k funkčnímu webu v rekordním čase. Probereme logiku promptování pro vývojáře, postupy práce s AI a ladění detailů. Na závěr tě čeká „go-live“ část – tvůj web nebude jen školní cvičení, ale profesionální projekt připravený na ostrý start.

Postavit web je jen polovina úspěchu.
Tou druhou je umět ho prodat. Naučíme tě, jak komunikovat s klientem, jak si nastavit férové ceny a jak připravit nabídku, která vyhrává zakázky. Provedeme tě celým procesem od prvního zadání až po finální handoff projektu.

Postav si vlastní webový projekt, ukaž ho světu a udělej z něj svůj první krok k reálným zakázkám. Mrkni na detaily a registruj se do AI Web Academy ještě dnes!

Moduly akadémie

Začneš základy HTML, CSS a JavaScriptu, následně se dostaneš k AI-assisted developmentu, vibe-coding workflowům a moderním webovým nástrojům. Vše si průběžně vyzkoušíš na vlastním projektu, který na konci reálně nasadíš na internet.

Harmonogram Akademie

ZÁKLADY WEBU A TECHNICKÉ POROZUMĚNÍ

Nejprve pochopíš, jak web funguje pod kapotou a proč jednotlivé technologie existují. Projdeš si základy HTML, CSS a JavaScriptu, tvorbu struktury stránky, layout, responzivitu, animace i základní interaktivitu. Naučíš se pracovat s webem tak, abys dokázal/a číst a upravovat kód, který budeš později vytvářet i pomocí AI.

Důležitou součástí této fáze je pochopení toho, že cílem není memorovat syntaxi jako klasický frontend developer, ale získat dostatečné technické porozumění pro efektivní práci s moderními AI nástroji a vibe-coding workflowem. Okrajově se dotkneš i Figmy jako nástroje pro orientaci v návrhu webu a struktuře rozhraní.

🎯 Cíl:
Pochopit fungování moderního webu a získat technické základy potřebné pro AI-first tvorbu digitálních projektů.

MODERNÍ PLATFORMY A AI-FIRST TVORBA WEBŮ

V této fázi pochopíš, že ne každý projekt je potřeba programovat úplně od nuly. Naučíš se pracovat s moderními platformami jako WordPress + Elementor, Webflow, Framer, Wix ADI nebo Shoptet a zjistíš, kdy je vhodné použít vizuální builder, hotové řešení nebo vlastní kód.

Postupně si vybuduješ přehled o moderním webovém ekosystému a naučíš se vybírat správný technologický přístup podle typu projektu, cílů klienta nebo požadované flexibility. Součástí bude i využití AI workflowů při návrhu struktury webu, tvorbě obsahu a zrychlení práce s moderními platformami.

🎯 Cíl:
Umět zvolit správný způsob tvorby webu a efektivně kombinovat AI workflow s moderními webovými platformami.

ÚVOD DO VIBE-CODINGU A AI-FIRST DEVELOPMENTU

Tady začíná hlavní část akademie zaměřená na moderní vibe-coding workflow. Naučíš se pracovat s Claude, Claude Code a AI-assisted development prostředím tak, aby se AI stala tvým praktickým vývojářským partnerem.

Projdeš si principy promptování pro developery, práci s AI v IDE, generování komponent, refaktoring kódu, debugging i iterativní vývoj webu pomocí AI. Velký důraz bude kladen na to, abys AI nepoužíval/a slepě, ale rozuměl/a tomu, co vytváříš, a dokázal/a výsledný kód kontrolovat, upravovat a dále rozvíjet.

Postupně pochopíš, jak vypadá moderní AI-first development workflow, kde AI šetří hodiny rutinního programování, ale rozhodování a produktové myšlení zůstává na člověku.

🎯 Cíl:
Naučit se efektivně využívat Claude Code a moderní vibe-coding workflow při tvorbě webů a digitálních produktů.

OD MYŠLENKY K FUNKČNÍMU WEBU

V této fázi se naučíš proměňovat nápad nebo klientské zadání na reálný digitální produkt. Projdeš si proces návrhu struktury webu, plánování jednotlivých sekcí, uživatelské logiky a organizace development workflowu.

Pomocí AI si vyzkoušíš brainstorming, návrh architektury webu, rozkládání velkých úloh na menší části a postupné iterování projektu. Naučíš se přemýšlet nad webem jako nad funkčním produktem, ne jen jako nad vizuální stránkou.

Důležitou součástí bude i pochopení workflow moderního AI-first developera, který kombinuje produktové myšlení, technické porozumění a efektivní spolupráci s AI agenty.

🎯 Cíl:
Umět proměnit nápad nebo zadání na promyšlený a realizovatelný webový projekt pomocí AI workflowu.

VIBE-CODING V PRAXI A DOKONČENÍ WEBU

V této fázi začneš pracovat na reálném produkčním webu a získáš praktický workflow moderního AI-first tvůrce. Pomocí Claude Code budeš upravovat komponenty, řešit responzivitu, přidávat interakce, animace a postupně web iterovat do profesionální podoby.

Naučíš se efektivně pracovat s AI při ladění detailů, debugování problémů, optimalizaci uživatelské zkušenosti a finálním dokončování projektu. Postupně pochopíš, jak pomocí vibe-codingu výrazně zrychlit tvorbu webu, aniž bys ztratil/a kontrolu nad výsledkem.

🎯 Cíl:
Umět pomocí vibe-coding workflow vytvořit moderní, funkční a profesionálně zpracovaný web.

PRODUKCE, GO-LIVE A REÁLNÉ NASAZENÍ

Když je web hotový, přichází další krok — dostat ho do reálného světa. V této fázi se naučíš pracovat s deployment workflowem, pochopíš rozdíl mezi DEV a PROD prostředím a zvládneš publikování webu na internet.

Projdeš si hosting, domény, základní optimalizaci, SEO, analytiku a finální go-live proces. Zároveň pochopíš workflow profesionálního dokončování projektu před jeho ostrým spuštěním a naučíš se připravit web pro reálné používání uživateli nebo klientem.

🎯 Cíl:
Umět připravit web pro produkci a zvládnout celý proces od lokálního vývoje až po reálné nasazení.

FREELANCE BUSINESS, CENOTVORBA A DELIVERY

Poslední fáze se zaměřuje na to, jak z vibe-codingu a AI-first tvorby webů udělat reálnou službu nebo podnikání. Naučíš se komunikovat s klientem, připravovat cenové nabídky, nastavovat scope projektu a efektivně řídit celý proces dodání webu.

Projdeš si principy value-based pricing, tvorbu profesionálních proposals, klientskou komunikaci i finální handoff projektu. Pochopíš, jak funguje moderní freelance workflow a co všechno potřebuješ zvládnout, abys dokázal/a dodávat webové projekty profesionálním způsobem.

🎯 Cíl:
Pochopit profesionální workflow AI-first freelancera nebo webového tvůrce a umět dodávat projekty klientům od prvního briefu až po finální předání.

Technologie a nástroje, se kterými budeš pracovat

Jiří Macháček a Filip Oborník

Jiří a Filip propojují moderní frontend development, AI nástroje a praktické digitální produkty do jednoho workflow, které dnes používají moderní technologické firmy i freelancery. Jeden přináší dlouholeté zkušenosti z frontend vývoje a práce s moderními webovými technologiemi, druhý pomáhá firmám efektivně využívat AI a moderní technologie v praxi. Ve Vibe Coding Academy ti ukáží, jak dnes vznikají weby, aplikace a digitální produkty pomocí AI-assisted developmentu.

Praktické zkušenosti s frontend developmentem a Vue

AI-assisted development a moderní coding workflow

500+ vyškolených lidí a desítky klientů

Propojení AI, web developmentu a byznysu

Moderní nástroje jako Claude, Cursor nebo AI coding tools

Focus pro praktické projekty a reálné použití technologií

Registrace do akademie

Akademii si můžeš zaplatit formou premium předplatného.

Koupit akademii

39 990 Kč

jednorázově

Koupit jednorázově

Celoživotní přístup do akademie a roční přístup do všech online kurzů.

Skillmea Premium

3 165 Kč

měsíčně

Chci předplatné

Získáš přístup ke všem online kurzům, webinářům a libovolné akademii po dobu předplatnýho.

Registrace do akademie

Vyber si jednu z akademií a získej dovednosti pro nejžádanější pozice na trhu práce.

Co o akademiích říkají naši studenti

Monika Veselá

Nějaké zkušenosti jsem sice měla, ale řekla bych, že opravdu na úplně laické úrovni - člověk tvoří v šablonových editorech weby a vlastně moc neví, co dělá. Takže když to porovnám s tím, co jsem se naučila v kurzu, tak spíš jako kdyby ne. Lektoři byli úplně skvělí, pohotoví, na všechny otázky odpovídali víceméně hned a zvládli to na jedničku. Všem bych řekla - jděte do toho a zkuste to. Je to skvělá zkušenost, která člověku opravdu hodně rozšíří obzory.

Design a UI/UX Academy

Karolína Štěpánková

Do kurzu jsem se přihlásila proto, že jsem již uměla Python a zároveň jsem se začínala učit HTML a CSS - na to přirozeně navazuje JavaScript a chtěla jsem se ho naučit pod vedením zkušeného lektora, ne pouze z YouTube. Příjemně mě překvapilo, že jsme se věnovali trochu každé oblasti, místo abychom se dlouho zdržovali pouze u jednoho tématu. Díky tomu si každý mohl zjistit, co ho nejvíce zajímá, a dále se rozvíjet vlastním směrem. Jako závěrečný projekt jsem vytvořila wellness deník ve formě webové stránky, kam může uživatel každý den přidat záznam na základě předpřipravených otázek.

JavaScript Academy

Tamara Petrová

Chtěla jsem si rozšířit obzory a prohloubit znalosti, které jsem získala v dosavadní práci - prostě trochu více otevřít nůžky mezi tím, kde jsem byla a kde bych mohla být. Musím přiznat, že zpočátku jsem byla trochu skeptická. Když se řekne kurz přes úřad práce, člověk si říká, jestli to nebude zbytečně strávený čas. Ale příjemně mě to překvapilo - oba lektoři byli milí a profesionální. Co se týče mého zázemí, grafiku dělám spíše jako samouk, ale v oblasti UX mám zkušenosti z produktového designu a CX, takže jsem s tématem již byla obeznámena.

Design a UI/UX Academy

Martin Kovář

Mým cílem je postupně proniknout do světa IT a najít uplatnění v oboru. Nemám přesně stanovený časový horizont - beru to jako dlouhodobý proces. S lektorem jsem měl již předchozí zkušenost, a právě jeho styl výuky mě opět zaujal. Přednášky jsou proložené humorem, díky čemuž působí živě a přirozeně - a to mě na tom opravdu baví. Co se týče předchozích znalostí, základy jsem získal kdysi na škole, ale v praxi jsem je nikdy příliš nevyužil. Takže pro mě je to do značné míry jako začínat znovu – osvěžit si to, co jsem kdysi znal, a postavit na tom nový základ.

JavaScript Academy

Ondřej Voráč

Hodně se vracím a pouštím znova záznamy webinářů, je to opravdu plné zajímavých informací a opravdu obdivuju ten přehled. Ďekuji za skvělej kurz.

Design a UI/UX Academy

Jana Procházková

S programováním jsem se naposledy setkala na základní škole, kdy nám pan učitel říkal, že budeme programovat v poznámkovém bloku. Tam to začalo a tam také skončilo. Ke kurzu mě přivedla hlavně touha po nových možnostech - jak v práci, tak v osobním rozvoji. Chci se neustále posouvat dál. Momentálně pracuji na projektu, který bude ještě na dlouhou dobu - jeho cílem je pomoci lidem lépe hospodařit s potravinami v domácnosti a omezit jejich plýtvání.

JavaScript Academy

Často kladené dotazy

Nenašel jsi co jsi hledal? Napis nám na info@skillmea.cz, nebo zavolej na +420 604 769 263 rádi ti poradíme.

Chci akademii

Jsou akademie vhodné i pro úplné začátečníky?

Ano. Akademie jsou navržené tak, aby tě provedly od úplných základů až po praktické využití v reálném světě.

Jak probíhá výuka?

Studium probíhá online formou kombinace webinářů, online kurzů a samostudia. Součástí jsou také praktická zadání, komunita studentů, podpora lektorů a SkillmanAI.

Budu mít přístup k záznamům?

Ano. Pokud se nebudeš moct zúčastnit živého webináře, budeš mít k dispozici přístup k záznamům.

Dostanu po absolvování certifikát?

Ano. Po úspěšném dokončení akademie získáš certifikát, případně potvrzení o rekvalifikaci u akreditovaných programů.

Kolik času týdně potřebuji na studium?

Doporučený čas se liší podle akademie, ale většinou počítej přibližně s 5–10 hodinami týdně.

Co když se během studia zaseknu?

Během celé akademie máš k dispozici podporu lektorů, komunitu studentů a SkillmanAI, který ti pomůže s učením i úkoly.

Můžu studovat odkudkoliv?

Ano. Akademie probíhají kompletně online, takže můžeš studovat odkudkoliv.

Jak si vyberu správnou akademii?

Vyber si oblast, která tě zajímá nebo ve které se chceš posunout. Pokud si nejsi jistý/á, můžeš začít například v oblasti AI, programování, marketingu nebo testování.