Full Stack Webfejlesztő Tanfolyam

1. óra • Verziókezelés Git segítségével

A Git alapjait és a távoli kódtár-munkafolyamatokat tanítja. Lehetővé teszi az együttműködésen alapuló kódolást és a biztonságos iterációt a teljes kurzus során.

2. óra • Parancssori alapok

Folyékonyságot épít a fájlrendszer-navigáció, a folyamatkezelés és a szkriptelési alapok terén. Alapját képezi a később bemutatott build-eszközök és szerverek hatékony használatának.

3. óra • A fejlesztői környezet beállítása

Telepíti és konfigurálja a kódszerkesztőket, terminálemulátorokat és verziókezelőket. Biztosítja, hogy minden hallgatónak reprodukálható, professzionális minőségű munkaterülete legyen.

1. óra • Szemantikus elemek és tájékozódási pontok

Lefedi a header, nav, main, article, section, aside és footer elemeket. Javítja a hallgatói projektek akadálymentesítését és keresőmotor-indexelését.

2. óra • Táblázatok, listák és beágyazott tartalom

Lefedi az adattáblázatokat, rendezett és rendezetlen listákat, valamint az iframe beágyazást. Kiegészíti a HTML eszköztárat a CSS elrendezés bevezetése előtt.

3. óra • Űrlapok, beviteli mezők és érvényesítés

Minden beviteli típust, címkét, mezőcsoportot és natív böngésző-érvényesítést tanít. Felkészíti a hallgatókat a későbbi fejezetekben tárgyalt back-end űrlapkezelésre.

1. óra • CSS szelektorok és a kaszkád

Elmagyarázza a specificitást, az öröklést és a kaszkád algoritmust. Megelőzi azokat a stílusozási hibákat, amelyek a szabályprioritás félreértéséből adódnak.

2. óra • CSS Grid elrendezés

Kétdimenziós rács sablonokat, területeket és automatikus elhelyezést tárgyal. Felkészíti a hallgatókat összetett oldalelrendezések külső keretrendszerek nélküli felépítésére.

3. óra • Reszponzív tervezés és média lekérdezések

Mobil-első módszertant, töréspontokat és folyadékegységeket alkalmaz. Biztosítja, hogy minden hallgatói projekt helyesen jelenjen meg a különböző eszközméreteken.

4. óra • Flexbox elrendezés

Egydimenziós igazítást tanít flex konténerekkel és elemekkel. Lehetővé teszi a hallgatók számára navigációs sávok, kártyasorok és középre igazított elrendezések építését.

1. óra • Aszinkron JavaScript

Elmagyarázza az eseményhurkot, a callback-eket, a Promise-okat és az async/await-et. Közvetlenül lehetővé teszi a későbbi fejezetekben bemutatott API-hívásokat és adatbázis-lekérdezéseket.

2. óra • Tömbök, objektumok és destructuring

Lefedi a tömb metódusokat, objektumkezelést és az ES6 destructuring szintaxist. Felkészíti a hallgatókat az adatkezelésre mind front-end, mind back-end kontextusban.

3. óra • Vezérlési folyamat és függvények

Feltételes utasításokat, ciklusokat és függvénydeklarációkat tanít nyílfüggvényeken keresztül. Lehetővé teszi a hallgatók számára újrafelhasználható, logika-vezérelt kódblokkok írását.

4. óra • DOM manipuláció és események

DOM csomópontok lekérdezését, módosítását és létrehozását, valamint a böngészőesemények kezelését tanítja. Áthidalja a statikus HTML/CSS oldalakat az interaktív alkalmazásokba.

1. óra • React Router és navigáció

Kliensoldali útválasztást valósít meg a React Router segítségével. Lehetővé teszi a záróprojekthez szükséges többoldalas alkalmazásszerkezetet.

2. óra • React alapfogalmak

Bevezeti a JSX-et, a komponenseket és a virtuális DOM-ot. Megalapozza azt a mentális modellt, amely a hook-ok és az állapot bevezetése előtt szükséges.

3. óra • Adatok lekérése és API integráció

A useEffect-et kombinálja a fetch és Axios segítségével REST API-k fogyasztására. Összeköti a front-end komponenseket a később felépített back-end szolgáltatásokkal.

4. óra • Állapot és életciklus hook-okkal

Lefedi a useState, useEffect és egyéni hook-okat a komponensállapot és mellékhatások kezelésére. Lehetővé teszi a dinamikus, adatvezérelt UI viselkedést.

1. óra • RESTful API tervezési alapelvek

REST megszorításokat alkalmaz az erőforrás-elnevezésre, a HTTP igékre és az állapotkódokra. Olyan API-kat hoz létre, amelyek kiszámíthatóak és könnyen fogyaszthatóak a front-end kliensek számára.

2. óra • Köztes szoftver és kérelemfeldolgozás

Elmagyarázza a köztes szoftver csővezetéket, a törzs elemzést és a hibakezelést. Lehetővé teszi a tiszta, újrafelhasználható kérelemfeldolgozást az összes API útvonalon.

3. óra • Node.js futtatókörnyezet és modulrendszer

Lefedi a Node eseményhurkot, a CommonJS modulokat és az npm ökoszisztémát. Megalapozza a szerveroldali futtatókörnyezet alapot minden back-end munkához.

4. óra • Bemenet érvényesítés és hibakezelés

Séma alapú érvényesítést és strukturált hibaválaszokat valósít meg. Megszilárdítja az API-t az adatbázis-integráció és a hitelesítés hozzáadása előtt.

1. óra • Adatbázis biztonság és teljesítmény

Lefedi a paraméterezett lekérdezéseket, a kapcsolatpoolozást és az indexelési stratégiákat. Megakadályozza az SQL injekciót, és biztosítja, hogy az API terhelés alatt is skálázható legyen.

2. óra • ORM integráció Node.js-szel

ORM-et alkalmaz a modellek, asszociációk és migrációk definiálására. Összeköti az Express API-t egy relációs adatbázissal minimális natív SQL-lel.

3. óra • NoSQL dokumentum adatbázisokkal

Bevezeti a dokumentumtárolást, gyűjteményeket és rugalmas sémákat. Felkészíti a hallgatókat a megfelelő adatbázistípus kiválasztására a különböző adatformákhoz.

4. óra • Relációs adatbázis alapok

Lefedi a táblákat, elsődleges kulcsokat, idegen kulcsokat és normalizálást. Megadja az SQL és ORM munka során használt adatmodellezési szókincset.

1. óra • Webalkalmazás biztonsági alapok

Az OWASP legfontosabb fenyegetéseit tárgyalja, beleértve az XSS-t, CSRF-et és injekciós támadásokat. Megszilárdítja az alkalmazást az alapvető éles biztonsági szabványoknak való megfelelés érdekében.

2. óra • Konténeresítés Dockerrel

Csomagolja az alkalmazást és az adatbázist Docker konténerekbe, és állítson össze több szolgáltatásból álló stack-eket. Biztosítja a konzisztens viselkedést a helyi fejlesztéstől az éles üzemelésig.

3. óra • Felhő telepítés és CI/CD folyamatok

Telepíti a konténeresített teljes stack alkalmazást egy felhőszolgáltatóhoz, és automatizálja a build-eket egy CI/CD folyamattal. A hallgatóknak élő URL-je lesz a portfóliójukhoz.

4. óra • Hitelesítés JWT-vel

Regisztrációs, bejelentkezési és token frissítési folyamatokat épít JSON Web Tokenek segítségével. Biztonságossá teszi az összes védett API útvonalat a telepítés előtt.