Ez a képzés végigvezet a HTML, CSS, JavaScript és Bootstrap5 használatán. Megtanulhatod, hogyan építs reszponzív, modern és jól optimalizált weboldalakat, amelyek minden eszközön tökéletesen működnek.

A tananyag az alapoktól indul, így azok is könnyen bekapcsolódhatnak, akik most ismerkednek a webfejlesztéssel.

A kurzus végére magabiztosan hozhatsz létre weboldalakat, egészen az élesítésig megmutatjuk a folyamatot.

Kinek ajánljuk?

• Kezdő fejlesztőknek, akik most ismerkednek a weboldalkészítéssel.
• Designereknek, akik szeretnék megérteni a front-end technológiákat.
• Marketingeseknek és vállalkozóknak, akik saját weboldalt szeretnének készíteni.
• Junior programozóknak, akik szeretnék erősíteni front-end tudásukat.

Mit fogsz megtanulni?

Megtanulod, hogyan hozz létre HTML5 alapú weboldalakat és hogyan építsd fel a struktúrát. Az első lépések között megismerkedsz a Visual Studio Code szerkesztővel, a fájlkezeléssel és az első HTML dokumentum létrehozásával.

A CSS modul során elsajátítod az alapvető stílusok és formázások használatát, beleértve a betűtípusok, színek, margók és paddingek kezelését. Megtanulod a táblázatok, képek és relatív hivatkozások helyes beillesztését, valamint a kód ellenőrzésének és validálásának módját.

A haladó szekcióban megismerkedsz a boxmodellel, a pszeudo-osztályokkal és a pszeudo-elemekkel, valamint a div és span elemek használatával. Tanulni fogsz az osztályok és azonosítók alkalmazásáról, a lebegő elemek kezeléséről és az animációk létrehozásáról.

A modul része a reszponzivitás, amely elengedhetetlen a mobilbarát weboldalak készítéséhez. Emellett szó lesz a külső tartalmak beágyazásáról, a favicon használatáról és az űrlapok megfelelő felépítéséről, beleértve az aria-label funkciókat is.

A JavaScript az interaktív weboldalak kulcsa. A modulban megtanulod a változók és adattípusok használatát, az operátorokat és a programvezérlési szerkezeteket.

A haladó részekben szó lesz a függvényekről, az objektumokról és a DOM manipulációról. Ezen kívül megismerkedsz az eseménykezeléssel, az űrlapok validálásával és a hibakeresési technikákkal, amelyek segítenek a hatékony fejlesztésben.

A Bootstrap egy népszerű front-end keretrendszer, amely segít mobilbarát és modern weboldalakat létrehozni gyorsan és hatékonyan. Megtanulod a Bootstrap rácsrendszer, a margin és padding használatát, valamint a színek és árnyékok beállítását.

A képzés kitér a gombok, navigációs menük, kártyák és modális ablakok létrehozására, valamint az olyan haladó elemekre, mint a tooltip, popover, dropdown, carousel és toast üzenetek.

A fejezet átfogó áttekintést nyújt a modern weboldalak felépítéséről és működéséről. A reszponzív oldalszerkezetek bemutatják a különböző elrendezési mintákat, például az egyoszlopos, rácsszerkezetű vagy aszimmetrikus elrendezéseket, amelyek segítenek a weboldalak optimális megjelenítésében különböző képernyőméreteken.

A webtechnológiák rész pedig ismerteti az internet működésének alapjait, beleértve a HTTP/HTTPS protokollokat, a domain neveket, a webtárhelyeket és a statikus-dinamikus oldalak közötti különbségeket.

A tanfolyam végén komplex projektfeladatok során alkalmazhatod a megszerzett tudást, amely során egy teljes weboldalt építesz fel az alapoktól a teljes élesítésig. Két komplex példát bemutatunk, a hozzá tartozó kódot és az élesítés folyamatát is végigvesszük.

Miért érdemes ezt a képzést választanod?

• Lépésről lépésre sajátíthatod el a webfejlesztés alapjait, így akár teljesen kezdőként is könnyedén követheted.
• A legfontosabb front-end technológiákat tanulod meg (HTML, CSS, JavaScript, Bootstrap), amelyekkel modern és reszponzív weboldalakat készíthetsz.
• Gyakorlati példákon és projektfeladatokon keresztül tanulsz, így az elméletet azonnal alkalmazhatod is.
• A képzés végére egy saját fejlesztésű weboldalt is elkészíthetsz, amelyet portfólióként is használhatsz.

​

A tanfolyamra közvetlenül lehet jelentkezni a jelentkezési lap kitöltésével és visszaküldésével.