Specifikáció-vezérelt prototípus fejlesztés AI eszközökkel: ötletből a működő MVP-ig
Építs meg egy interaktív webes prototípust AI-alapú fejlesztőeszközökkel, ellenőrizhető követelményekre és biztonságos adatkezelésre építve.
Mit nyújt a Specifikáció-vezérelt prototípus fejlesztés AI eszközökkel tanfolyam?
- Pontos termékspecifikáció: Megtanulod termékspecifikációban rögzíteni a megoldandó problémát, az MVP terjedelmét, a felhasználói utakat, a kivételes eseteket és az elfogadási feltételeket.
- Strukturált AI-utasítások: A specifikáció-vezérelt fejlesztés módszerével ellenőrizhető részfeladatokra bontod az alkalmazásépítést, és megfelelő kontextust készítesz az AI-eszközöknek.
- Interaktív webes felület: Lovable és Bolt használatával reszponzív oldalakat, navigációt, űrlapokat és felhasználói állapotokat alakítasz ki.
- Figma és működő kód: Megismered, hogyan adhatók át a vizuális rendszer elemei a Figma MCP-n (Model Context Protocol) keresztül az AI-alapú fejlesztőeszközöknek.
- Adatbázis és beléptetés: Supabase-ben relációs adatmodellt, adatműveleteket és felhasználói bejelentkezést kapcsolsz a prototípushoz.
- Biztonságos adatkezelés: Gyakorolod a sorszintű jogosultsági szabályok (RLS) kialakítását, valamint az érzékeny adatok és hozzáférések ellenőrzését.
- Publikálható záróprojekt: GitHub-verziókezeléssel, Cursorban végzett hibakereséssel és funkcionális tesztekkel készíted elő saját webes MVP-d publikus közzétételét.
Miért érdemes belevágnod?
A természetes nyelven irányítható AI-fejlesztőeszközök átalakítják a digitális termékek korai fejlesztési szakaszát: egy részletes specifikációból már böngészőben futó felület, adatkapcsolat és bejelentkezés készíthető.
A pontatlan követelmények, a rendezetlen adatmodell és a hiányos jogosultságkezelés miatt azonban egy látványos demó könnyen elakad a tesztelésnél vagy az első felhasználói próbán.
A képzésben a specifikáció-vezérelt fejlesztés rendezi egymás után az ötlet pontosítását, a funkciók kialakítását és az eredmény ellenőrzését.
A Supabase publikus böngészőkulcsai mellett például a sorszintű jogosultsági szabályok védik az adatokat, a GitHub-szinkron pedig átjárást teremt a vizuális építés és a Cursorban végzett hibajavítás között.
- Munka mellett végezheted, rugalmas időbeosztással
- Gyakorlati projekteken keresztül, oktatói mentorálással
- LinkedIn profilodba beágyazható tanúsítvány
Kinek ajánlott?
- Digitális termékeken dolgozó product owner-eknek, akik működő MVP-vel szeretnék ellenőrizni a követelményeket és az üzleti feltételezéseket.
- Vállalkozóknak és startup alapítóknak, akik saját termékötletükből fejlesztői projekt indítása előtt kipróbálható webes alkalmazást készítenének.
- UX/UI- és product designer-eknek, akik Figma-terveiket valós adatokkal és felhasználói műveletekkel működő prototípussá alakítanák.
- Marketingeseknek és vállalati innovációs munkatársaknak, akik digitális szolgáltatási ötleteiket interaktív felületen szeretnék bemutatni és tesztelni.
Kinek nem ajánlott?
- Ha részletes JavaScript- és TypeScript-alapozást, valamint kézzel írt frontendkódot keresel, a Webfejlesztés alapjai JavaScript és TypeScript használatával megfelelőbb kiindulópont lehet.
- Ha elsősorban irodai munkafolyamatokat szeretnél összekapcsolni és automatizálni, a Munkafolyamatok automatizálása no-code és low-code AI megoldásokkal illeszkedik szorosabban ehhez a célhoz.
- Tapasztalt fejlesztőknek, akik összetett kódbázisokon, terminálból vezérelt AI-fejlesztési folyamatot keresnek, az AI-asszisztált szoftverfejlesztés Claude Code-dal kínál mélyebb technikai tartalmat.
Mik a képzés előkövetelményei?
Előzetes programozói tudás, formális IT-végzettség és saját kódbázis nem szükséges, de előnyt jelenthet a digitális termékek felépítésének fogalmi ismerete, a rendszerszemlélet és a Figma alapszintű használata.
Hogyan fogsz tanulni?
Gyakorlatorientált oktatás
Minden héten izgalmas gyakorló feladatokat kapsz majd, amelyek keretében már menetközben is konkrét projekteket fogsz megvalósítani.
Interaktív digitális tananyag
A gyakorlati feladatok elvégzéséhez és a tanfolyam sikeres teljesítéséhez szükséges tudást digitális tananyagok és vezetett gyakorlatok formájában adjuk át.
Rugalmas időbeosztás
A tanfolyamot munka mellett is végezheted, hiszen a tananyag elsajátítása heti 8-12 óra elfoglaltságot igényel összesen, melyet saját időbeosztás szerint dolgozhatsz fel.
Oktatói mentoring
A képzés ideje alatt az oktató folyamatosan a rendelkezésedre áll, bármikor kérdezhetsz tőle, ha elakadtál, és rendszeresen visszajelzést ad a feladataidra, fejlődésedet végigkíséri.
Konzultációk
Valamennyi tanegység végén egy-egy élő konzultációs alkalmat is szervezünk este 18:00 órától, amikor élőben is felteheted kérdéseidet, közösen kiértékelitek és átbeszélitek a gyakorlás során elkészített projekteket, és tanulhattok egymás elakadásaiból is.
Visszanézhető LIVE alkalmak
Akkor sincs semmi baj, ha egy élő konzultációs alkalmon nem tudsz részt venni, hiszen a kérdéseid előre is elküldheted írásban, a válaszokat és az egész LIVE-ot pedig visszanézheted másnap 16:00 órától.
Limitált férőhely
A fent említett interakciók miatt képzéseinket korlátozott létszámmal indítjuk csak el, hogy biztosan jusson mindenkire ideje az oktatóknak.
Minőségbiztosított képzések
Képzéseink szakmai minőségbiztosítását iparági vezető technológiai vállalatok végzik. Szakmai partnerünk a Budapesti Műszaki és Gazdaságtudományi Egyetem Villamosmérnöki és Informatikai Kara.
- Tanúsítványt kapsz, amelyet önéletrajzodhoz és LinkedIn profilodhoz csatolhatsz
- Bizonyítja, hogy elsajátítottad az adott ismereteket
- Segíti a szakmai előmeneteledet és karriered fejlődését
Jó társaságban leszel!
Már több mint 150 hazai és nemzetközi cég munkatársa képezte magát tovább nálunk.
Tudtad?
A munkáltatók 83%-a finanszírozza a munkatársak képzését, ne felejtsd el megkérdezni a tiédet!
Következő indulási dátumok
2026.12.10.
Élő konzultációk a mentorral csütörtök esténként
145 000 Ft
Jelentkezési határidő: 2026.12.07.
2027.02.18.
Élő konzultációk a mentorral csütörtök esténként
145 000 Ft
Jelentkezési határidő: 2027.02.15.
Más időpont érdekel?
Add meg az e-mail címed, és szólunk, ha új időpontot hirdetünk meg.
Fizetési lehetőségek
Biztosak vagyunk a képzés tartalmát és minőségét illetően, ezért a képzés indulásától 8 napig 100%-os pénzvisszafizetési garanciát vállalunk, melyhez többféle fizetési lehetőséget is biztosítunk, hogy a számodra legmegfelelőbb opciót választhasd.
Online fizetés bankkártyával
A Stripe az egyik legelterjedtebb online fizetési megoldás nemzetközileg, gyors és biztonságos fizetési folyamatáról ismert.
Fizetés banki átutalással, egy összegben
Ha online kártyás fizetés helyett banki átutalással szeretnél fizetni, az sem probléma, lent található jelentkezési űrlapunkon ezt is választhatod.
Kamatmentes részletfizetés
Nem szeretnénk, ha a fizetési nehézségek akadályoznák a szakmai fejlődésedet, ezért a részvételi díjat több részletben, teljesen kamatmentesen is kifizetheted.
Kapcsolódó képzések
Készen állsz a jelentkezésre?
Könnyítendő magánszemélyként résztvevő hallgatóink helyzetét, a feltüntetett ár számukra a ténylegesen fizetendő végösszeg. Céges megrendelés esetén az adott összeg tekintendő a nettó árnak.
Mit fogsz tanulni?
6 hét alatt a termékspecifikációtól és a vizuális terven át az adatmodellen és a verziókövetésen keresztül a tesztelésig és a záróprojektig.
1 1. Termékcél, hatókör és specifikáció 1. hét. A saját MVP-d megoldandó problémáját, célcsoportját és legfontosabb felhasználói útját rögzíted. A hét végére olyan rövid termékspecifikáció készül, amelyből az AI-eszközök ellenőrizhető részfeladatokon tudnak dolgozni. Heti eredmény: jóváhagyható termékspecifikáció és rangsorolt megvalósítási lista.
- Megoldandó probléma, célcsoport és értékajánlat
- MVP, prototípus és demó eltérő célja
- Hatókör és funkciórangsor (MoSCoW)
- Elsődleges felhasználói út (golden path)
- Kivételes és hibás használati esetek (edge case)
- Sikerkritériumok és elfogadási feltételek
- One-Pager termékspecifikáció (PRD)
- Specifikáció-vezérelt fejlesztés (SDD)
- Strukturált utasításadás (PARTS, CLEAR)
- Kontextus, korlátok és feladatbontás
2 2. Vizuális terv és működő alapverzió 2. hét. A specifikációból reszponzív, navigálható frontend első működő változatát építed fel. A projekthez választott Lovable vagy Bolt lesz az elsődleges építőeszköz, így a hét egy összefüggő felhasználói folyamat megvalósítására koncentrál. Heti eredmény: reszponzív alapverzió, amelyben végigjárható a fő felhasználói út.
- Képernyőfolyam és navigációs váz
- Minimális tervezési rendszer: színek, tipográfia, térközök
- Figma Auto Layout, komponensek és állapotok
- Tervezési kontextus átadása a Figma MCP használatával
- Projektindítás Lovable-ben vagy Boltban
- React- és Tailwind-alapú felület szerkezete
- Újrahasznosítható felületi komponensek
- Űrlapok, navigáció és felhasználói állapotok
- Betöltési, üres és hibaállapotok
- Reszponzív nézetek és képernyőteszt
3 3. Adatmodell, beléptetés és jogosultságok 3. hét. Az alapverziót Supabase-adatbázishoz kapcsolod, majd kialakítod a regisztrációt, a beléptetést és a felhasználónkénti hozzáféréseket. A hét végén a fő folyamat valós adatokkal, védett oldalakon működik. Heti eredmény: valós adatokat kezelő, beléptetéssel és ellenőrzött hozzáférésekkel működő MVP.
- Backend-szolgáltatás szerepe (BaaS)
- Supabase-projekt és környezeti beállítások
- Relációs adatmodell (PostgreSQL)
- Táblák, kapcsolatok és kulcsmezők
- Adatműveletek (CRUD)
- Űrlapok és adatbázis összekapcsolása
- Regisztráció és beléptetés (Supabase Auth)
- Felhasználói munkamenet és védett oldalak
- Adattulajdonlás és felhasználói szerepkörök
- Sorszintű jogosultságok (RLS)
- Hozzáférési próbák különböző szerepkörökkel
- Személyes adatok kezelése és adatminimalizálás
- AI-funkciók esetén felhasználói tájékoztatás
4 4. Verziókövetés, integráció és hibakeresés 4. hét. A projektet GitHubhoz és Cursorhoz kapcsolod, követhetővé teszed a módosításokat, és rendezett hibakeresési folyamatot használsz. Ha az MVP működéséhez szükséges, külső API-t vagy adatforrást is bekötsz. Heti eredmény: verziókövetett, integrált és követhetően hibakereshető alkalmazás.
- Projektkapcsolat és kódtár (GitHub)
- Kétirányú szinkronizáció (Lovable, GitHub)
- Commitok, verziók és visszaállítás
- Kódbázis megnyitása és bejárása Cursorban
- Projektkontextus és szabályfájlok Cursorban
- Külső API-k és adatfolyamok alapjai
- API-kulcsok, környezeti változók és titkok kezelése
- Kérések, válaszok és hibakódok értelmezése
- Böngészős fejlesztői eszközök és naplók
- AI-asszisztált hibakeresés
- Változtatási napló és technikai döntések
- Technikai adósság korai jelei
5 5. Tesztelés, felhasználói próba és kiadás 5. hét. A specifikáció elfogadási feltételeiből teszteket készítesz, felhasználói próbán figyeled a kritikus folyamatot, majd a legfontosabb hibák javítása után közzéteszed a kiadásra jelölt változatot. Heti eredmény: felhasználóval kipróbált, publikus URL-en elérhető kiadásra jelölt MVP.
- Tesztesetek az elfogadási feltételekből
- Kritikus felhasználói út végponttól végpontig
- Kivételes és hibás használati esetek
- Űrlapvalidáció, üres és hibaállapotok
- Felhasználói szerepek és RLS-szabályok ellenőrzése
- Reszponzív és böngészők közötti próba
- Alapvető akadálymentességi ellenőrzés
- Felhasználói teszt forgatókönyve
- Megfigyelések, visszajelzések és javítási sorrend
- Javítás utáni regressziós ellenőrzés
- Publikálási beállítások (Vercel vagy Netlify)
- Kiadás utáni működési próba
6 6. Záróprojekt, dokumentáció és vizsga 6. hét. Lezárod a funkciók körét, egységesíted az előző hetekben felépített MVP-t, és bemutatásra kész állapotba hozod. A vizsgán a működő prototípust, a specifikáció teljesülését, az adatkezelést és a fejlesztési döntések indoklását értékelik. Heti eredmény: bemutatható, dokumentált és értékelhető webes MVP.
- Végleges termékspecifikáció és elfogadási lista
- Végleges hatókör és későbbi fejlesztési lista
- Egységes felület és reszponzív nézetek
- Adatmodell és működő adatműveletek
- Beléptetés és hozzáférési szabályok
- Fő funkciók összefüggő működése
- Nyitott hibák és biztonsági javítások
- Projektleírás, ismert korlátok és átadási jegyzet
- Publikus telepítés és végső működési próba
- Projektbemutató és fejlesztési döntések indoklása
- Szakmai értékelés és vizsga