FULL-STACK webfejlesztő képzés: JavaScript

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.

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á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 a front-end oldali JavaScript programozásból.