Ebben a modulban a Javascript programnyelven keresztül megismerkedünk a dinamikus webfejlesztéssel és a kliensoldali programozás alapjaival.

2.1 Programozási alapfogalmak, változók és adattípusok
2.2 Objektumok és referenciatípusok
2.3 Ciklusok és tömbkezelés
2.4 Függvények és függvénykifejezések
2.5 Programozási tételek
2.6 Haladó tömbműveletek (map, filter, reduce)
2.7 Objektumorientált programozás (osztályok, metódusok)
2.8 Prototípusok és öröklődés

Ebben a modulban elmélyítjük tudásunkat az aszinkron programozásban, a DOM manipulációban és a modern javascript technikákban.

3.1 DOM-kezelés és események
3.2 Aszinkron javascript: Promise, Fetch API, async/await
3.3 Hibakezelés és exception handling
3.4 RESTful API-k kliensoldali használata
3.5 Web Storage API, localStorage, sessionStorage
3.6 Moduláris javascript és kódszervezés

Ebben a modulban a modern frontend fejlesztést sajátítjuk el a React segítségével, és megtanuljuk a komponensalapú fejlesztés alapjait.

4.1 React bevezetés (telepítés, NPM, Vite, ESlint, JSX)
4.2 Komponensek és Props
4.3 Eseménykezelés és dinamikus listaelemek
4.4 Állapotkezelés useState és useEffect segítségével
4.5 Formok kezelése, kontrollált inputok
4.6 React Router és útvonalkezelés
4.7 További React hook-ok
4.8 Redux és globális állapotkezelés

A Firestore egy NoSQL adatbázis, amelyet modern frontend alkalmazásokhoz használhatunk backend nélkül.

5.1 Firebase bevezetés és konfiguráció
5.2 Firestore adatstruktúra és lekérdezések
5.3 Adatok mentése és olvasása Firestore-ban
5.4 Felhasználókezelés Firebase Authentication segítségével

Ebben a modulban megtanuljuk, hogyan használhatjuk az AI-t frontend fejlesztés során, valamint a Prompt Engineering alapjait.

6.1 Bevezetés az AI használatába frontend alkalmazásokban
6.2 OpenAI API integráció React alkalmazásokban
6.3 Prompt Engineering alapok (zero-shot, few-shot, chain-of-thought)
6.4 Claude és további programozást segítő modellek
6.5 AI-alapú keresés és ajánlórendszerek frontend fejlesztőknek

Ebben a modulban a hallgatók egy komplex frontend projektet valósítanak meg, amelyben Firestore-t és minimális AI-integrációt is alkalmazhatnak.

7.1 Projekt tervezése és specifikáció készítése
7.2 Komponensstruktúra és állapotkezelés
7.3 API-kommunikáció és adatkezelés
7.4 UI és UX optimalizálás
7.5 Firestore integráció a projektbe
7.6 AI funkciók beépítése a frontend alkalmazásba (pl. AI chatbot vagy intelligens kereső)
7.7 Projekt bemutatása és zárás