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 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
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
Má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?
Jelentkezz most, és kezdd el a fejlődést!
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.
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.
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.
Részletfizetésre van-e lehetőség?
Igen, a részvételi díj kamatmentes részletfizetésre osztható fel.