Mit ad a Kezdő webfejlesztés kurzus?

Kezdő webfejlesztés

Webfejlesztés alapok: HTML és CSS az első saját, kódolt weboldaladhoz

Írd meg az első saját honlapod kódját 0-ról. Elsajátítod a HTML alapokat, a CSS logikáját és a reszponzív működést. Tanulj meg programozni gyakorlati projekteken keresztül az AI korában.

Megírom az első oldalam

Amikor a kész megoldások határaiba ütközöl

Mihez kezdesz, ha nem érted a kódot?

Weboldalt ma bárki össze tud kattintani, az AI pedig jobban programoz, mint bárki. Érteni, hogy mi történik a háttérben, már kevesebben, viszont ha fejlesztői pályára készülsz, itt érdemes kezdeni.

A programozók munkája változik, de a kódolási tudás még mindig az egyik legértékesebb készség a piacon.

Kezdj el programozni a legpopulárisabb témával, a frontend designnal.

óra tananyag

15

modul

284

lecke

2.300+

Fegyvertár tag

Az alap, amire minden épül

A kód nem varázslat. Meg lehet tanulni.

A kurzus a nulláról indul és gyakorlati projekteken visz végig a HTML-től a reszponzív CSS-ig. Nem számít, ha most látsz először kódot az életedben, vagy már van némi tapasztalatod.

A tananyag szakmai alapját Békéssy László, a néhai CodeBerry programozóiskola egyik tulajdonosa adta. Rövid leckékkel és feladatokkal haladsz, és közben magad írod a kódot. A tananyag az AI által megváltoztatott környezethez igazodik, hogy a saját kódod megírása mellett a mesterséges intelligenciával végzett munkához is használható alapot kapj.

Az itt található oktatóanyagok lökték rajtam a legnagyobb fejlődést, köszönöm Srácok 🙂

Zsoldos András

Az egyik biztosan te vagy

Kinek való a kurzus?

Pályakezdő – diplomasapka ikon

Pályakezdőknek és Karrierváltóknak

Érdekel a programozás, és szeretnéd kipróbálni, milyen kódból létrehozni valamit. Itt előzetes tudás nélkül, a saját tempódban haladhatsz, a feladatokon keresztül pedig megtapasztalhatod, mennyire áll közel hozzád ez a szakma.

Designer – pen tool ikon

Webdesignereknek és WordPress-kivitelezőknek

Már tervezel vagy építesz weboldalakat, és a megvalósításban is önállóbb lennél. Kóddal is végigcsinálod az építés lépéseit, így a vizuális eszközök mellett lesz mire támaszkodnod egyedi megoldásoknál is.

AI-kivitelező – processzor ikon

AI-jal weboldalt készítőknek

Az AI segítségével már létrehozol oldalakat, de a kapott kódot még nehezen követed. A saját gyakorlatokon szerzett tapasztalattal pontosabban fogalmazhatod meg a kéréseidet, és könnyebben ellenőrizheted a HTML- és CSS-megoldásait.

Vállalkozó – aktatáska ikon

Vállalkozóknak

Saját weboldalt szeretnél készíteni, vagy több technikai tudást szereznél a meglévő oldaladhoz. Ha szívesen szánsz időt a kódolásra, itt végigjárhatod az önálló oldalépítés útját.

Az első kódsortól a publikált oldalig

Miből áll a tanfolyam?

01

Kódszerkesztés és HTML-alapok

Írd meg az első oldalad tartalmát

Megismerkedsz a kódszerkesztőkkel, és kipróbálod a CodePent, ahol egymás mellett látod a kódot és az eredményt. Címsorokból, bekezdésekből, képekből és hivatkozásokból állítod össze az oldal tartalmát, majd listákkal és táblázatokkal is dolgozol. Azt is megnézed, hogyan tartsd olvashatóan a kódodat, és hogyan ellenőrizd, hogy helyesen használtad-e a HTML jelöléseit.

Illusztráció: Írd meg az első oldalad tartalmát
02

CSS-alapok és a Medium-cikk

Formázz meg egy teljes cikkoldalt

Megtanulod megadni, melyik elemre vonatkozzon egy formázás, és mi történik, ha több CSS-szabály is hat ugyanarra a részre. Ezután egy Medium-cikk kinézetét építed fel: a címet, a képet, a bekezdéseket és a köztük lévő térközöket is te alakítod. A feladat közben azzal is találkozol, hogyan befolyásolják az eredményt a böngésző saját beállításai.

