⚡ Webfejlesztő Tudástár
A(z) Webfejlesztő szakma digitális lenyomata és tanulási rendszere.
I. Főcsoport: Alapozás és Üzemviteli Fegyelem
A webes működés elméleti alapjai és a fejlesztői környezet kialakítása.
01. Terminológia és Alapfogalmak (Glosszárium)
0 / 20 (0%)
MDN Web Docs (Mozilla), W3C szabványok.
Kliens vs. szerver, HTTP/HTTPS kérés-válasz ciklus, URL felépítése, böngésző renderelési folyamata (DOM, CSSOM).
02. Fejlesztői Környezet és Eszközök
0 / 20 (0%)
VS Code dokumentáció, Git SCM dokumentáció.
Kódszerkesztő (IDE) beállítása, parancssori navigáció (CLI) alapjai.
II. Főcsoport: Hálózatok és Alapstruktúrák
A weboldalak vázának és tartalmi struktúrájának felépítése.
03. HTML5 Alapok és Szintaxis
0 / 20 (0%)
WHATWG HTML Living Standard.
Dokumentumstruktúra (!DOCTYPE, head, body), alapvető tagek, űrlapok (form, input, button) és attribútumaik.
04. Szemantikus Web és Hozzáférhetőség (A11y)
0 / 20 (0%)
WCAG 2.2, WAI-ARIA specifikáció.
Szemantikus elemek (header, nav, main, article, section, footer), ARIA-attribútumok, képernyőolvasó-kompatibilitás.
III. Főcsoport: Kivitelezési Technológia és Szerkezetek
A weboldalak stílusának, elrendezésének és reszponzivitásának megépítése.
05. CSS Alapok és Szelektorok
0 / 20 (0%)
MDN CSS Reference.
CSS szintaxis, osztály és azonosító szelektorok, a Box Model (margin, border, padding, content).
06. Modern Elrendezések és Reszponzivitás
0 / 20 (0%)
W3C CSS Grid és Flexbox specifikációk.
Flexbox és CSS Grid használata, pozicionálás, media query-k, relatív mértékegységek (rem, vh, vw), Mobile First elvek.
IV. Főcsoport: Ellenőrzés, Mérés és Hitelesítés
A kód minőségének és a rendszer működésének vizsgálata.
07. Böngésző DevTools és Hibakeresés
0 / 20 (0%)
Chrome DevTools referencia.
Console használata, hálózati kérések (Network panel) mérése, DOM manipuláció tesztelése (Elements panel).
08. Validáció és Kódellenőrzés
0 / 20 (0%)
W3C Markup Validation Service, ESLint.
HTML/CSS validáció folyamata, linterek használata JavaScriptben, szintaktikai hibák kiszűrése.
V. Főcsoport: Különleges rendeltetésű rendszerek
Dinamikus működés és külső adatforrások bevonása.
09. JavaScript Programozás és DOM Manipuláció
0 / 20 (0%)
ECMAScript 6+ specifikációk.
Változók, adatszerkezetek, operátorok, feltételes utasítások, eseményfigyelők (addEventListener), DOM elemek módosítása.
10. Aszinkron JavaScript és API-k
0 / 20 (0%)
Fetch API dokumentáció.
Callbackek, Promise-ok, async/await szintaxis, külső REST API-k meghívása, JSON adatok feldolgozása.
VI. Főcsoport: Üzembe Helyezés és Publikálás
Az elkészült kód biztonságos verziókezelése és élesítése.
11. Git Verziókezelés és Kollaboráció
0 / 20 (0%)
GitHub dokumentáció.
Repository létrehozása, commitolás, branch-ek kezelése, Pull Request folyamat és konfliktusok feloldása.
12. Tárhelyek, Hosting és Build Eszközök
0 / 20 (0%)
Webpack, Vite, GitHub Pages leírások.
Statikus weboldalak közzététele, kód minifikálása, fejlesztői (dev) és éles (prod) környezet különbségei.
VII. Főcsoport: Ipari Specifikációk
A modern webfejlesztés szigorú ipari szabványai és teljesítmény-optimalizálása.
13. Webes Teljesítmény (Performance) és SEO Alapok
0 / 20 (0%)
Google Lighthouse, Core Web Vitals.
Képek optimalizálása (WebP, lazy loading), renderelést gátló erőforrások minimalizálása, meta tagek.
14. Webbiztonsági Szabványok
0 / 20 (0%)
OWASP Top 10 webes sebezhetőségek.
HTTPS fontossága, CORS (Cross-Origin Resource Sharing) házirend, XSS (Cross-Site Scripting) megelőzése.
15. Haladó Webes Teljesítmény (Performance)
0 / 20 (0%)
Szakmai szabványok / források.
Caching stratégiák (Service Workers, LocalStorage), aszinkron és defer scriptek optimalizálása, Critical Rendering Path finomhangolása.
16. Biztonsági Kockázatok és Védekezés
0 / 20 (0%)
Szakmai szabványok / források.
SQL injection elkerülése, CSRF tokenek, Content Security Policy (CSP) beállítása.
VIII. Főcsoport: Mesterkurzus (Speciális Tudás)
Szenior szintű tervezési, architektúra és hibakeresési elvek.
17. Haladó Architektúra és Keretrendszerek (SPA)
0 / 20 (0%)
Szakmai szabványok / források.
A virtuális DOM (VDOM) előnyei (React/Vue alapok), kliens oldali routing logikája és az állapotkezelés (state management) szükségessége.
18. Rejtett összefüggések és Szakmai csapdák
0 / 20 (0%)
Szakmai szabványok / források.
Scope problémák JavaScriptben (var vs let/const), aszinkron "race condition" hibák, miért omlik össze a layout mobil nézetben.
19. Architektúra Tervezés és Clean Code
0 / 20 (0%)
Szakmai szabványok / források.
SOLID elvek a webfejlesztésben, Design Pattelek (Singleton, Observer) használata JavaScriptben.
20. Rejtett összefüggések és Szakmai csapdák (Haladó)
0 / 20 (0%)
Szakmai szabványok / források.
Zombi eseményfigyelők (Event Listeners) és memóriaszivárgás a kliens oldalon, a CSS "z-index háborúk" strukturális okai és feloldása.