JavaScript programozó képzés

A JavaScript a jövő program nyelve, ez nem is lehet kérdés. A JS és különböző változatai már most képesek helyettesíteni a Front-end és Back-end hagyományosnak mondható változatait.

A JS-ben programozhatunk applikációkat, játékokat, animációkat, intelligens kérdőíveket, továbbá adminfelületet is készíthetünk vele. Külső adatbázisból adatokat tudunk beolvasni és megjeleníten ia weboldalon, vagy éppen felülírhatjuk egy felhő alapú adatbázisban lévő adatokat. 

Mint ebből a felsorolásból is látszik, a JavaScript egy multifunkciós nyelv, amely napjainkban a webfejlesztés elengedhetetlen részévé vált.

Tematika⤵️

1. JavaScript (ECMAScript, ES6) alapok

• Mi is az a JavaScript?
• A JavaScript eredete és felhasználási lehetőségei
• JavaScript elhelyezése, importálása, betöltése egy HTML dokumentumbn
• A programozás alapvető koncepciói
• A JavaScript programozás alapjai
• DOM Manipuláció
• Gyakorlás: Tartalom megjelenítése HTML oldalon JavaScript segítségével

2. Programozás alapok JavaScript nyelven

Ebben a részben elsajáítjuk a programozás alapjait. Ha ezt megérted, akkor a többi programnyelvvel is boldogulni fogsz, hiszen a logikája minden programnyelvek hasonló. Temrészetesen ezeken az órákon bemutatjuk a JavaScript programozás sajátosságait is.

• Típusok. Változók. Állandók. Primitívek.
• Operátorok
• Aritmetikai műveletek
• String műveletek
• Reguláris kifejezések
• Összetett adattípusok: Tömbök, tömb műveletek, Object adattípus
• Vezérlési szerkezetek
  • if else
  • switch case
  • ciklusok
  • függvények (function)
  • Nyílfüggvények - arrow functions
  • Math object és a véletlenszám generátor
  • Kivételkezelés: try catch
• Date - a dátum "típus"

3. Javascript alkalmazása front-enden

Ebben a részben gyakorlatban alkalmazzuk azt, amit elméletben már megalapoztunk. Hasznos, vagy szórakoztató mini-alkalmazásokat készítünk a weboldalunkra, például: időpont foglalás, ár kalkulátor, sorba rendezés játék, reakció tesztelő játék és lottó-sorsolás szimulátor.

A technológiai ismeretek hozzá a következők:

• operátorok, tömbök, objektumok, function-ök
• Modul Pattern Design
• Grid generátor
• DOM - Document Object Model
• DOM - Eseménykezelés
• Függvénytárak
• Rekurzív függvények - fa struktúra bejárása

4. Form validation

Javascript nélkül elküldjük a kitöltött űrlapot vagy kérdőívet, és majd kiderül, hogy az jó vagy hiba van benne. Viszont a böngészőben futó Javascript kóddal szabályokat határozhatunk meg a felhasználó számára és csak ezen szabályok mentén tesszük számára lehetővé az űrlap elküldését.
Ilyen szabályok például: helyes email formátum, karakterszámra vonatkozó megkötések, bizonyos mezők kötelező kitöltése, stb.

A megvalósítás során megtanuljuk és begyakoroljuk többek között a reguláris keifejezéseket, a függvény orientált programozást, a DOM manipulációt, és az eseménykezelést.

5. OOP - Objektum Orientált Programozó képzés

Az OOP egy olyan programozási paradigma, mely az életből vett mintákra alapszik, és ahol egy objektumnak egyaránt vannak tulajdonságai és funkcionalitásai is. Segítségével egész működési mechanizmusokat hozhatunk létre, melyeket ezután példányosíthatunk és újra és újra felhasználhatunk.

Osztály szerkezete

Osztályok tulajdonságai és metódusai

Function - prototype alapú osztálydefiníció

Class alapú osztálydefiníció

Setter és Getter függvények

Osztályok származtatása - öröklődés

OOP és DOM

Mikro projekt (OOP): szerencsekerék, lottósorsolás szimulátor

6. Adatok lekérése más szerveren lévő adatbázisból

Itt egy gyakorlati példa erejéig egy nagyobb hangszer adatbázisból kérünk le hangszer adatokat. A böngészőből kéréseket küldünk a szerver felé, amelynek válaszát utána feldolgozzuk és megjelenítjük a felhasználónak. Ez újabb oldalletöltés nélkül megy végbe, AJAX felhasználásával. 

• Időzített scriptek - a javascript több szálon való kezelése
• Aszinkron Javascript és XML -  XML Http Request - Aszinkron függvények
• Promise
• Fetch API
• Sütik (Cookie) és a Localstorage
• JSON adatsruktúra
• kérések elküldése
• válasz fogadása
• a válasz feldolgozása és megjelenítése
• Javascript modulok - Javascript fájlok egymásba való ágyazása

Ezt a rész követően a tanulók vizsgát tesznek JavaScript programozásból.

7. TypeScript programozás

• Fejlesztői környezet kialakítása. A TS compiler működése és beállítása
• TS core és TS Function types
• Osztályok TypeScriptben
• Interfaces
• Advanced types
• Generic. Többször használható, típusbiztos kód létrehozása.
• Dekorátorok
• TypeScript Modulok, moduláris programozás, kompozíció
• Harmadik féltől származó könyvtárak TypeScriptben
• Type Design
• Typescript debuggolása
• TypeScript migrálása

AI órák🧑‍💻

Megismerkedünk olyan támogató eszközökkel, mint a generatív AI-k, amelyek segítenek hatékonyabban fejleszteni. A generatív algoritmusok áttekintése után kipróbáljuk a Claude AI modellt, amely segíthet nekünk mégjobb TypeScript fejlesztővé válni. Megnézzük az egyes AI megoldások előnyeit, foglalkozunk a téma elméleti és gyakorlati hátterével, és gyakoroljuk a megfelelő prompt-olást is.

Szerver oldali JavaScript programozás: A szerver oldali JavaScript programozás 2024-től egy új, JS Backend modulban kerül oktatásra!