Mit ad az AI webfejlesztés kurzus?

AI Webfejlesztés

Építs AI-jal weboldalt: az első tervtől az élő honlapig

Végigviszünk az AI weboldalkészítés teljes folyamatán, aminek a végén nemcsak egy élő, saját kódú oldalad lesz, hanem egy bejáratott folyamatod is.

Ezt minden következő projektednél újra lefuttathatod, a saját oldaladnál és az ügyfeleidnél is.

AI weboldalt építek

Nyugi, más is ugyanúgy érzi

Valami bűzlik, érzed ezt az AI-szagot?

Az AI ma már pár perc alatt kiköp egy weboldalt.

Szó szerint. Ha nem rakod bele a stratégiát, az oldal értéke is pontosan ennyi lesz: egy köpés.

Beírod, hogy „csinálj egy oldalt a fodrászszalonomnak”, és máris ott van a csillivilli, lila színátmenet, a középre igazított „Emeld új szintre a stílusodat” főcím, alatta három egyforma kártya egy-egy ikonnal, a szövegben pedig annyi hosszú gondolatjel, hogy rosszul leszel tőle.

Az eredmény AI-szagú lesz, amit nehezen lehet lemosni magadról.

A kérdés tehát az, hogy mitől lesz a pár perces oldalból olyan, ami érdeklődőket, ügyfeleket hoz, vagy amiért valaki fizet is.

Tőled.

Az AI gyorsan gépel, de nem ismeri a vállalkozásodat, az ügyfeleidet, és nem tudja, mi a jó. Ezt csak te tudod megmondani neki.

5+

óra tananyag

4

modul

33

lecke

2.300+

Fegyvertár tag

Te leszel az irányító

Egy egész webes csapat ül a gépedben

Régen egy weboldalhoz évekig tanult szakemberek és hosszú hetek munkája kellett.

Ma a tervezők, szövegírók, fejlesztők ott ülnek a gépedben, és hasítanak a munkában. Nem fáradnak el, nem kérnek túlórapénzt, és ha kéred, kezdik elölről.

Az AI-szag abból jön, hogy nincs, aki vezesse őket.

Az nem változott meg, hogy valakinek tudnia kell, mi a jó weboldal, és irányítania kell a munkát.

Ebben a kurzusban megtanulod, hogyan legyél te ez a valaki.

Egy gyakorlóprojekten visszük végig az AI webfejlesztés teljes folyamatát. Kész skillekkel és promptokkal dolgozol, közben párhuzamosan építheted a saját oldaladat is.

Én leszek az a valaki

Ugyanaz a profi weboldal, csak sokkal gyorsabban

Nem kell tudnod programozni. Elég, ha érted, mi történik.

Kódot sem fogsz írni, de nem dolgozol vakon. Érteni fogod, mi történik, amikor az AI legenerálja az oldalad, el tudod dönteni, milyen irányba dolgozzon tovább, és miket javítson.

Ehhez kapsz egy alapozót arról, miből áll egy weboldal. Így nem idegen kódhalmazt látsz majd az AI munkájában, hanem tudod, mi mire való.

Ettől lesz bátorságod kísérletezni.

Közben egy teljesen új munkamódot is megtanulsz. A rajzolás, drótvázkészítés és látványtervezés helyett most percek alatt egy kattintható oldalt kapsz, és abból indulsz ki.

Belevágok

Nagyon profi, magyar(!), lényegre törő, a tanítók nagyon ügyesek és követhetőek! A weboldal jól struktúrált, a tananyagok könnyen elérhetőek. Ezek mellett közösség építő és segítség nyújtó része is van. Nagyon jó élmény, egyszerű és könnyed a tanulás így!

Böhönyei Barbara

Az egyik biztosan te vagy

Kinek való a kurzus?

Vállalkozó – aktatáska ikon

Kisvállalkozó

Új weboldalt szeretnél, vagy a régi oldaladat átalakítani. Fejlesztőt fizetni drága, egy havidíjas rendszerhez kötni magad pedig nem akarod.

A legtöbb vállalkozónak nem egy flancos landing kell, hanem egy gyors, jól megírt weboldal. Itt ezt építed fel AI-jal, saját kódból, programozás nélkül.

Szabadúszó – nyitott laptop ikon

Szabadúszó

Ügyfeleknek készítenél weboldalt, gyorsan, de jó minőségben. Az AI óriási fegyver a kezedben.

Egy ügyfélprojekten megyünk végig az első beszélgetéstől az élesítésig. Megtanulod, hogyan mutass már az első megbeszélésen kattintható oldalt, mire figyelj, és mit érdemes elvállalni az elején.

WordPress kivitelező – weboldal-szerkesztő ikon

Weboldalkészítő

WordPressben vagy Webflow-ban már építesz oldalakat, és pontosan tudod, milyen a jó weboldal. Most azt szeretnéd látni, mit változtat az AI ezen a szakmán.

