Weboldal 4 óra alatt, AI használatával

Az ötlettől az élő weboldalig

Két alkalom alatt elkészíted a saját weboldaladat, és a képzés végére egy működő, éles oldallal rendelkezel a saját domaineden.

Nem kell programozónak lenned. Megtanulod, hogyan használd az AI-t és a Codexet arra, hogy a szükséges kódot elkészítse helyetted – te pedig azt tanulod meg, hogyan adj pontos utasításokat, hogyan ellenőrizd az eredményt, és hogyan fejleszd tovább az oldaladat.

A cél nem az, hogy megtanulj programozni, hanem hogy képes legyél önállóan weboldalt készíteni, módosítani és működtetni AI segítségével.

Kinek szól?

A képzést elsősorban olyan vállalkozóknak, marketingeseknek és freelancereknek ajánljuk, akik szeretnének nagyobb kontrollt a saját weboldaluk felett.

Neked szól, ha:

1. saját weboldalt szeretnél készíteni fejlesztői segítség nélkül;
2. nem szeretnél minden apró módosítás miatt fejlesztőre várni;
3. szeretnéd gyorsabban elkészíteni és tesztelni az új oldalakat;
4. érdekel, hogyan lehet AI segítségével weboldalt fejleszteni;
5. szeretnéd érteni, mi történik a domain, a szerver és a weboldal hátterében;
6. marketingesként vagy vállalkozóként szeretnél technikai feladatokat is önállóan megoldani.

Mit viszel haza?

A képzés végére nemcsak tudással, hanem egy konkrét, működő projekttel távozol.

Amit elkészítesz és megtanulsz:

1. egy működő, élő weboldalt a saját domaineden, HTTPS-kapcsolattal;
2. egy olyan folyamatot, amelyet később új weboldalak készítésénél is használhatsz;
3. hogyan készíts pontos briefet és promptokat a Codex számára;
4. hogyan módosítsd és fejleszd tovább az elkészült weboldalt;
5. hogyan töltsd fel és frissítsd az oldalt a szerveren;
6. hogyan kezeld az alapvető domain-, DNS- és szerverbeállításokat;
7. hogyan állítsd be a weboldal legfontosabb SEO-elemeit;
8. hogyan keresd meg és javítsd ki a tipikus hibákat AI segítségével.

Tematika

1. Vibe coding alapok és a weboldal megépítése

1. A vibe coding alapjai

Mit jelent a vibe coding, mire használható, és milyen feladatoknál érdemes AI-ra támaszkodni?

2. Hogyan működik egy weboldal?

Domain, DNS, szerver és webszerver – közérthetően, a gyakorlaton keresztül.

3. Domain és szerver

A domain és a tárhely/szerver kiválasztásának és megvásárlásának alapjai.

4. Domain összekötése a szerverrel

DNS-beállítások, rekordok és a domain megfelelő irányítása.

5. GitHub alapok

Repository létrehozása, commit, push és a verziókezelés alapjai.

6. Codex beállítása és használata

A Codex beállítása, valamint az egyértelmű és hatékony briefek megírása.

7. A weboldal elkészítése AI segítségével

A kezdőoldal létrehozása, majd annak finomhangolása: szövegek, struktúra, színek, képek és mobilnézet.

2. Élesítés, beállítások és az oldal frissítése

1. Szerver alapok

Belépés SSH-val, a webszerver telepítésének és működésének megismerése.

2. A weboldal telepítése a szerverre

Az elkészített oldal feltöltése GitHubról az éles szerverre.

3. Domain és HTTPS beállítása

A saját domain összekapcsolása az oldallal és a biztonságos HTTPS-kapcsolat beállítása.

4. SEO-alapbeállítások

Title, meta description, favicon, megosztási kép és az alapvető technikai beállítások.

5. Weboldal módosítása és frissítése

Hogyan változtass az oldalon úgy, hogy a módosítások biztonságosan az éles verzióban is megjelenjenek.

6. Tipikus hibák és javításuk AI segítségével

Gyakori problémák felismerése, hibakeresés és javítás a Codex segítségével.