Webfejlesztés alapjai JavaScript és TypeScript használatával
Az Everguest vezető fejlesztőjének mentorálásával szerzel olyan JavaScript és TypeScript tudást, amire bármilyen frontend vagy backend technológia ráépíthető.
Mit nyújt a JavaScript és TypeScript webfejlesztés tanfolyam?
- Elsajátítod a modern webalkalmazások működéséhez szükséges alapvető technológiákat: a HTML-t, a CSS-t, a JavaScriptet és a Web API-k használatát.
- Megtanulod a modern JavaScript főbb funkcióit, és olyan koncepciókat sajátítasz el a gyakorlatban, mint az aszinkron programozás (promise, async/await) és a külső adatforrások kezelése, amikkel önállóan is képes leszel komplex webes funkciókat építeni.
- Megismered a TypeScript alapjait, különösen a típusok kezelését, amelyek segítenek elkerülni a hibákat és átláthatóbb kódot írni.
- Megismered a HTTP sajátosságait, hogyan kommunikálnak a webalkalmazások a szerverekkel, és megtanulod kezelni a REST API-kat, a különböző HTTP metódusokat (GET, POST, PUT, DELETE), valamint a státuszkódokat, amelyek kulcsfontosságúak a webes adatforgalom hatékony kezeléséhez.
- Elsajátítasz haladó CSS megoldásokat (Position és FlexBox): ezek olyan korszerű layout technikák, amelyek lehetővé teszik rugalmas, reszponzív weboldalak készítését, különös figyelmet fordítva az elemek pontos pozicionálására és elrendezésére akár bonyolult felületeken is.
- Megismersz egy modern fejlesztői környezetet és toolingot: a gyakorlati projektek során iparági standard eszközökkel dolgozol, felépítesz egy komplex portfólió-alkalmazást Vite segítségével, és szintet lépsz a dizájnban az SCSS stíluslap-előfeldolgozó integrálásával.
- Belekóstolsz a komponens alapú webfejlesztésbe (WebComponents): megtanulod, hogyan hozhatsz létre újrafelhasználható, moduláris komponenseket, amelyekkel tisztább és karbantarthatóbb kódot írhatsz a modern webalkalmazásokhoz, optimalizálva a fejlesztési folyamatot és a teljesítményt.
Miért érdemes belevágnod?
A JavaScript évek óta stabilan a 10 legnépszerűbb programozási nyelv közé tartozik, és ha bármilyen szinten szeretnél webfejlesztéssel foglalkozni, a JavaScript és a TypeScript magabiztos ismerete elkerülhetetlen. Ha itt megtanulod a webfejlesztés időtálló alapjait, könnyen ráépítheted az aktuálisan népszerű keretrendszerek használatát, legyen szó Reactról, Angularról vagy Node.jsról.
A képzés a JavaScript mellett a TypeScript elsajátítását is magában foglalja: ez egy tipizált nyelv, amely már kódolás közben segít elkerülni azokat a hibákat, amelyek JavaScript-ben csak futás közben derülnek ki, így a kód áttekinthetőbb és könnyebben karbantartható lesz. A TypeScript nemcsak frontend, hanem egyre inkább backend területen (például Node.js alapú projektekben) is népszerű, így a képzés végére backend projektekben is el fogsz tudni igazodni vele.
- Munka mellett végezheted, rugalmas időbeosztással
- Gyakorlati projekteken keresztül, oktatói mentorálással
- LinkedIn profilodba beágyazható tanúsítvány
Ismerd meg oktatódat
Balog Richárd
Vezető fejlesztő, Everguest
Több mint 10 éve foglalkozom webalkalmazások fejlesztésével, az Angular mellett Node.js-szel is napi szinten dolgozom. Az utóbbi években vezető fejlesztőként a csapatommal az Everguest saját termékét építettük fel és vezettük nemzetközi piacra: ma hotelek és éttermek használják a szoftverünket.
Az oktatásban is otthon vagyok: éveken át tartottam webfejlesztési képzéseket az AutSoft céges partnereinek, és örömömre szolgál, hogy a Cubix Institute of Technology Angular képzésének oktatója lehetek.
Kinek ajánlott?
- Webfejlesztés iránt érdeklődők, akik később JavaScript alapú keretrendszert (React, Angular, Node.js) tanulnának
- Önálló webes tanulásban jártasak, akik rendszereznék az ismereteiket
- Más objektumorientált nyelvről váltó fejlesztők
Kinek nem ajánlott?
- Akik már magabiztosan fejlesztenek JavaScript/TypeScript nyelven, nekik a React vagy Angular képzést ajánljuk
- Akik kódolás nélkül (pl. oldalépítőkkel) készítenének weboldalt
- Akik backend-fókuszú (adatbázis, szerver) képzéssel kezdenének
- Akik nem tudnak hetente több órát gyakorlásra fordítani
Mik a képzés előkövetelményei?
Ha korábban már programoztál valamilyen más nyelven, különösen objektumorientált nyelvben, azt előnynek érzed majd, de nem feltétel. Hasonlóan hasznos, ha korábban önállóan is tanultál webes ismereteket, és most rendszereznéd őket, ez azonban szintén csak plusz, nem elvárás. A képzés nulláról indul, így fejlesztői előtudás nélkül is bátran belevághatsz.
Hogyan fogsz tanulni?
Gyakorlatorientált oktatás
A képzés több mint ⅔ része gyakorlat. Elkészítesz több kisebb webalkalmazást, valamint egy komplexebb alkalmazás frontendjét is TypeScript használatával.
Interaktív digitális tananyag
A gyakorlati feladatok elvégzéséhez szükséges tudást digitális tananyagok és vezetett kódolások formájában adjuk át.
Rugalmas időbeosztás
Heti 8-12 óra elfoglaltságot igényel összesen, melyet saját időbeosztás szerint dolgozhatsz fel munka mellett is.
Oktatói mentoring
Az oktató folyamatosan a rendelkezésedre áll, bármikor kérdezhetsz tőle, ha elakadtál, és rendszeresen visszajelzést ad a feladataidra.
Konzultációk
Tanegységenként egy-egy élő konzultáció este 18:00 órától, ahol közösen kiértékelitek a projekteket és átbeszélitek az elakadásokat.
Limitált férőhely
Képzéseinket korlátozott létszámmal indítjuk, hogy biztosan jusson mindenkire ideje az oktatóknak.
Minőségbiztosított képzések
Képzéseink szakmai minőségbiztosítását az iparági vezető technológiai vállalatok és a Budapesti Műszaki és Gazdaságtudományi Egyetem végzi.
- Tanúsítványt kapsz, amelyet önéletrajzodhoz és LinkedIn profilodhoz csatolhatsz
- Bizonyítja, hogy elsajátítottad az adott ismereteket
- Segíti a szakmai előmeneteledet és karriered fejlődését
Jó társaságban leszel!
Már több mint 150 hazai és nemzetközi cég munkatársa képezte magát tovább nálunk.
Tudtad?
A munkáltatók 83%-a finanszírozza a munkatársak képzését, ne felejtsd el megkérdezni a tiédet!
Elvégzett képzés: Webfejlesztés alapjai JavaScript és TypeScript használatával
„Nagyon jól volt elmagyarázva mindegyik témakör és tetszett mindegyik gyakorló feladat is."
Hallgatói közösség
A több mint 9100 tagot számláló hallgatói közösségünket főként olyan, az iparágban vezető IT-cégek és szoftverfejlesztő cégek munkatársai alkotják, akik folyamatosan fejleszteni szeretnék meglévő készségeiket.
Légy Te is tagja közösségünknek!
Következő indulási dátum
2026.11.04.
Mentorált alkalmak szerda esténként
190 000 Ft
Jelentkezési határidő: 2026.10.30.
JelentkezemMás időpont érdekel?
Add meg az e-mail címed, és szólunk, ha új időpontot hirdetünk meg.
Fizetési lehetőségek
Többféle fizetési lehetőséget biztosítunk, hogy a legmegfelelőbb opciót válaszd.
Online fizetés bankkártyával
Az OTP SimplePay az egyik legelterjedtebb online fizetési megoldás — gyors és biztonságos fizetési folyamatáról ismert.
Kamatmentes részletfizetés
Nem szeretnénk, ha a fizetési nehézségek akadályoznák a szakmai fejlődésedet, ezért a részvételi díjat több részletben, teljesen kamatmentesen is kifizetheted.
Fizetés banki átutalással, egy összegben
Ha online kártyás fizetés helyett banki átutalással szeretnél fizetni, az sem probléma — írj nekünk, és ebben is segítünk.
Készen állsz a jelentkezésre?
Könnyítendő magánszemélyként résztvevő hallgatóink helyzetét, a feltüntetett ár számukra a ténylegesen fizetendő végösszeg.
Céges megrendelés esetén az adott összeg tekintendő a nettó árnak.
Mit fogsz tanulni?
14 hét alatt a html és css alapoktól a modern javascripten, aszinkronitáson és typescripten át egy teljes időjárás alkalmazás felépítéséig.
1 Webalkalmazások működése, HTML A webfejlesztés alapjainak megismerése és a HTML szerkezeti kódolás.
- Mi a webfejlesztés? HTML bevezető
- HTML gyakorlat I.: Feedback form
- HTML gyakorlat II.: Recept adatlap
2 CSS Stílus és formázás: selectorok, dobozmodell, media query-k és SCSS.
- CSS, selectorok és property-k
- CSS precedencia
- Dobozmodell, CSS változók és functionök
- Media query-k
- CSS keretrendszerek, superset nyelvek
3 Web API-k és JavaScript JavaScript alapok és a Web API-k használatának bevezetése.
- Variables
- Functions
- Arrays
- Null variable and equality
- Undefined variable and Closure
- If-else statement and switch case
- For and While loop
- Operators in JavaScript
- Basic Web APIs
- Leggyakoribb string műveletek
- Leggyakoribb tömb műveletek
4 Modern JavaScript ES6+ funkciók: modulok, arrow functions, import/export.
- ES6 import/export syntax
- Arrow Functions
- Modules
- Let and Const keyword
- Coding calculation
- JavaScript és DOM API
5 Modern JavaScript gyakorlás Array functions és projektfeladatok.
- Array functions
6 HTTP és aszinkronitás (Promise-okkal) Hálózati kommunikáció, XHR, AJAX, Promise, async/await, Fetch API, RxJS.
- HTTP
- XHR (XMLHttpRequest) és AJAX
- Asynchronous behaviour JavaScriptben
- Blocking és megoldása Webworkerrel
- Promise, Async/await, Fetch
- Promise, Async/Await, Fetch a gyakorlatban
- RxJS
7 Haladó CSS (FlexBox és Grid) Position típusok, display layout modellek, Grid, Z-index és Flexbox tulajdonságok.
- Position típusai
- Static és Relative position
- Absolute és Fixed position
- Display tulajdonságok és layout modellek
- Grid layout
- Z-index
- Flexbox tulajdonságai
- Flex-grow tulajdonság
8 WebComponents Komponens alapú fejlesztés, Shadow DOM, újrafelhasználható könyvtárak, Lit elemek.
- Web components
- Dependency management
- date-fns és lit plugin
- lit element project megértése
- Shadow DOM
- WebComponent stílus kialakítása
- Újrafelhasználható könyvtárak
9 TypeScript Alapadattípusok, objektumok, type assertion, függvények, osztályok, type guard.
- Mi az a TypeScript?
- TypeScriptről JavaScriptre fordítás
- Alap adattípusok
- Object-ek
- Type Assertion
- Függvény szintaxisok
- Osztályok
- Optional chaining
- Type guard
10 Időjárás alkalmazás I. Komplex projektmunka: Vite, HTML struktúra és CSS stílusozás.
- A projekthez használt technológiák
- Vite kiinduló projekt létrehozása
- Projekt struktúra megértése
- Kódformázás és statikus kódanalízis
- HTML struktúra kialakítása
- Fejléc CSS stílusozása
- Kereső sáv CSS stílusozása
- Tartalom CSS stílusozása
11 Időjárás alkalmazás II. Funkcionalitás implementálása: form kezelés, service és API integráció.
- Kereső form értékeinek kiolvasása
- Kereső form dátum intervallum szűkítése
- Kereső form ürítése
- Időjárás service létrehozása
- Időjárás kártya hozzáadása
- Kereső form beküldésének letiltása
12 Időjárás alkalmazás III. Animációk, hibakezelés, SCSS és témavezérlés.
- Adatbetöltés animáció
- Hibaüzenet
- SCSS integráció
- Migrálás CSS-ről SCSS-re
- SCSS téma létrehozása
- Sötét téma kapcsoló implementálása
Gyakran Ismételt Kérdések
Szükséges-e előzetes programozási tapasztalat?
Nem kötelező. A képzés nulláról kezd, alapszintű számítógéphasználat elegendő. Más nyelvben szerzett tapasztalat előnyt jelent.
Mit csinálok a képzés végén?
Egy teljes, funkcionális időjárás alkalmazást építesz fel, amit a fejlesztői portfóliódba tehetsz, emellett több kisebb projekt és számos gyakorlat is készül.
Mennyi időt igényel a képzés hetente?
Heti 8-12 óra elfoglaltságot igényel, amelyet saját időbeosztás szerint, munka mellett is feldolgozhatsz.
Mi történik azután, hogy jelentkeztem?
A jelentkezésedet e-mailben visszaigazoljuk, és megküldjük az első számlát. Ha átutalással fizetsz, a közleménybe kizárólag a számla sorszáma kerüljön, mert így tudjuk beazonosítani a befizetésedet. Ezen túl nincs más teendőd: az indulás előtt hozzárendeljük a kurzust a tanulói fiókodhoz, a kezdés előtti napon pedig küldünk egy összefoglaló, eligazító levelet. Részletfizetésnél a további számlákat mindig az esedékességük előtt küldjük ki.
Mi van, ha egyik meghirdetett indulás sem jó nekem?
A meghirdetett csoportokat az adatlapon, a „Következő indulási dátumok” szekcióban találod. Ha egyik időpont sem fér bele az időbeosztásodba, add meg az e-mail címed ugyanott, a „Más időpont érdekel?” résznél, és szólunk, amint új időpontot hirdetünk. Ha a jelentkezésed után derül ki, hogy mégis egy másik csoport lenne jobb, írj az info@cubixedu.com címre, és átvezetünk. Ha már kaptál számlát, azt ilyenkor sztornózzuk, így nem marad nyitott tételed.
Be tudom íratni a munkatársaimat, vagy fizetheti a munkáltatóm?
Igen, mindkettő megoldható. A jelentkezés „Számlázás” lépésénél válaszd a „Munkatársnak vásárolok” lehetőséget, több fő esetén pedig a „Több munkatársat szeretnél beíratni?” gombot. Ha inkább írnál, vagy a munkáltatódnak hivatalos árajánlatra van szüksége a döntéshez, keress minket az info@cubixedu.com címen, és összeállítjuk. Ha a cégnél elhúzódik a jóváhagyás, az sem gond, a képzéseinket rendszeresen újraindítjuk, így egy későbbi csoportra is tudsz jelentkezni.
Hogyan tudom felhasználni a kedvezménykuponomat?
A kuponkódot a jelentkezési űrlap „Fizetés” lépésénél tudod megadni: írd be a Kuponkód mezőbe, kattints a Beváltás gombra, és a rendelési összegző rögtön a kedvezményes végösszeget mutatja. A kuponok érvényessége kódonként eltér, ezért ha a tiéd nem működne ennél a képzésnél, írj nekünk az info@cubixedu.com címre, és megnézzük.
Kapok kedvezményt, ha mást is beajánlok a képzésre?
Igen, ajánlásért 5% kedvezményt adunk, amit az ajánló és az ajánlott is megkap, és a nálad lévő egyéb kedvezmény mellett is érvényesíthető. Írj nekünk az info@cubixedu.com címre az általad ajánlott jelentkezők nevével, amint biztos a részvételük, és mindenkinek külön kupont küldünk. A kupont a jelentkezési űrlap „Fizetés” lépésénél tudod beváltani.
Össze tudok állítani több képzésből egy csomagot?
Igen, több képzésből kérhetsz csomagot, amit a külön megvásárolt kurzusoknál kedvezőbb csomagáron adunk. Írd meg az info@cubixedu.com címre, mely képzések érdekelnek, és összeállítjuk. Küldünk hozzá egy áttekintést a képzések formátumáról, a tervezett indulásokról és a javasolt tanulási időről, valamint egy naptárnézetet, amiből látod az esetleges átfedéseket. Az összeállítás csak kiindulópont, a csomag bármelyik képzésünkből összerakható, és az ütemezés menet közben is rugalmasan alakítható.
Tanúsítványt kapok?
Igen, a vizsgafeladat sikeres teljesítésével névre szóló, LinkedIn profilba ágyazható tanúsítványt szerzel.