Megmutatjuk, mikor jobb választás egy saját kódú, gyors statikus oldal karbantartás és havidíj nélkül, és mikor marad mégis a WordPress. Közben megtanulod, hogyan dolgozz az AI-jal úgy, hogy a minőség ne sérüljön.

Miből áll a tanfolyam?

01

AI webfejlesztés alapozó

Értsd meg, mit csinál az AI

Itt még nem építesz, hanem megérted, mi az a weboldal egyáltalán, és hogyan kerül a képernyődre. Megismered a HTML, a CSS és a JavaScript szerepét, és azt is, milyen fájlokat hoz létre az AI.

Végignézzük a lehetséges utakat is: saját kód, WordPress vagy weboldal-építő. Kapsz egy gyors döntési iránytűt, amivel bármelyik projekt elején el tudod dönteni, melyik a jó választás.

Végül tisztázzuk, mi az AI dolga és mi a tiéd, mennyit érdemes tervezni, és mit kell megadnod az AI-nak, hogy ne ő döntsön helyetted.

Ez a rész az alap, amire minden későbbi weboldalad épülni fog.

Illusztráció: Értsd meg, mit csinál az AI
02

Weboldalépítés AI-jal

Projektmunka

Ez a kurzus gerince, élesben dolgozunk. Egy fiktív ügyfél elavult weboldalát építjük újra, az első jegyzettől az élő, saját domainen futó oldalig.

Kész skillekkel briefet íratsz, több verziót generáltatsz, és összerakod belőlük a legjobbat. Megtanulod, hogyan kérj pontos módosítást, hogyan dolgozz a szövegekkel és a képekkel, és hogyan mentsd el GitHubra az oldal minden működő állapotát.

Ha szeretnéd, végig együtt haladhatsz a projekttel, vagy közben a saját oldaladat építheted.

Illusztráció: Projektmunka
03

Haladó funkciók és egyedi esetek

Amitől az oldal tényleg működik

Rákerül minden, ami egy ügyfeleket fogadó oldalhoz kell: kapcsolati űrlap, Search Console, Google Analytics, sütikezelés és adatkezelési tájékoztató sablonból.

Megnézzük azt is, amire nem minden oldalnak van szüksége, de jó tudni, hogy van rá megoldás: UX-audit, külső szolgáltatások bekötése, blog, és egy szerkesztőfelület, amin az ügyfeled maga frissítheti az oldalt.

Illusztráció: Amitől az oldal tényleg működik
04

A tanfolyam zárása

Megérdemelt oklevél

A sikeres teljesítés után digitális oklevelet kapsz, ami nemcsak egy dokumentum, hanem elismerés a munkádért: végigcsináltad a teljes folyamatot.

Hozzáteheted a portfóliódhoz, az önéletrajzodba, vagy kiteheted LinkedInre.

Vikingo oklevél - AI Webfejlesztés kurzus
AI Webfejlesztés

Mire leszel képes a kurzus után?

Irányítod az AI-t, nem ő téged

Amikor az AI legenerálja az oldaladat, nem idegen kódhalmazt látsz, hanem tudod, melyik fájl mire való. A „legyen szebb” helyett megnevezed a szekciót, az elemet és a változást, így az AI azt csinálja, amit kérsz, nem azt, amit kitalál.

Élesíted a saját oldaladat

Az oldalad nem marad a gépeden: élőben fut a saját domaineden, és nemcsak működik, hanem jól is működik. Gyorsan betölt, mobilon is jól néz ki, és a Google is megtalálja.

Ügyfélnek is átadható oldalt építesz

Olyan oldalt adsz ki a kezedből, ami nemcsak szép, hanem eredményes is. Ha kell, az ügyfeled maga frissíti a blogját, és az egészet egy bejáratott folyamattal csinálod, amit a következő projektnél újra lefuttatsz.

A kurzus 30+ leckéből áll, összesen 5+ órányi videós anyaggal.

Hogyan épül fel a kurzus?

A leckék egymásra épülnek, így lépésről lépésre haladsz az alapoktól egészen addig, amíg a tanultakat magabiztosan alkalmazod a saját munkádban, és ha kell, bármikor visszatérhetsz egy korábbi részhez.

AI webfejlesztés alapozó

  • Bevezető03:14
  • Hogyan épül fel egy weboldal valójában?05:05
  • A három alapnyelv: HTML, CSS, JavaScript02:49
  • Milyen fájlokat hoz létre az AI, és mire valók?04:31
  • Keretrendszerek és platformok09:28
  • AI weboldalkészítési folyamat04:44
  • Kutatás és definiálás04:50
  • Mit kell megadnod az AI-nak?03:37