Illusztráció: Formázz meg egy teljes cikkoldalt
03

Elakadás-kezelés és visszafejtés

Találj kiutat, amikor elakadsz

Egy Mondrian-festményt raksz össze HTML-lel és CSS-sel, így a szövegformázás után egy egészen más feladaton is kipróbálod a tanultakat. Az Olvass, Keress, Kérdezz módszerrel megoldást keresel az elakadásokra, a böngésző fejlesztői eszközeivel pedig megvizsgálod, melyik elem vagy szabály okozza a hibát. Az AI-t is bevonhatod a segítségkérésbe, miközben a kapott javaslatokat magad próbálod ki.

Illusztráció: Találj kiutat, amikor elakadsz
04

Igények, tervezés és névjegyoldal

Készíts weboldalt egy konkrét kérésből

Egy szabadúszó barát online névjegyoldalt kér tőled. Végiggondolod, mit kell megtudnod tőle a munkához, drótvázat rajzolsz, és összegyűjtöd a szükséges tartalmat. Ezután felépíted az oldalt a profilképtől a bemutatkozáson át a hivatkozásokig, és a saját névjegyoldaladat is elkészítheted a tanultak alapján.

Illusztráció: Készíts weboldalt egy konkrét kérésből
05

Fejlesztői munkakörnyezet

Kövesd a munkád változásait, és tedd elérhetővé az oldalad

Megismerkedsz a VS Code-dal, rendszerezed a projekt fájljait, és gyakorolod a parancssor használatát. A Gittel rögzíted a változtatásaidat, kipróbálod a külön fejlesztési ágakat és a közös munka alapjait. A GitHub Pages segítségével közzéteszed a munkádat, így másnak is el tudod küldeni a linkjét.

Illusztráció: Kövesd a munkád változásait, és tedd elérhetővé az oldalad
06

Elrendezések és reszponzív blog

Alakítsd az oldalt a különböző képernyőméretekhez

Megnézed, hogyan hat egymásra az elemek mérete, térköze és elhelyezése, majd összetettebb elrendezéseket is kialakítasz. Egy blog példáján mobilnézetből indulsz, és fokozatosan igazítod az oldalt nagyobb képernyőkre. A szövegek és a képek méretezésével is foglalkozol, végül ellenőrzöd, hogyan viselkedik az oldal különböző szélességeken.

Illusztráció: Alakítsd az oldalt a különböző képernyőméretekhez
07

Újra felhasználható oldalelemek

Építs saját készletet a gyakori megoldásokból

Gombokat, navigációkat, fejléceket és lábléceket készítesz, többféle megjelenéssel és elrendezéssel. Az elkészült elemeket összegyűjtöd, hogy a következő projektedben már legyen miből kiindulnod.

Illusztráció: Építs saját készletet a gyakori megoldásokból
08

Önálló záróprojekt

Építsd egy esküvői weboldalt a kapott tervből

A záró feladathoz részletes leírást, designt, alapanyagokat és működő mintát kapsz. A drótváztól a HTML-vázon át az egyes szakaszok formázásáig önállóan viszed végig a megvalósítást, és a mobilnézetet is kidolgozod. A példamegoldásokkal és a teljes kódbázissal összevetheted a munkádat, így azt is átnézheted, hol választottál más megoldást.

Illusztráció: Építsd egy esküvői weboldalt a kapott tervből

Mire leszel képes a kurzus után?

Terv alapján saját, mobilon is működő weboldalt készítesz

Drótvázat készítesz, majd megírod az oldal HTML- és CSS-kódját. Már az építés során figyelsz arra, hogyan jelenjen meg a tartalom mobilon és nagyobb képernyőn. Az elkészített gombokat, navigációkat, fejléceket és lábléceket később más oldalaidhoz is fel tudod használni.

Átlátod a kód felépítését és felismered a hibákat

Ránézel egy forráskódra, és meg tudod mondani, milyen szerkezet és milyen szabályok tartják össze az oldalt. Az AI vagy a builder generálta kódról meg tudod ítélni, jó megoldás-e, és a hibát a „valami nem jó" helyett szakszerűen megfogalmazva tudod az AI-jal javíttatni.

