5 3 vélemény

Webfejlesztés Alapok

Ez a teljesen ingyenes, gyakorlatorientált tanfolyam azoknak szól, akik szeretnének belekóstolni a webfejlesztés világába — előképzettség nélkül, lépésről lépésre haladva.

Megmutatom neked, hogyan épül fel egy weboldal, milyen technológiákat használunk hozzá (HTML, CSS, JavaScript), és hogyan lehet modern, reszponzív, működő weboldalakat készíteni már az első projekt során.

A tanfolyam során:

  • Megérted, hogyan működik a web a háttérben

  • Létrehozod az első weboldaladat HTML és CSS segítségével

  • Megtanulod alap szinten használni a JavaScriptet

  • Belekóstolsz a modern layout megoldásokba, mint a Flexbox és a Grid

  • Készítesz egy mini projektet, amit akár referenciaként is használhatsz

  • És megtapasztalod, milyen eszközökkel dolgoznak a valódi fejlesztők

A cél nem az, hogy profiként zárd a kurzust — hanem az, hogy érthetően, biztonságosan és élvezhetően indulj el az úton.

Nincs szükség előzetes tudásra, programozói háttérre vagy bonyolult telepítésekre. Csak egy böngésző, egy kis kíváncsiság, és már indulhat is!

  • Mi az a webfejlesztés?
  • Frontend vs Backend
  • Hogyan működik a web (HTTP, böngésző, szerver)?
  • Eszközök és környezet
  • Teszt: Webfejlesztés

  • HTML dokumentum felépítése
  • Alapvető HTML elemek
  • Szemantikus HTML elemek
  • Űrlapok és input mezők
  • Teszt: HTML

  • CSS szerepe, beillesztési módjai (inline, belső, külső)
  • Szelektorok, osztályok, ID-k
  • Színek, betűk, margók, padding
  • Box model és elrendezések (flexbox alapjai)
  • Teszt: CSS

  • Mi az a JavaScript, hogyan illesztjük HTML-be?
  • Változók, típusok, operátorok
  • Feltételek, ciklusok
  • Eseménykezelés (gombkattintás, űrlapok)
  • Teszt: JavaScript

  • Weboldal alapszerkezete: header, main, footer
  • Layout minták (pl. kétoszlopos, egyoszlopos)
  • Flexbox és Grid áttekintés
  • Reszponzív tervezés alapjai (media query-k, mobilnézet)
  • Teszt: Weboldal struktúra

  • Projekt tervezése és fájlstruktúra kialakítása
  • Dependency-k alapjai
  • Bootstrap bevezetése
  • Interaktív elemek hozzáadása JS-sel
  • Teszt: Bootstrap

Ehhez a tanfolyamhoz még nincs GYIK kérdés.

A vélemény írásához jelentkezz be.

Welleschützné Melecski Timea

2026.01.30.

Fejlödni nagyon jo

Tamas

2025.05.07.

Nem vagyok teljesen kezdő, de úgy éreztem, hogy az alapjaim kicsit hiányosak, főleg CSS-ben és JavaScriptben. Ez a tanfolyam nagyon jól összerakta a fejemben a dolgokat. Tetszett, hogy nem csak elmondja, mit csináljunk, hanem meg is mutatja, és közben rengeteg hasznos tipp hangzik el. A gyakorlati feladatok különösen sokat adtak.

Szilvi

2025.05.01.

Soha nem gondoltam volna, hogy egyszer kódolni fogok, de ez a tanfolyam segített, hogy ne tűnjön olyan bonyolultnak az egész. Minden érthetően van elmagyarázva, még nekem is, aki teljesen kezdőként vágtam bele. Tök jó érzés, hogy már az első pár leckénél látom, mit csinálok, és működik is, amit beírok. Nagyon motiváló, köszönöm!

Ingyenes

Tanfolyam jellemzői

  • Tanulj bármikor, bárhonnan
  • Azonnali hozzáférés a tanfolyamhoz
  • Tanúsítvány a tanfolyam elvégzéséről
  • Bármikor visszanézhető
  • Mobilbarát
  • Örökös hozzáférés
  • Időtartam
    0
  • Leckék
    30
  • Szint
    Kezdő

Weboldalunkon sütiket (cookie-kat) használunk a legjobb felhasználói élmény biztosítása érdekében. Bővebben az adatvédelmi tájékoztatóban olvashatsz róla.