Weboldal építés AI-val

  • A projekt és a kiindulás03:56
  • Előkészületek19:04
  • Tervezés14:46
  • Weboldal generálás AI-val30:49
  • Weboldal szerkesztése25:19
  • Verziókövetés GitHubbal13:30
  • Szövegek és tartalom22:06
  • Képek kezelése a weboldalon11:21
  • Deploy: az oldal kikerül az internetre30:07
  • Verziók és visszaállítás13:41
  • SEO/GEO alapok AI-val08:20
  • Design system és aloldalak14:04
  • Sebesség és optimalizálás10:17
  • Kész MVP weboldal01:57

Haladó funkciók

  • Űrlapok: kapcsolatfelvétel és adatküldés14:22
  • Search Console07:42
  • GA4 (Google Analytics)13:13
  • GDPR és cookie-k alapjai07:29
  • Adatkezelési tájékoztató11:07
  • CookieYes10:01

Egyedi esetek

  • Egyedi esetek: bevezető00:35
  • Mélyebb UX-tervezés06:47
  • Külső szolgáltatások beépítése05:55
  • Blog és ismétlődő tartalom (CPT)10:55
  • CMS összekötés06:38

A legjobb társ a céljaid eléréséhez

Indítsd el és lépj szintet a karrieredben vagy vállalkozásodban

41+ kurzus

260+ óra tananyag

karrier küldetések

oklevél

webinárok

eszközök

prémium bővítmények

Gyűjtsd be mindet

Oklevél

Egy kurzus elvégzésének igazi eredménye az a tudás, amit utána tényleg használni tudsz. De jó érzés, ha a befektetett munkádat el is ismerik. Ezért minden elvégzett kurzus után oklevelet kapsz, ami megmutatja, miben fejlődtél és mit vittél véghez. Hozzáteheted a portfóliódhoz, feltüntetheted az önéletrajzodban vagy kiteheted a polcra is.

Csatlakozom
Vikingo kurzusoklevél

41+ kurzus gyakorlati fókusszal

Készségek a mostani világra szabva

A célod elérése a fejlődéseden keresztül történik.

A piacképes tudás tesz értékessé a piacon vállalkozóként és munkavállalóként is.

A leghatékonyabban nálunk sajátíthatod el a szakmai ismereteket és gyakorlati megvalósítást a ma releváns és keresett témákban.

AI – Mesterséges Intelligencia

Design és képalkotás

Technológia, AI és fejlesztés

Marketing és vállalkozás

Személyes fejlődés

Sablonok és segédanyagok

Megkapod a saját ügynökségi munkánk alapján összerakott tervezés és generálás skillt, a gyakorlóprojekt teljes anyagát és egy adatkezelési tájékoztató sablont. A kurzus után a saját és az ügyfeleid weboldalainál is újra elővehetsz őket.

Tervezés és generálás skill

A saját ügynökségi munkánk alapján raktuk össze őket.

A tervezés skill bekéri a meglévő anyagokat, rákérdez arra, ami hiányzik, és megírja a weboldal briefjét. A generálás skill ebből egy vagy több verziót készít, hogy legyen miből választanod.

Mellékletek – dokumentum keretjelekkel

Projektanyagok

A gyakorlóprojekt teljes csomagja: az ügyféljegyzet, az új logó, a képek és a régi oldal linkje.

Így ugyanabból dolgozol, amiből Dani, és lépésről lépésre végigviheted vele a projektet.

Hozzáférés – kulcs ikon

Adatkezelési tájékoztató sablon

Másolható sablon, amit a saját vagy az ügyfeled oldalához igazíthatsz.

Kész szerkezetet kapsz, amiben ott van minden, amit egy weboldalas adatkezelésnél végig kell gondolni.

Az oktatód

Tóth Dániel

Dani a Vikingo alapítója és tulajdonosa, a Vikingo Studio vezetője.

Az ügynökségi divízió mindennapjaiban él: ügyfélszerzés, brief, tervezés, design, fejlesztés – végigkíséri a projekteket az első ötlettől a launchig. 2020 óta építik a Studiót, így belülről ismeri, pontosan mi kell egy profi weboldalhoz.

A Vikingo tananyagain dolgozva a gyakorlati tapasztalatot fordítja leckékre: esettanulmányok, ügynökségi workflow, AI bevezetés, ajánlatadás, átadás utáni támogatás – mindaz, amit a terepen tanult.

Hisz abban, hogy egy kurzus akkor jó, ha a valóságra készít fel: pontosan ezzel a szellemiséggel oktat a kurzusainkban.

Tóth Dániel

Fegyvertár

Tapasztald meg a Fegyvertár élményt, sajátíts el digitális készségeket, változtasd meg a karriered és életed!

41+ kurzus

Karrier Küldetések

Kihívások

Eszközök, csekklisták

Prémium bővítmények

10 Elementor licensz

AI ügynök