A fejlesztők eszközeivel és munkamódszereivel dolgozol

A projektjeidnek van commit-történetük, így egy elrontott módosítás után van hova visszalépned. Branchekkel és pull requestekkel dolgozol, ahogy a fejlesztői csapatok. A kész oldalaid GitHub-on élnek, tehát kattintható linket adsz egy ügyfélnek vagy egy interjún, nem képernyőképet mutogatsz.

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

Hogyan épül fel a kurzus?

Az alapoktól haladsz az egyre önállóbb projektekig. Szöveges leckékkel, néhány videós anyaggal és kódolós feladatokkal tanulsz, a saját tempódban.

Bevezető

  • Bevezető - HTML+CSS - Kezdő webfejlesztés

HTML alapok

  • Egy HTML-dokumentum
  • Google formázási útmutató
  • Néhány ajánlás
  • Mi az a HTML?
  • Egy HTML-tag
  • HTML írása
  • Címsorok
  • Paragrafusok
  • Linkek
  • Képek
  • Speciális jelentés
  • Táblázatok
  • Listák
  • Kódvalidáció

Bevezetés a kódszerkesztőkbe

  • Miért használunk kódszerkesztőket?
  • Online kódszerkesztők I.
  • Online kódszerkesztők II.
  • Asztali kódszerkesztők
  • Kódszerkesztők: Javaslataink
  • A CodePen bemutatása

CSS alapok

  • Mi az a CSS?
  • Az inline módszer
  • Az internal style sheet
  • Az external style sheet (külső stíluslap)
  • Relatív elérési út
  • Abszolút elérési út
  • Több külső CSS stíluslap használata
  • User agent stylesheet
  • CSS reset
  • CSS kommentek
  • CSS-szabályok: Formai követelmények
  • CSS-szabályok: Gyakorlás
  • CSS-szelektorok: Alapok
  • Egyszerű szelektorok 1: A típus szelektor
  • Egyszerű szelektorok 2: Az ID szelektor
  • Egyszerű szelektorok 3: A class szelektor
  • Egyszerű szelektorok: Gyakorlás
  • Egyszerű szelektorok: Gyakorlás megoldása
  • Pseudo-class szelektorok
  • Attribútum szelektorok
  • Pseudo-element szelektorok
  • Többszörös szelektorok
  • Kombinátorok (combinators)
  • Komplex szelektorok gyakorlása
  • Komplex szelektorok gyakorlása: megoldás
  • A CSS kaszkád: hogyan dönti el a böngésző, melyik szabály nyer?
  • Az !important kulcsszó
  • Szelektor specificitás
  • Forráskód sorrend
  • CSS öröklődés
  • Összefoglalás: mit tanultál eddig?

Medium-cikk

  • Bevezető a Medium-cikkhez: Mit fogunk megtanulni?
  • Add hozzá a tartalmat: Cím és címsor
  • Add hozzá a tartalmat: Hozzáadunk egy képet
  • Add hozzá a tartalmat: Hozzáadunk egy képaláírást
  • Add hozzá a tartalmat: Az első három bekezdés
  • A címsor megformázása
  • A címsor további formázása
  • A kép átméretezése
  • A böngésző saját stílusai
  • Szélesség és térközök
  • Pozicionálás
  • A bekezdések formázás
  • Linkek formázása
  • Készen vagyunk

CSS gyakorlás

  • CSS gyakorlás
  • Nem telepített betűkészletek használata

Mondrian + Okos kérdések

  • Mondrian és okos kérdések
  • Olvass, keress, kérdezz: Tanuld meg kihúzni magad a gödörből
  • Olvass, keress, kérdezz: Olvass (Read)
  • Olvass, keress, kérdezz: Keress (Search)
  • Olvass, keress, kérdezz: Kérdezz (Ask)
  • Olvass, keress, kérdezz: Összefoglalás
  • Művészi CSS és HTML: Mondrian festménye
  • Hozd létre a vásznat
  • Hozd létre a vásznat: Akaszd fel a falra a képet
  • Fesd meg az első sort: A kép szerkezete
  • Fesd meg az első sort: A piros négyzet
  • Fesd meg az első sort: A piros négyzet a helyére kerül
  • Fesd meg az első sort: Az első fekete elválasztó
  • Fesd meg az első sort: A felső oszlop
  • A második sor
  • A harmadik sor
  • A harmadik sor egy lehetséges megoldása
  • Gyakorlás és összefoglalás: Fess szabadon

