Lépj szintet JavaScriptből!
A kurzus végére képes és hajlamos leszel elcsevegni a kedvenc tervezési mintádról, meggyőzően dicséred majd az ES6 osztályokat, amiért ennyire egyszerűvé teszik az öröklődést, észreveszel bármilyen scope hibát és meg tudod mondani, mit jelent a this bármilyen példakódban - egy technikai interjún vagy később a munkában is.
Készülj fel állásinterjú-kérdésekből!
Ebben a kurzusban végigvesszük a legnépszerűbb JavaScript interjúkérdéseket, így a scope-ok, closure-ök vagy prototípusos öröklődés használata mellett definiálni is tudod majd ezeket a fura kifejezéseket. Kapsz puskát kifejezésekkel és definíciókkal, és még a tipikus technikai feladatokra is kitérünk, mint a hibavadászat vagy a refaktorálás.
Ez nem csak elmélet: gyakorlófeladatokban ki is próbálhatsz mindent, amit tanultál. Például ezt a webáruház frontendet is el fogod készíteni, hogy kipróbálj minden jó gyakorlatot és tervezési mintát, amit elsajátítottál.
Bármilyen keretrendszert választasz ez után - React, Angular, Vue, vagy ami holnap jön divatba - a JavaScript nyelvi alapok, amelyeket itt megtanulsz, mindenhol kellenek majd.
Készen állsz az új kihívásra? Ha igen, akkor várunk tanfolyamunkon!A tanfolyam végére képes leszel:
Válaszolni a leggyakrabban előforduló JavaScript interjúkérdésekre. Mi az a closure? Mi az a this? Mi a prototipikus öröklődés? Ezekre mind csípőből tudod majd a válaszokat.
Megépíteni ezt a működő webshop frontendet. Ez nem egy uncsi elméleti kurzus; folyamatosan kisebb-nagyobb kihívásokon dolgozol majd, amelyek akár a portfóliódban is jól mutatnak.
Objektumorientáltan programozni JavaScriptben. Érteni fogod, hogy a JavaScriptben minden egy objektum, és ezt a tudásodat felhasználva képes leszel összeállítani egy-egy program architektúráját.
Felsorolni a kedvenc tervezési mintáidat (design patterns), és használni őket, hogy gyakori problémákra, sokak által tesztelt, kipróbált megoldásokat adj.
Ez vár rád a tanfolyamon:
4 modul, 16 fejezet, 103 lecke
6 letötlhető puska
1 gyakorlóprojekt
Oktatott technológiák: JavaScript

