Automatikus lejátszás
Automatikus kiegészítés
Előző előadás
Készre jelölés és folytatás
JavaScript START
A JavaScript programozás alapjai
Mire jó a JavaScript? (23:05)
[Opcionális] A JavaScript nyelv Pythonos szemmel (18:16)
[Opcionális] JavaScript gyors áttekintés (90:35)
Átvezetés - diffúz gondolkodásból részletekre fókuszálás (1:19)
Modern JavaScript a Gyakorlatban jegyzet
JavaScript számok (7:40)
JavaScript sztringek (15:11)
JavaScript boolean típus és ternáris operátor (16:49)
Változók: var, let, const (12:18)
Ismétlés és gyakorlás fontossága (7:44)
Tömbök (9:03)
Objektumok (5:51)
Függvények és függvénykifejezések (11:50)
Typeof operátor (7:32)
Változók láthatósága, árnyékolás (7:06)
Űrlapok kezelése JavaScriptben, querySelector (6:30)
Műveletek, főhatás, mellékhatás (28:53)
JavaScript programok írása: vezérlés (12:33)
Feltételes elágazás: if utasítás (36:42)
Feltételes elágazás: switch-case (11:35)
Rekurzió (7:44)
Ismételt végrehajtás: ciklusok (18:45)
Ciklusok és Sztringek feladat
Spread operátor, rest paraméter, destrukturálás (19:19)
JavaScript tanulásmódszertan, gyakori kérdések (9:46)
Teszt
JavaScript a gyakorlatban
Programok futásának vizsgálata: pythontutor (11:46)
Klónozás (7:28)
Klónozás feladatsor
Klónozás feladatok - 1. rész (16:44)
Klónozás feladatok - 2. rész (8:16)
Klónozás feladatok - 3. rész (10:05)
Klónozás feladatok - 4. rész (18:46)
Klónozás feladatok - 5. rész (7:27)
Hibakeresési technikák (29:29)
Programtervezés a gyakorlatban (53:31)
Záró feladatok
Záró feladatok: tanulók megoldásainak elemzése (64:03)
Dokumentum Objektum Modell (DOM) és eseménykezelés
Ismétlés: űrlapok feldolgozása (6:30)
DOM alapok
Eseménykezelés (28:36)
Gyakorló feladat - Tippelő UI - 1. rész (33:26)
Gyakorló feladat - Tippelő UI - 2. rész (17:08)
Gyakorló feladat - Tippelő UI - 3. rész (32:35)
Gyakorló feladat - Tippelő UI - 4. rész (31:40)
Funkcionális és objektum orientált programozás JavaScriptben
Funkcionális programozás (17:35)
Objektum orientált programozás alapjai, kontextus
Objektum orientált programozás gyakorlat (29:37)
Kliens-szerver kommunikáció
JSON, API kommunikáció, AJAX
Szerver API lekérdezés példa (15:35)
Promise szerkezet (34:20)
Async-await (26:21)
A végzet piramisa (4:05)
API válasz feldolgozása map, reduce, filter segítségével (40:47)
Promise.all, Promise.allSettled (39:28)
JavaScript kód csomagolása Webpack segítségével
Szerver oldali JavaScript (15:13)
Node és npm telepítése (4:23)
Webpack (3:39)
Projekt létrehozása (6:09)
Webpack telepítése (6:39)
Webpack kezdeti konfiguráció (6:48)
JavaScript fájlok csomagolása (11:06)
CSS betöltése (15:02)
Bootstrap és jQuery betöltése (13:51)
Gitignore (1:08)
Csomag felépítése (build), élesbe állítás (deployment) (7:36)
Projekt feltöltése GitHub Pages-re (8:20)
Webpack - záró megjegyzések (4:41)
Node, npm, Webpack jegyzet
JavaScript projektfeladat
Projektfeladat kiírás
Randomuser.me - API - Projektfeladat minta megoldás (49:36)
Mealdb - API - projektfeladat minta megoldás (62:52)
Alternatív Mealdb - promise szerkezet gyakorlása (58:10)
Szótár - API - projektfeladat minta megoldás (76:30)
Adventi naptár webalkalmazás készítése (HTML, CSS, JavaScript alapon)
1. rész (19:18)
2. rész (23:44)
3. rész (22:16)
4. rész (35:29)
Komplex JavaScript Alkalmazás - Póker kliens
Bevezetés - Deck of Cards API (10:13)
Pakli keverése és lapok húzása a konzolban (0:52)
HTML, CSS, JavaScript projekt létrehozása (6:02)
Játék indítása (34:28)
Zsetonszám és kassza nyilvántartása (15:51)
Licitálás slider komponenssel (42:41)
Licitálás adminisztrálása (25:16)
Vaktétek adminisztrálása (5:49)
Számítógép döntése: megad vagy dob (32:10)
Számítógép lapjainak mutatása megadás esetén (25:05)
Számítógép zsetonjainak változása - megadás (22:16)
Kassza mozgatása a győzteshez - dobás (10:53)
Győztes meghatározása (50:37)
Stíluslapok - design (57:45)
Async-await átírás (6:03)
Felsorolt típusok (enum) (19:53)
Felhasználói élmény - lépések késleltetése (20:26)
Konkurens hívások kiküszöbölése (18:26)
All in védelem (25:11)
Új leosztás funkció a zsetonállások megőrzésével (68:22)
Játékos lapjainak bedobása funkció (19:50)
A sikeres JavaScript interjú titkai
JavaScript interjúfeladatok megoldása (73:22)
Automatikus Tesztelés
Mire jó az automatikus tesztelés? (13:52)
Eszközök madártávlatból - Jest, Testing Library, Playwright (4:52)
Jest alapok (22:00)
TDD feladat - függvény tesztelése Jest segítségével - 1. rész (36:51)
TDD feladat - függvény tesztelése Jest segítségével - 2. rész (27:29)
Bónusz - JavaScript a Gyakorlatban (angolul)
JavaScript a Gyakorlatban
Bónusz - a jQuery könyvtár
A jQuery alapjai
Bónusz - TypeScript alapjai
Bevezetés a TypeScript nyelvbe (13:39)
A TypeScript telepítése és használata
TypeScript típusok
Vegyes gyakorlások
addEventListener() (16:19)
JavaScript tanulásmódszertan, gyakori kérdések
Az előadás tartalma zárolva
Ha már beiratkoztál,
be kell jelentkezned
.
Iratkozz fel a tanfolyamra a feloldáshoz