Fejlesztői eszközök + Névjegy

  • Fejlesztői eszközök és egy névjegy
  • Fejlesztői eszközök a böngészőben: Bevezetés
  • Forráskód a böngészőben
  • Chrome fejlesztői eszközök
  • Egy elem vizsgálata
  • Egy baráti telefon
  • Muszáj-e kódolni?
  • Tedd föl a jó kérdéseket
  • Rajzolj egy wireframe-et
  • A váz tervezése
  • Összegyűjtjük az alapanyagokat
  • A konténerek
  • A tartalom hozzáadása
  • Az ikonok
  • Egy lehetséges váz
  • Találd meg a dobozokat
  • CSS reset
  • A méret beállítása
  • Középre helyezés flexbox-szal
  • Konténerek és tartalom középre helyezése
  • A profilfotó
  • Az inline lista
  • Térközök hozzáadása
  • A háttérkép
  • A névjegykártya megformázása
  • Keret hozzáadása
  • Interakció
  • Te jössz

VS Code + Git/GitHub

  • Az asztali szerkesztők és a verziókezelés
  • Bevezetés: Üdv!
  • Bevezetés: Miért van erre szükségem?
  • Ismerd meg a VS Code-ot: Miért a VS Code-ot választottuk?
  • Ismerd meg a VS Code-ot: VS Code telepítése
  • Ismerd meg a VS Code-ot: Kiegészítők telepítése
  • A hercegnő-illúzió: A hercegnő projekt
  • A hercegnő-illúzió: A projekt elkészítése
  • A hercegnő-illúzió: Fájlok hozzáadása
  • A hercegnő-illúzió: A HTML
  • A hercegnő-illúzió: A HTML boilerplate
  • A hercegnő-illúzió: Előnézet
  • A hercegnő-illúzió: Saját média
  • A hercegnő-illúzió: A CSS
  • A hercegnő-illúzió: Egy gyors összefoglaló
  • Haladó tippek és trükkök: VS Code szupererők
  • Haladó tippek és trükkök: VS Code gyorsbillentyűk
  • Összefoglalás: Gratulálunk
  • Bevezetés: Git + GitHub
  • Bevezetés: A Gitről röviden
  • Bevezetés: A GitHubról röviden
  • A parancssor kezelése
  • Git és GitHub: GitHub-regisztráció
  • Git és GitHub: Personal Access Token
  • Git és GitHub: A Git telepítése
  • Git és GitHub: Állítsd be a Git-identitásod
  • Első lépések a Gitben: Bevezető
  • Első lépések a Gitben: Hozd létre az első repositoryd
  • Első lépések a Gitben: Klónozd le
  • Első lépések a Gitben: Hozd létre az első fájlodat
  • Első lépések a Gitben: Kövesd el az első commitod
  • Első lépések a Gitben: Mikor commitolj?
  • A munkád szinkronizálása: A Git színterei
  • A munkád szinkronizálása: Commitok importálása
  • A munkád szinkronizálása: Változtatások beolvasztása
  • A munkád szinkronizálása: Commitok importálása és beolvasztása
  • Branchek és Git: A branchek rendszere
  • Branchek és Git: Egy új branch
  • Branchek és Git: Másik branchre váltás
  • Branchek és Git: Branchek egyesítése
  • Branchek és Git: Branch törlése
  • Közös munka a Git segítségével: Hogyan dolgozzunk együtt GitHubon?
  • Közös munka a Git segítségével: Adjunk háttérképet a honlaphoz
  • Közös munka a Git segítségével: Pull request készítése
  • Közös munka a Git segítségével: Pull request kezelése
  • Publikáld a munkád: Publikáld a munkád a GitHub Pages segítségével
  • Összefoglalás: Itt a vége

Saját névjegy oldal

  • Saját "online névjegy" oldal készítése

