Webalkalmazás fejlesztés AI támogatással 100 órás képzési tanterv (7 hétvége alatt) 

Áttekintés

Ez a 100 órás intenzív tanfolyam 7 hétvége alatt sajátítható el, hétvégénként kb. 14-15 órás képzéssel (szombat-vasárnap, napi 7-8 óra). A kurzus a modern webalkalmazás-fejlesztés alapjait és az AI-támogatott fejlesztési folyamatokat ötvözi. A hallgatók elsajátítják a webfejlesztés alapvető technológiáit (HTML, CSS, JavaScript), majd megismerkednek a modern keretrendszerekkel és az AI eszközök hatékony alkalmazásával a fejlesztési munkafolyamatban.

Célok

1. Szilárd alapokat biztosítani a modern webfejlesztéshez
2. Megismertetni a hallgatókat az AI-támogatott kódolás eszközeivel és technikáival
3. Gyakorlati tapasztalatot nyújtani valós projekteken keresztül
4. Felkészíteni a résztvevőket az önálló és hatékony fejlesztői munkára

Célközönség

1. Kezdő fejlesztők vagy pályaváltók alapvető programozási ismeretekkel
2. Gyakorló fejlesztők, akik szeretnék megismerni az AI-támogatott fejlesztési módszereket
3. Informatikai tanulmányokat folytató hallgatók

Előfeltételek

1. Alapszintű számítástechnikai ismeretek
2. Programozási alapfogalmak ismerete előnyt jelent, de nem feltétel  
3. Saját számítógép megfelelő internet-hozzáféréssel

Részletes tanterv (7 hétvége)

1.   hétvége: Webfejlesztési alapok és bevezetés az AI-ba (15 óra)

Szombat (8 óra)

Délelőtt: Bevezetés és HTML alapok (4 óra)

•  A web működése és története (1 óra)
•  HTML5 szerepe és jelentősége (1 óra)
•  Szemantikus HTML elemek (1 óra)
•  Gyakorlat: Fejlesztői környezet beállítása, első weboldal létrehozása, GitHub fiók beállítása (1 óra)

Délután: CSS és reszponzív design (4 óra)

• CSS3 tulajdonságok és szelektorok (1 óra)
• Box model és layout technikák (1 óra)
• Media query-k és reszponzív design alapelvek (1 óra)
• Gyakorlat: Stílusok alkalmazása, reszponzív navigáció, Flexbox és Grid (1 óra)

Vasárnap (7 óra)

 Délelőtt: JavaScript alapok (4 óra)

• JavaScript szintaxis és alapvető adattípusok (1 óra)
• DOM manipuláció és események kezelése (1 óra)
• Gyakorlat: Interaktív elemek, formvalidáció, egyszerű animációk (2 óra)

 Délután: AI bevezetés fejlesztőknek (3 óra)

• AI alapfogalmak és terminológia (1 óra)
• AI asszisztensek megismerése (ChatGPT, Claude, GitHub Copilot) (1 óra)  
• Gyakorlat: Hatékony promptok írása, AI-generált kód értékelése (1 óra)

2.   hétvége: Modern JavaScript és AI fejlesztői eszközök (14 óra)

Szombat (7 óra)

Délelőtt: Modern JavaScript és API-k (4 óra)

•  ES6+ funkciók és szintaxis (1 óra)
•  Fetch API és aszinkron programozás (1 óra)
•  Gyakorlat: Adatok lekérése külső API-ból, Promise-ok és async/await (2 óra)

Délután: Kódgenerálás és AI pair programming (3 óra)

•  Kódgenerálási stratégiák és AI pair programming alapelvei (1 óra)
•  Gyakorlat: GitHub Copilot használata, komplex funkciók implementálása AI segítségével (2 óra)

Vasárnap (7 óra)

Délelőtt: UI/UX tervezés AI támogatással (4 óra)

•  UI/UX alapelvek és AI eszközök a vizuális tervezésben (2 óra)
•  Gyakorlat: Felhasználói felületek generálása AI eszközökkel, prototípus készítése (2 óra)

Délután: Modern frontend keretrendszer bevezetés - React alapok (3 óra)

 React alapkoncepciók (komponensek, props, state) és JSX szintaxis (1 óra)

 Gyakorlat: React fejlesztői környezet beállítása, első React alkalmazás létrehozása (2 óra)

3.   hétvége: Frontend fejlesztés React-tel (15 óra)

Szombat (8 óra)

Délelőtt: React komponensek és hook-ok (4 óra)

•  React komponens struktúra és Virtual DOM (1 óra)  useState és useEffect hook-ok (1 óra)
•  Gyakorlat: Komponensek készítése, állapotkezelés implementálása (2 óra)

Délután: React Router és Context API (4 óra)

•  Single Page Application architektúra és React Router (1 óra)  Context API és állapotmegosztás (1 óra)
•  Gyakorlat: Többoldalas alkalmazás létrehozása, kontextus alkalmazása (2 óra)

Vasárnap (7 óra)

 Délelőtt: Styled Components és UI könyvtárak (4 óra)

•  CSS-in-JS koncepció és Material Design alapelvek (1 óra)
•  Komponens könyvtárak használata (Material UI, Chakra UI) (1 óra)
•  Gyakorlat: Stílusok alkalmazása, UI komponensek integrálása (2 óra)

 Délután: Redux és haladó állapotkezelés (3 óra)

•  Flux architektúra és Redux alapelvek (1 óra)
•  Gyakorlat: Redux integrálása React alkalmazásba, Redux Toolkit használata (2 óra)

4.   hétvége: Backend fejlesztés és API-k (14 óra)

Szombat (7 óra)

Délelőtt: Node.js és Express alapok (4 óra)

