JavaScript fejlesztés - tanfolyam 39 500 dörzsölje. az IBS Oktatóközpontból, 40 órás képzés, Időpont 2023. november 26.

Lefedett témakörök:
1. JavaScript nyelv:
JavaScript verziók és megvalósítások;
JavaScript alkalmazási területei (böngésző, szerver, mobil fejlesztés);
Adattípusok: String, Number, Boolean (az igaz és hamis fogalma);
Operátorok, operátori elsőbbség;
Változók deklarálása: var, const, let;
Hurok: while, for, for … in, for … of;
Számokkal és karakterláncokkal való munka;
Null és meghatározatlan értékek: különbségek és alkalmazási célok;
Munka a konzollal;
Kivételek a JavaScriptben.
2. JSON, objektumok és tömbök:
JSON formátum, példák;
JSON.parse and stringify;
Objects, az Object osztállyal való munka;
Objektumok létrehozása (a literál {}, az új operátor, a create metódus használatával);
Prototípusos öröklődés, hivatkozás __proto__;
Getterek és szetterek;
Az in és hasOwnProperty operátor, a felsorolható tulajdonságok fogalma;
toString() metódus, a metódus meghívása és felülbírálása;
valueOf() metódus, a metódus meghívása és felülbírálása;
Tömbök létrehozása: literálok és új Array();
A tömb hosszának automatikus változtatása;