Haladó pozicionálás

  • Haladó pozicionálás CSS-sel
  • A display tulajdonság: Bevezetés
  • A display tulajdonság: Inline és block elemek
  • A display tulajdonság: Egy elem megváltoztatása
  • A display tulajdonság: A megjelenítés megváltoztatása
  • A display tulajdonság: inline-block
  • A display tulajdonság: Egy utolsó display típus
  • A box modell: Ugyanolyan dobozok?
  • A box modell: Mérd meg
  • A box modell: A box-sizing tulajdonság
  • A box modell: Két doboz egymás mellett
  • A box modell: Még egy dolog
  • A position tulajdonság: A normál sorrend
  • A position tulajdonság: Csak egy pár pixellel arrébb
  • A position tulajdonság: Fixáció
  • A position tulajdonság: Egy új dimenzió
  • A position tulajdonság: Abszolút varázslat
  • A position tulajdonság: Egy egyszerű layout
  • A position tulajdonság: Vágj arcokat
  • Floatok: Körbevenni egy képet szöveggel
  • Floatok: Három csomag megjelenítése
  • Floatok: Floatok rendezése
  • Floatok: Clearfixek
  • Összefoglalva: A layout arzenál

Reszponzív webdesign

  • Reszponzív webdesign
  • A reszponzív munkád tesztelése
  • Bevezetés: Mit fogsz megépíteni?
  • Bevezetés: Néhány definíció
  • A váz előkészítése: A HTML megépítése
  • A váz előkészítése: Egyéb elemek hozzáadása
  • A váz előkészítése: Egy egyszerű CSS Reset
  • A váz előkészítése: Segítő színek
  • A váz előkészítése: Minden készen áll
  • Gyors betűtípus-kitérő: Hol tartunk?
  • Gyors betűtípus-kitérő: A projekthez megfelelő betűkészletek kiválasztása
  • Gyors betűtípus-kitérő: Nem telepített betűkészletek használata
  • Gyors betűtípus-kitérő: Állítsd be a betűtípust
  • Gyors betűtípus-kitérő: Még egy kis tipográfia
  • Gyors betűtípus-kitérő: Egy lehetséges megoldás
  • Relatív egységek: Az első pillér
  • Relatív egységek: A hossz egységei
  • Relatív egységek: Em
  • Relatív egységek: Rem
  • Relatív egységek: Tipográfia és a rem
  • Relatív egységek: Százalékok
  • Relatív egységek: A viewport szélessége és magassága
  • Relatív egységek: Összefoglaló a relatív egységekről
  • Reszponzív elrendezés: A második pillér
  • Reszponzív elrendezés: Példa a reszponzív elrendezésre
  • Reszponzív elrendezés: A mobile first elv
  • Reszponzív elrendezés: Építsd a blogot – Box-sizing méretezés
  • Reszponzív elrendezés: Építsd a blogot – A header
  • Reszponzív elrendezés: Építsd a blogot – A tartalom
  • Reszponzív elrendezés: Építsd a blogot – Vertikális ritmus
  • Reszponzív elrendezés: Építsd a blogot – Végső simítások
  • Reszponzív elrendezés: Összefoglalás a reszponzív elrendezésekhez
  • Media queryk: A harmadik pillér
  • Media queryk: A megfelelő media queryk
  • Media queryk: A tartalom floatolása
  • Media queryk: A desktop méret
  • Media queryk: Összefoglalás a media querykhez
  • Reszponzív média: A negyedik pillér
  • Reszponzív média: Flexibilis médiabeágyazás
  • Reszponzív média: Összefoglalás a reszponzív médiához
  • Összefoglalás: Mindent a reszponzív webdesignról