Webinárok, workshopok

bruttó

7.990 Ft / hó

266 Ft / nap

Teljes hozzáférés minden kurzushoz

Bármikor lemondható

Nincs hosszú távú elköteleződés

Havi előfizetés

-16%

bruttó

19.990 Ft / 3 hó

222 Ft / nap

Teljes hozzáférés minden kurzushoz

Bármikor lemondható

Ritkább fizetés, kedvezőbb egységár

Ideális egy konkrét fejlődési időszakhoz

3 havi előfizetés

-27%

bruttó

69.990 Ft / év

192 Ft / nap

Teljes hozzáférés minden kurzushoz

Bármikor lemondható

A legalacsonyabb egységár

Egész éves tanulási és fejlődési lehetőség

Árbefagyasztási garancia

Éves előfizetés

A jelentkezés jelenleg zárva

Szólunk, amint újra nyit a Fegyvertár

Add meg az e-mail címed, és elsőként értesítünk, amikor újra lehet csatlakozni.

Biztonságos fizetés – pajzs ikon

100% biztonságos fizetés

A megrendelés leadásával nyilatkozom arról, hogy kérem a teljesítés megkezdését a 14 napos elállási/felmondási határidő lejárta előtt. Tudomásul veszem, hogy ezzel az indokolás nélküli elállási jogomat elveszítem, de a 14 napon belül jogosult vagyok indokolás nélküli felmondási jogom gyakorlására. Utóbbi esetben a felmondás közlésének időpontjáig teljesített szolgáltatással arányos díjat vagyok köteles megfizetni, az ezen felüli díjat a Szolgáltató visszatéríti részemre.

Neumann-Schneider Katalin

A Fegyvertár azért nagyon jó, mert alacsony havi költségen több százezres tanfolyamokat érhetek el, szinte az összes témában, ami érdekel. Webdesign, vállalkozásismeret, szoftverek, újdonságok, önismeret stb. Mellette a kihívásokon tesztelhetem a tudásomat, bővíthetem a portfóliómat. Egyszerűen imádom az egészet!

Neumann-Schneider KatalinVirtuális marketing asszisztens, kreatív vállalkozó, vállalkozástámogató

Gyakran ismételt kérdések

Összegyűjtöttük a leggyakoribb kérdéseket az indulásról, az előképzettségről és a hozzáférésről. Ha valami kimaradt, írj nekünk.

Hogyan tudok kérdezni vagy segítséget kérni, ha elakadok?

Lehetőséged lesz csatlakozni a Fegyvertár közösségi felületéhez, ahol kérdezhetsz a kurzussal kapcsolatban és megoszthatod a saját projektjeidet.

Ha technikai vagy haladással kapcsolatos kérdésed van, ezen az oldalon tudsz nekünk írni.

Mikor indul a kurzus, van meghatározott kezdés?

A kurzus önálló tempóban végezhető, így bármikor elkezdheted, amikor számodra kényelmes. A leckékhez hozzáférést kapsz, míg él a Fegyvertár előfizetésed.

Szükséges bármilyen előképzettség?

Nem. Programozni nem kell tudnod, és kódot sem fogsz írni. Az alapozó modulban megérted, miből áll egy weboldal, mielőtt bármit építenél.

Arra viszont szükséged lesz, hogy legyen egy működő AI-kódoló eszközöd, ami közvetlenül a géped fájljaival dolgozik. A kurzus ennek a telepítését nem tanítja, ezért ha még nincs ilyened, előtte érdemes elvégezned a Claude Code vagy a ChatGPT – Codex kurzust, valamint a Git és GitHub kurzust. Ha az AI-jal most ismerkedsz, az AI Alapozó kurzusunk a jó első lépés.

Kell fizetős szoftver vagy előfizetés a kurzushoz?

A kurzusban Dani a Claude Code-ot használja, de bármilyen más AI-kódoló eszközzel is követheted, ami a géped fájljaival dolgozik.

Ha van ChatGPT-előfizetésed, nyugodtan dolgozhatsz a ChatGPT Codex-szel is: a ChatGPT Plus csomagtól felfelé benne van, külön nem kell fizetned érte.

Ha a Claude-ot választod, a Claude Code a Pro csomagtól érhető el. Drága, felső kategóriás előfizetés egyikhez sem kell, de számolj vele, hogy minden generálás és módosítási kör fogyaszt a keretedből.

Minden más, amit a kurzusban használunk (GitHub, Netlify), ingyenes induló csomaggal is elég. Az egyetlen biztos plusz költség a saját domain.

Mennyibe kerül fenntartani az elkészült weboldalt?

A GitHub ingyenes csomagja elég a munkához, a Netlify induló csomagja is ingyenes, így tárhelyet sem kell vásárolnod. A fő költség a saját domain, egy .hu domain jellemzően néhány ezer forint évente.