A tömb hosszának lekérése és hosszának beállítása, a tömb csonkolása;
join() és concat() metódusok használata;
A rendezési módszerrel a tömb rendezési sorrendjének beállítása;
A szelet és splice módszerek használata;
Push, pop, shift, unshift módszerek használata: verem vagy sor létrehozása.
3. Munka dátumokkal és karakterláncokkal:
Az új Date() konstruktor használata;
A dátum mint idő számítógépes megjelenítésének megértése az Epoch segítségével;
A getTime() és setTime();
A dátumok karakterlánc-ábrázolása;
Lehetőségek karakterláncok létrehozására JS-ben: szimpla és dupla idézőjelek használata;
String interpoláció (karakterlánc aposztrófokban);
Speciális karakterek megszökése egy karakterláncban;
Karakterlánc összefűzése, átalakítás nagy- és kisbetűvé;
Alkarakterlánc keresése az indexOf() és lastIndexOf() segítségével;
Alkarakterlánc kiválasztása a substring() és substr() használatával
Az include, endsWith, startsWith metódusok használatával.
4. JavaScript használata a böngészőben: DOM-modell:
Böngészőablak, dokumentum, események és stílusok kezelése (CSS-stílusok);
Az ablak objektum és felhasználási módjai;
JavaScript kód csatlakoztatása HTML oldalhoz;
A szkriptek végrehajtásának sorrendje az oldalon;
Szkript gyorsítótárazás, CDN-kiszolgálók, JavaScript kényszerített újratöltés;
Munka hivatkozásokkal, JavaScript összekapcsolása hivatkozásokkal;
A betöltési esemény és annak használata;
XSS támadások a webhelyen;
Munka a DOM-mal: ablak, dokumentum, gyermekNodes használata;
Dokumentum manipulálása DOM segítségével: elemek létrehozása, törlése, mozgatása;
A getElementById(), getElementsByTagName(), getElementsByClassName() használatával elemeket kereshet az oldalon;
Munka a HTMLDocument és a HTMLElement módszereivel és tulajdonságaival.
5. Az események kezelése a böngészőben:
Az eseményprogramozás fogalma;
Eseménykezelők és hallgatók;
Kezelők csatlakoztatása az addEventListener();
Az Event osztály tulajdonságai és metódusai;
Az események terjedése felfelé (buborékolás) és lefelé (rögzítés);
Állítsa le a terjedést;
Ablak események;
Egér és billentyűzet események, speciális események tulajdonságai;
Űrlap események;
6. A CSS használata és a stílusok kezelése:
CSS szabvány, alapvető CSS tulajdonságok;
Általános stílusok és az egyes elemek stílusai;
Lépcsőzetes stílusok;
CSS-szelektorok;
CSS módosítása JavaScript segítségével;
Padding: margó, padding, border;
Elemek láthatóságának szabályozása: láthatóság és megjelenítés;
Elemek elhelyezése: abszolút, fix, relatív, felső és bal;
Mértékegységek px, pt és mások;
Elem túlcsordulás és vezérlés a túlcsordulás tulajdonságon keresztül;
Dokumentumrétegek kezelése: zIndex tulajdonság;
Animáció, elemek mozgatása;
Osztályokkal való munka, osztálynév beállítása;
Az átláthatóság és az átmenetek kezelése;
querySelectorAll() metódus.
7. Modulok használata JavaScriptben, NPM csomagkezelőben, Webpack-készítőben:
A modulok használatának okai;
Exportálás a modulból;
Importálás a modulból;
Reexport;
NPM, package.json fájl használata;
node_modules mappa, csomagok letöltése NPM segítségével;
Csomagok globális és helyi telepítése;
Webpack használata projekt felépítéséhez;
CSS és TypeScript betöltők;
Konfiguráció webpack.config.js;
Bundle létrehozás, tömörítés;
Webpack bővítmények;
Régi modularitású rendszerek használata – CommonJS és AMD;
A CommonsChunkPlugin használatával több belépési pont;
Üzem közben cserélhető HMR modulok.
8. Osztályok és öröklődés a JavaScriptben:
Prototípus öröklődés, hivatkozás __proto__;
Objektum prototípus;
Az instanceof használata;
Kulcsszó osztály, osztályok létrehozása;
Kulcsszó szuper;
Az Object.assign() metódus használata;
Az Object.defineProperty() metódus használata;
Getterek és szetterek;
Spread operátor objektumokkal és tömbökkel való munkavégzéshez;
Tömb és objektum strukturálása.
9. Funkcionális programozás JavaScriptben:
Változóként funkcionál;
Array argumentumok;
Függvényosztály, call() és apply() metódusok;
A bind() metódus, ennek és néhány paraméternek a beállítása a bind használatával;
Lezárások JavaScriptben;
Értékek tokozása lezárások segítségével;
Függvény létrehozása a Function konstruktor segítségével: karakterlánc szerkesztése;
Nyílfüggvények, példák alkalmazásukra;
Funkcionális tömbkezelés: find, findIndex, filter;
Példák a leképezés/szűrés/kicsinyítés használatára adatok feldolgozására egy tömbben.
10. Változatlanság, tesztelés, MVC minta:
A megváltoztathatatlanság fogalma, előnyei;
Változó és megváltoztathatatlan módszerek objektumok és tömbök megváltoztatására;
A Virtuális DOM fogalma és előnyei;
Megváltoztathatatlan függvények tesztelése Jest használatával;
Memoizáció, előnyei;
Alapvető hibák és javaslatok a funkcionális programozás használatakor;
MVC minta, felhasználói felület készítés;
Az interfészfejlesztés főbb könyvtárainak áttekintése: Angular, React, Vue.
11. Aszinkron a JavaScriptben. Ígéretek:
Az aszinkron fogalma és szükségessége;
Munka a setTimeout, setInterval, clearTimeout;
Visszahívási funkciók (visszahívások);
Ez elveszik, ha visszahívási funkcióval dolgozik. Megoldások (bind, arrow függvények stb. használatával);
Az ígéretek fogalma, ígéret visszaadása aszinkron függvényből;
Promise.all() metódus, alkalmazása;
async/await szintaxis, használati esetek, korlátozások;
Vészhelyzetek kezelése: ígéret elutasítása, kivételkezelés aszinkron hívásoknál.
12. Munka a szerverrel. HTTP protokoll. REST szolgáltatások:
HTTP protokoll;
HTTP fejlécek és metódusok (GET, POST, PUT, DELETE, egyéb), adatátvitel;
HTTP szerverek (áttekintés);
HTTP szerver válaszkódok;
Űrlapok használata az adatok benyújtásához;
Adatok átvitele a szerverre AJAX használatával;
REST architektúra: előnyei és jellemzői;
CRUD (Create/Read/Update/Delete műveletek) megvalósítása a REST-tel való munka során;
A fetch() függvény használata adatok fogadására és küldésére;
REST szolgáltatások dokumentálása Swagger használatával;
HATEOAS koncepció, alkalmazás;
13. AXIOS Könyvtár. WebSocket protokoll:
A magas szintű Axios könyvtár összehasonlítása és az alacsony szintű fetch();
GET és POST kérések az Axiosban;
Az aszinkron/várakozás használata az Axios-szal;
Hibakezelés az Axios használatakor;
Kérelem visszavonása Axios használatával;
WebSocket protokoll;
Példák a WebSocket használatára, összehasonlítás a HTTP-vel;
HTML animáció;
jegyzet
A tananyag angol nyelven jelenik meg.