Ezt mondta egy diákunk
“Nagyon király, hogy foglalkoztok az interjúkérdésekkel is, szerintem ez ennek a tanfolyamnak a legnagyobb előnye. Én még más területen mozgok és egyelőre csak tanulom a webfejlesztést, de egyre közelebb kerül, hogy megpróbáljak munkát is találni vele. Szerintem ez egy nagy lépés, hogy már itt készülök az interjúra.”
Márk
Előkövetelmények
Ez egy haladó tanfolyam, így stabil alapokra lesz szükséged ahhoz, hogy a legjobban tudd hasznosítani. Ha már magabiztosan írsz for ciklusokat, tudod hogyan deklarálj egy függvényt, mik azok a paraméterek, használtál tömböket és objektumokat, és tudod mitől jó egy változónév, akkor készen állsz a kihívásra.
Ha mindez még nem lenne meg, ne csüggedj, gyorsan elsajátíthatsz mindent a CodeBerry kezdőknek szánt kurzusán. A Haladó JavaScript-tanfolyam és állásinterjú-felkészülés az alábbi tanfolyamunk anyagára épít:
Végezd el először ezt, aztán várunk vissza!
Megjegyzés: A tanfolyam elvégzéséhez alapszintű angoltudásra lesz még szükséged, mert helyenként angol nyelvű szakmai cikkekből fogunk szemezgetni. A leckék, feladatok és a tanulói közösség teljesen magyar.
A tanfolyam tartalomjegyzéke
- 1.1. Intró: Üdv!
- 2.1. Hatókör (Scope): Hatókör JavaScriptben
- 2.2. Hatókör (Scope): Miért aggódnék a hatókörökön?
- 2.3. Hatókör (Scope): A globális hatókör
- 2.4. Hatókör (Scope): Függvény hatókör
- 2.5. Hatókör (Scope): Blokk hatókör
- 2.6. Hatókör (Scope): Mire jó a blokk hatókör?
- 2.7. Hatókör (Scope): Erre jó a blokk hatókör - megoldás
- 2.8. Hatókör (Scope): Te vagy a hatókör ura
- 2.9. Hatókör (Scope): var, let vagy const?
- 2.10. Hatókör (Scope): Scope Puska
- 2.11. Hatókör (Scope): Mindent a varról
- 2.12. Hatókör (Scope): Mindent a letről
- 2.13. Hatókör (Scope): Mindent a constról
- 2.14. Hatókör (Scope): Objektumok és tömbök consttal
- 2.15. Hatókör (Scope): Objektumok és tömbök consttal – miért jó?
- 3.1. Hoisting: Felemelkedő változók
- 3.2. Hoisting: Felemelkedő problémák
- 3.3. Hoisting: Felemelkedő problémák - megoldás
- 3.4. Hoisting: Felemelkedő deklarációk
- 3.5. Hoisting: Emeld fel Te a változóidat!
- 3.6. Hoisting: Refaktoráld a változóidat
- 3.7. Hoisting: Hoisting lettel és consttal
- 3.8. Hoisting: Felemelkedő függvények
- 3.9. Hoisting: Függvény deklarációk, függvény kifejezések
- 3.10. Hoisting: Refaktoráld a függvényeidet
- 3.11. Hoisting: Hoisting Puska
- 4.1. Closure: Tiszta globál, rendes kód
- 4.2. Closure: IIFE
- 4.3. Closure: Hívd meg azonnal
- 4.4. Closure: Hívd meg most, használd később
- 4.5. Closure: Zárványok
- 4.6. Closure: Csomagold closure-be
- 4.7. Closure: Closure-ök ciklusban
- 4.8. Closure: Closure-ök ciklusban - megoldás
- 4.9. Closure: IIFE vagy closure?
- 4.10. Closure: Első osztályú függvények
- 4.11. Closure: Modul pattern
- 4.12. Closure: Modulok a gyakorlatban
- 4.13. Closure: Modulba csomagolva
- 4.14. Closure: Design patternek
- 5.1. Nincs Többé Undefined: Gratulálunk!
- 1.1. Bevezető: This
- 2.1. This: A this definíciója
- 2.2. This: A this rugalmassága
- 2.3. This: A this elméletben
- 3.1. A this különböző kontextusokban: A this a globális kontextusban
- 3.2. A this különböző kontextusokban: A this egy objektummetódusban
- 3.3. A this különböző kontextusokban: Használd a this-t egy objektummetódusban
- 3.4. A this különböző kontextusokban: A this egy függvényben
- 3.5. A this különböző kontextusokban: This problémák
- 3.6. A this különböző kontextusokban: This problémák - Megoldás
- 3.7. A this különböző kontextusokban: A this strict mode-ban
- 3.8. A this különböző kontextusokban: A strict mode használata
- 3.9. A this különböző kontextusokban: A this eseménykezelőkben (event handlers)
- 3.10. A this különböző kontextusokban: A this használata eseménykezelőkben I.
- 3.11. A this különböző kontextusokban: A this használata eseménykezelőben II.
- 3.12. A this különböző kontextusokban: A this nyílfüggvényekben (arrow functions)
- 3.13. A this különböző kontextusokban: A this használata nyílfüggvényekben (arrow functions)
- 3.14. A this különböző kontextusokban: A this használata nyílfüggvényekben (arrow functions) - Megoldás
- 3.15. A this különböző kontextusokban: This puska
- 4.1. Kézműves this: Call és apply
- 4.2. Kézműves this: A call és apply használata
- 4.3. Kézműves this: Bind
- 4.4. Kézműves this: A bind használata
- 4.5. Kézműves this: This argumentum array-metódusokban
- 4.6. Kézműves this: A thisArg használata
- 4.7. Kézműves this: Kézműves this puska
- 5.1. This összefoglalva: Gratulálunk!
- 1.1. Bevezetés: Üdv!
- 1.2. Bevezetés: Objektumorientált programozás
- 1.3. Bevezetés: Nyelv, minta, paradigma
- 2.1. Objektumorientált JavaScript: Gyártó függvények
- 2.2. Objektumorientált JavaScript: A gyártó függvények használata
- 2.3. Objektumorientált JavaScript: Absztrakció
- 2.4. Objektumorientált JavaScript: Konstruktor függvények
- 2.5. Objektumorientált JavaScript: A konstruktor függvények használata
- 2.6. Objektumorientált JavaScript: A this konstruktorokban
- 2.7. Objektumorientált JavaScript: Prototípus metódusok
- 2.8. Objektumorientált JavaScript: Öröklődés
- 2.9. Objektumorientált JavaScript: Egy prototípus-alapú nyelv
- 2.10. Objektumorientált JavaScript: Az öröklődés használata
- 2.11. Objektumorientált JavaScript: Class-ok használata
- 2.12. Objektumorientált JavaScript: A this class-okban
- 3.1. Összefoglalás: Objektumorientált puska
- 1.1. Bevezetés: Üdv!
- 1.2. Bevezetés: Tervezési minták (design patterns)
- 2.1. Tervezési minták: Module Pattern
- 2.2. Tervezési minták: Ideje egy feladatnak!
- 2.3. Tervezési minták: A Module Pattern használata
- 2.4. Tervezési minták: A Constructor Pattern
- 2.5. Tervezési minták: A Constructor Pattern használata
- 2.6. Tervezési minták: A Class Pattern
- 2.7. Tervezési minták: Az ES6 classok használata
- 2.8. Tervezési minták: A Publish/Subscribe Pattern
- 2.9. Tervezési minták: Egy Publish/Subscribe implementáció
- 2.10. Tervezési minták: A Publish/Subscribe Pattern használata
- 2.11. Tervezési minták: Az MVC Pattern
- 2.12. Tervezési minták: Az MVC használata
- 2.13. Tervezési minták: Megépítettél egy webshopot!
- 2.14. Tervezési minták: Antipatternek
- 2.15. Tervezési minták: Design Pattern puska
- 3.1. Itt a vége: Gratulálunk!
Neked ajánljuk ezt a tanfolyamot, ha…
JavaScriptet tanulsz – ez remek következő lépés a tudásod elmélyítéséhez.
állásinterjúra készülsz – a tippek és puskák át fognak segíteni a legnehezebb kérdéseken.
(junior) webfejlesztőként dolgozol – ez után biztosan komolyabban fognak venni a senior kollégák.
Gyakori kérdések
Kapok oklevelet a kurzus végén?
Igen, a kurzus elvégzése után tanulófelületünk automatikusan kiállít számodra egy igazolást a tanfolyam befejezéséről. Emellett, lehetőségünk van egy, a Felnőttképzési Adatszolgáltatási Rendszer által kiállított oklevelet is adni neked a kurzus teljesítéséről, ami magyar nyelvű és rendelkezik tanúsítványi sorszámmal.
Hány évesen lehet jelentkezni a képzésetekre?
Általában 18 és 60 közöttieknek ajánljuk a kurzust, de a legfiatalabb képzésrésztvevőnk 11, a legidősebb 73 éves. Az legtöbb tanulónk 25-35 éves.
Hozzáférést kapok a teljes tananyaghoz már az elején? El kell végeznem egy feladatot, hogy elérhető legyen a következő?
A tanfolyam anyaga hetekre osztott. Minden hét elején nyílik a hozzáférésed az adott hét anyagához. Természetesen a már nyitott hetek leckéihez bármikor visszatérhetsz.
Ha gyorsabban szeretnél tanulni, csak jelezd ügyfélszolgálatunknak, és akkor teljes hozzáférést tudunk számodra biztosítani a tanfolyam összes moduljához időbeli korlátozás nélkül akár már a vásárlás napján is.
A tananyaghoz a kurzus vége után is hozzáférhetek?
Igen! A megvásárolt tanfolyam tananyagait később is bármikor visszanézheted.
Ez azért nagyszerű, mert bármikor átismételheted az időközben megkopott fogalmakat és tudnivalókat. Újracsinálhatod a feladatokat, ellenőrizheted, mennyit fejlődtél, meg tudod-e oldani önállóan azt, amihez régebben segítség kellett. Könnyen építhetsz a meglévő tananyagokra, ha haladó szinteken tanulsz tovább. Az örökös hozzáférést annak biztosítjuk, aki kifizette a tanfolyam díját, és aki nem kért pénzvisszafizetést.
Miért van szükségem angoltudásra? Ez nem egy magyar képzés?
A kurzus során használunk angol nyelvű külső cikkeket egy-egy elméleti koncepció elmagyarázásához, ezért kell az angol nyelvtudás. A feladatok ugyanakkor magyarul vannak, a tanulóközösség nyelve magyar, illetve a csoportot segítő mentorok is magyarul segítenek. Ha olvasni tudsz angolul, alapszinten, akkor nyugodtan vágj bele a tanfolyamba.
Milyen tananyagokból fogunk tanulni?
Főként rövid (3-5 perces) írásos leckékből, amelyeket mindig egy-egy interaktív feladat követ. Ez vagy kódolós kihívás lesz, vagy egy gyors tesztkérdés. Időnként kapsz majd nagyobb feladatokat is, amelyeken többet kell töprengened és dolgoznod.
Ha elvégzem ezt a kurzust, meddig jutok el, mire leszek képes?
Magabiztosan fogsz nekiállni a komolyabb kihívásoknak is JavaScript programozás terén. Megtanítunk neked mindent, ami a modern, haladó JavaScript része, erős elméleti alapokkal, úgyhogy képes leszel mindarra, amit egy fejlesztőtől elvárnak ezen a téren.
Mennyi ideig tart a képzés?
A kurzus 1 hónapig tart, és úgy raktuk össze, hogy mindössze heti 5, azaz összesen 20 órádat vegye igénybe.
Hogyan kell elképzelni az online tanulást és a mentori segítséget? Vannak fix órák, amelyeken részt kell vennem?
A leckéket és feladatokat a tanulófelületen éred el, itt tudsz majd önállóan dolgozni.
Az első tananyagokhoz rögtön a befizetés pillanatától hozzáférsz, utána pedig az előfizetéstől számítva fog számodra hétről-hétre felnyílni a következő adag tananyag, de külön e-mailben kérheted, hogy megnyissuk számodra az összes leckét a tanfolyamodon.
Egy-egy heti anyagra körülbelül 3-5 órányi tanulást érdemes szánni, de egyedi időbeosztásban, szabadidődhöz igazítva haladhatsz velük. Ha kérdésed lenne vagy elakadnál, akkor a leckék alatt tudsz kérdezni a mentorainktól és tanulótársaidtól, időbeli megkötés nélkül.
Tehát nincsenek fix konzultációs órák, bármikor felteheted a kérdéseidet, és amint odaér egy mentor, válaszol rá. Hivatalosan 24 órán belül válaszolunk minden kérdésre, de a gyakorlatban ennél jóval hamarabb szoktunk.
Milyen eszközökre lesz szükségem a tanuláshoz?
A kurzus során böngészőt (pl. Chrome) fogsz használni, és egy ingyenes, programozásra specializált szövegszerkesztő programot. Egyik sem borzasztóan erőforrás-igényes, ahogy a webfejlesztés maga sem. Egy átlagos, 10 évnél fiatalabb laptop vagy asztali gép gond nélkül ki fog szolgálni. Az operációs rendszer nem számít, Windows, MacOS és Linux alatt is dolgozhatsz.
Fizettem a kurzusért, mégsem kaptam e-mailt. Mit tegyek?
A fizetést követően néhány percen belül küldünk egy automatikus visszaigazolást a fizetésedről, valamint a tananyag elérhetőségéről is. Ha nem kaptál e-mailt a regisztráció során megadott e-mail-címre, akkor előfordulhatott, hogy a fizetés és regisztráció során véletlenül elgépelted az e-mail-címedet, ezért nem tudsz belépni a felületre, és nem férsz hozzá a már kifizetett anyagokhoz. Ebben az esetben kérlek, írj nekünk a [email protected] címre, és segítünk a bejelentkezésben, illetve a további lépésekben.