•  Node.js ökoszisztéma és Express keretrendszer (1 óra)  RESTful API-k tervezése (1 óra)
•  Gyakorlat: Első Express szerver létrehozása, middleware-ek, útvonalak (2 óra)

Délután: Adatbázis-integráció (3 óra)

•  NoSQL vs SQL adatbázisok, MongoDB alapok (1 óra)
•  Gyakorlat: MongoDB Atlas beállítása, adatmodellek és CRUD műveletek (2 óra)

Vasárnap (7 óra)

Délelőtt: Autentikáció és biztonság (4 óra)

 JWT autentikáció és biztonsági megfontolások (1 óra)  OAuth integráció (1 óra)

 Gyakorlat: Felhasználói autentikáció implementálása, jelszótitkosítás (2 óra)

 Délután: AI szolgáltatások integrálása (3 óra)

 AI API-k áttekintése (OpenAI, Hugging Face) (1 óra)

 Gyakorlat: OpenAI API integrálása, chatbot funkció implementálása (2 óra)

5.   hétvége: Teljes stack fejlesztés és AI integráció (14 óra)

Szombat (7 óra)

Délelőtt: Fullstack alkalmazás architektúra (4 óra)

•  Frontend-backend kommunikáció tervezése (1 óra)  API tervezési minták (1 óra)
•  Gyakorlat: API tervezés és implementáció AI segítségével (2 óra)

Délután: Fullstack adat kezelés (3 óra)

 Adatáramlás a teljes alkalmazásban (1 óra)

 Gyakorlat: Frontend-backend integráció (2 óra)

Vasárnap (7 óra)

 Délelőtt: AI-támogatott funkciók implementálása (4 óra)

 AI-integrációs lehetőségek webalkalmazásokban (1 óra)  Haladó prompt engineering (1 óra)

 Gyakorlat: Tartalom generálás AI API-val, keresési funkciók (2 óra)

 Délután: Haladó AI integráció (3 óra)

 AI modellek finomhangolása és válaszok feldolgozása (1 óra)  Gyakorlat: AI-generált tartalom validálása és szűrése (2 óra)

6.   hétvége: Projektmunka és haladó témák (14 óra)

Szombat (7 óra)

Délelőtt: Projektspecifikáció és csapatmunka (4 óra)

 Projektspecifikáció kidolgozása AI segítségével (1 óra)  Git alapú csapatmunka (1 óra)

 Gyakorlat: Projekt tervezés, feladatfelosztás (2 óra)

Délután: Frontend fejlesztés a projektben (3 óra)

 Komplex UI komponensek (1 óra)

 Gyakorlat: Frontend komponensek fejlesztése AI támogatással (2 óra)

Vasárnap (7 óra)

Délelőtt: Backend fejlesztés a projektben (4 óra)

•  Haladó API funkciók (1 óra)
•  Gyakorlat: Backend szolgáltatások implementálása (3 óra)
• Délután: AI funkciók integrálása a projektbe (3 óra)
• Felhasználói élmény optimalizálása AI-val (1 óra)
• Gyakorlat: AI komponensek fejlesztése és integrálása (2 óra)

7.   hétvége: Projekt befejezés, deploy és karrierépítés (14 óra)

Szombat (7 óra)

Délelőtt: Tesztelés és hibajavítás (4 óra)

 Tesztelési stratégiák (1 óra)

 Gyakorlat: Végső tesztelés és hibajavítás (3 óra)

Délután: Alkalmazás deploy és CI/CD (3 óra)

 CI/CD alapelvek és felhőalapú szolgáltatások (1 óra)

 Gyakorlat: Alkalmazás előkészítése és deploy (Netlify/Vercel és Heroku) (2 óra)

Vasárnap (7 óra)

 Délelőtt: Projekt prezentációk (4 óra)

 Prezentációs technikák (1 óra)  Projektbemutatók (3 óra)

 Délután: Karrierépítés és továbbfejlődés (3 óra)

 Portfólióépítés AI-támogatott webfejlesztőként (1 óra)  További tanulási lehetőségek és specializációk (1 óra)  Tanfolyam zárása, értékelés, visszajelzések (1 óra)

Értékelési rendszer

Folyamatos értékelés (50%)

 Hétvégi gyakorlati feladatok (30%)  Hét közbeni házi feladatok (20%)

Végső projekt (50%)

Teljes stack webalkalmazás AI funkcionalitással Egyéni vagy kis csoportos (2-3 fő) projekt Értékelési szempontok:

 Technikai megvalósítás (20%)

 AI integráció minősége (15%)  UI/UX design (5%)

 Kód minősége és dokumentáció (5%)  Prezentáció (5%)

Tanfolyami anyagok és erőforrások

Szoftverek és platformok

• VS Code vagy WebStorm
• GitHub
• GitHub Copilot
• ChatGPT / Claude / egyéb AI asszisztensek  
• Figma (UI tervezéshez)
• MongoDB Atlas
• Netlify/Vercel és Heroku (deployhoz)

Ajánlott tananyagok

•  MDN Web Docs
•  React hivatalos dokumentáció  Node.js dokumentáció
•  OpenAI dokumentáció
•  Udemy/Pluralsight releváns kurzusai (kiegészítésként)

Oktatási módszerek

• Intenzív gyakorlati workshopok Interaktív előadások
• Valós idejű kódolási feladatok
• Páros programozás AI asszisztenssel Csoportos projekt munka
• Egyéni mentorálás
• Hét közbeni online konzultációs lehetőségek Rögzített videóanyagok az otthoni gyakorláshoz

Megjegyzés: A tanterv rugalmasan alakítható a hallgatók előzetes ismeretei és haladási tempója szerint. Az óraszámok az egyes témakörökön belül módosíthatók a csoport igényeinek megfelelően.