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

Filip Dvořáček

Grafikou se živím - dlouhou dobu jsem dělal tiskovou grafiku a digitálu se věnuji posledních sedm, osm let. Obor se neustále posouvá a já jsem potřeboval hlavně si vše v hlavě srovnat a usadit do struktury. A přesně tohle mi kurz dal. Všem bych doporučil jít do toho - ať jsou na jakékoliv úrovni. Každý se naučí spoustu nových věcí, nebo mu to aspoň vytvoří tu kostru, kterou potřebuje. Přesně jako mně, vše se usadilo na své místo a k tomu přišla spousta zajímavých nových poznatků.

Design a UI/UX Academy

Nikola Čermáková

Kurz bych určitě doporučila. Líbí se mi zejména to, že máme přístup ke všem materiálům i rok po absolvování - to je skvělá věc. Kdykoli se mohu vrátit k obsahu, který jsem nestihla důkladně probrat, nebo si látku znovu projít a lépe si ji osvojit. Pokud se jednou rozhodnu vydat do světa designu, mám z čeho sestavit portfolio. Co se týče lektorů - byli skvělí. Já mívám docela problémy s pozorností, ale tady jsem byla překvapená, jak příjemně a přirozeně kurz plynul. Vše bylo vysvětleno opravdu srozumitelně a jednoduše, takže jsem se v tom nikdy neztratila.

Design a UI/UX Academy

Kristýna Málková

Kurz ve Skillmea byl pro mě první pořádnou zkušeností s designem. Dříve jsem studovala architekturu na vysoké škole, kterou jsem sice nedodělala, ale už tam mě začalo bavit pracovat s různými programy. Vždycky jsem si říkala, že možná tenhle směr by byl ten můj a ke kurzu jsem se dokopala až teď, po pár letech. Jsem ale strašně ráda, protože mám pocit, že jsem se v tom našla. Co se týče dalšího vzdělávání, plánuji se pustit do kurzů zaměřených na Figmu, abych se ji pořádně naučila. Zatím na to nebyl čas, ale říkám si - nejdřív dokončím tento kurz a pak půjdu dál. Kurz bych určitě doporučila všem, kteří uvažují o grafice nebo designu. Člověku to opravdu hodně dá a já mohu jen doporučit.

Design a UI/UX Academy

Radek Šimánek

S programováním jsem neměl žádné předchozí zkušenosti a nevěděl jsem, jak vůbec začít. Jako samouk zvládám cokoliv s hardwarem - úpravy monitoru a podobně - ale co se týče softwaru, pohyboval jsem se pouze na úrovni základních programů jako Office nebo operační systémy Windows. Posunout se dál jsem nedokázal sám. Co se týče délky webinářů, dvě a půl hodiny mi přijde jako akorát. Jistě, látky by se tam možná vešlo více, ale důležité je, že zbývá prostor pro dotazy účastníků - a to má svou hodnotu. Lektor prostě nemůže stihnout vše, a právě proto je ten prostor pro otázky tak důležitý.

Java Academy

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

Markéta Procházková

Ke kurzu mě přivedla touha rozšířit si kvalifikaci. Chtěla jsem se naučit něco nového, vyzkoušet si programování, ale neměla jsem odvahu pustit se do toho sama - hledala jsem odborné vedení. Předchozí zkušenosti s programováním jsem neměla žádné. S lektorem jsem byla velmi spokojená. Trpělivě odpovídal na všechny naše otázky, byl ochotný věnovat nám více času a opravdu se nám individuálně věnoval. V tomto ohledu nemám než pochválit.

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í.