Gyakori komponensek

  • Gyakran használt komponensek
  • Bevezetés: Mit fogsz megtanulni
  • Bevezetés: A megépítendő komponensek
  • Bevezetés: Mielőtt belevágnánk
  • Gombok: Bevezető
  • Gombok: Egy sor színes gomb
  • Gombok: Minden gomb alapja
  • Gombok: A .btn hozzáadása
  • Gombok: A .btn megformázása
  • Gombok: A kontextuális classok
  • Gombok: A Bootstrap-gombok egy lehetséges megoldása
  • Gombok: A "flat" gombok
  • Gombok: A "flat" gombok egy lehetséges megoldása
  • Navigáció: Bevezető
  • Navigáció: Minden navigáció tervrajza (HTML)
  • Navigáció: Minden navigáció tervrajza (CSS)
  • Navigáció: Egyszerű felső navigáció – a HTML-váz
  • Navigáció: Alapstílusok
  • Navigáció: Speciális állapotok
  • Navigáció: Az asztali gépre szánt stílusok
  • Navigáció: Egyszerű felső navigáció – Kész
  • Navigáció: Rögzített felső navigáció – Kihívás
  • Navigáció: Rögzített felső navigáció – Egy lehetséges megoldás
  • Fejlécek (headers): Bevezető
  • Fejlécek: Egy egyszerű blog header – HTML-váz
  • Fejlécek: Egy egyszerű blog header – CSS
  • Fejlécek: Header egy teljes képernyős cikkhez
  • Fejlécek: HTML-váz
  • Fejlécek: CSS 1.
  • Fejlécek: CSS 2.
  • Fejlécek: Modern, egyszerű fejléc
  • Fejlécek: Összefoglalás
  • Footerek: Bevezető
  • Footerek: Egy egyszerű footer – HTML-váz
  • Footerek: CSS 1.
  • Footerek: CSS 2.
  • Footerek: A ragadós footer probléma
  • Footerek: Az abszolút pozíció megoldás
  • Footerek: A calc() megoldás
  • Footerek: A Bootstrap-megoldás
  • Footerek: Összefoglalás
  • Összefoglalás

Esküvői weboldal

  • Záró projekt: saját esküvői weboldal készítése
  • Játékszabályok
  • Specifikáció és nyersanyagok
  • Design és demó
  • Drótváz és HTML-váz
  • Add hozzá az általános stílusokat
  • Formázd meg a headert (fejléc)
  • Formázd meg a "Helyszínek" részt
  • Formázd meg a "Program" részt
  • Formázd meg a "Nászajándék" részt
  • Formázd meg a "Gyakori kérdések" részt
  • Formázd meg a footert (lábléc)
  • Utolsó simítások és media queryk
  • Itt a vége

Záró rész

  • Gratulálunk!

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

A Fegyvertár nem egy kurzusról szól. Minden elvégzett kurzusról oklevelet kapsz, a legtöbbet egy rövid kvíz zárja, ami leteszteli a megszerzett tudást. Van, amit egy hét alatt begyűjtesz, van, amiért hónapokig dolgozol. Hozzáteheted a portfóliódhoz, beírhatod a CV-dbe vagy kiteheted a LinkedInre.

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

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.

TL

Nem vagyok programozó, csak egy vállalkozó, aki szerette volna kihozni a maximumot a weboldalából. A Fegyvertár pontosan azt adja, amit a neve is ígér: egy komplett, bevetésre kész eszköztárat. Nem kellett hetekig fórumokat bújnom, hogy megtaláljam a legjobb bővítményeket a sebességoptimalizáláshoz vagy a marketinghez, mert itt mindent megkaptam egy csomagban, ráadásul ellenőrzött minőségben. Rengeteg fejfájástól kímélt meg, csak ajánlani tudom!

Tordai Luca

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.

Minek tanuljak kódot, amikor az AI úgyis megírja?

Az AI HTML-t generál, a Webflow HTML-t és CSS-t exportál, a WordPress-témák pedig HTML- és CSS-sablonokból állnak. Ugyanaz fut mindegyik mögött. Aki ezt a réteget érti, mindhárom eszközzel jobban dolgozik. Kód-olvasás nélkül csak addig jutsz, amíg minden elsőre sikerül.

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

Nem, tényleg nem. Ha most látsz először kódot életedben, az itt teljesen rendben van, az első modul ott kezdi, hogy mi az a kódszerkesztő. Más kurzus sem kell hozzá. Egy dolgot viszont hozz magaddal: időt. Végig kódot fogsz írni, mert kódolni másképp nem lehet megtanulni. Aki vizuális oldalról jön, annak a Webdesign és a Figma kurzus jó előjáték, de nem feltétel.

Milyen eszközre van szükségem?

Számítógép, mert a VS Code, a Git és a parancssor miatt tablet vagy telefon nem elég. Böngésző, lehetőleg Chrome, mert a fejlesztői eszközös leckék arra épülnek. Plusz egy email cím a CodePen és a GitHub regisztrációhoz. Aki nem akar semmit telepíteni, a teljes anyagot végig tudja csinálni CodePenben.

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.