Bevezetés és futtatás

1Mi a JavaScript?

A JavaScript (röviden JS) egy programozási nyelv, amelyet 1995-ben a Netscape böngészőhöz készítettek, hogy a weboldalak „éljenek": reagáljanak a kattintásra, ellenőrizzék az űrlapokat. Azóta a világ legelterjedtebb nyelve lett — és 2009-től, a Node.js megjelenésével a böngészőn kívül, szerveren is fut.

• A nyelv hivatalos szabványa az ECMAScript (röviden ES). A „JavaScript" a nyelv közismert neve, az „ECMAScript" a szabvány neve — a gyakorlatban ugyanarról beszélünk.
• A 2015-ös nagy kiadás (ES6, más néven ES2015) hozta a modern nyelvet: let/const, nyílfüggvények, template literálok, osztályok, modulok. Azóta évente jön egy új változat (ES2016, ES2017, …), ezért mondjuk röviden: „ES6+" — ezt tanuljuk.
• Nem keverendő a Java nyelvvel: a hasonló név marketingfogás volt, a két nyelvnek alig van köze egymáshoz.

2Hol fut: böngésző és Node.js

A JavaScript-kódot mindig egy JavaScript-motor hajtja végre. A Chrome böngésző motorja a V8 — és pontosan ez a V8 dolgozik a Node.js belsejében is. A nyelv tehát ugyanaz, a környezet viszont más: a böngésző a weboldalhoz ad eszközöket, a Node a géphez és a hálózathoz.

Ebben a kurzusban kizárólag a közös részt tanuljuk — azt, ami Node-ban is ugyanúgy működik. Nem lesz DOM, nem lesz alert: minden kimenet a console.log-on keresztül megy.

3Kód futtatása Node-dal

Először ellenőrizd, hogy telepítve van-e a Node. Nyiss egy terminált (Windows: PowerShell vagy a VS Code beépített terminálja), és írd be:

$ node --version
v22.11.0

Ha verziószámot kapsz (bármilyen 18-as vagy újabb jó), minden rendben. Ha „ismeretlen parancs" hibát, telepítsd a nodejs.org-ról az LTS változatot.

Az első fájl

Hozz létre egy mappát a gyakorláshoz, benne egy hello.js nevű fájlt (bármilyen szövegszerkesztő jó, de a VS Code ajánlott). A fájl tartalma egyetlen sor:

console.log("Helló, Node!");

Aztán a terminálban — abban a mappában, ahol a fájl van — futtasd:

$ node hello.js
Helló, Node!

Ennyi. A node parancs beolvassa a fájlt, a V8 végrehajtja, a console.log pedig a terminálba ír. Amikor a program végére ér, a Node kilép, és visszakapod a promptot.

4console.log részletesen

A console.log() a legfontosabb eszközöd a kurzus végéig: kiírja a zárójelbe tett érték(ek)et. Node-ban a terminálban jelenik meg, a böngészőben a konzolon — itt, a gyakorlóban pedig a kód alatti dobozban.

console.log("Helló, Node!");     // szöveg — idézőjelek között írjuk
console.log(42);                 // szám — idézőjel nélkül
console.log(7 * 8);              // 56 — a gép kiszámolja, az eredményt írja ki
console.log("7 * 8");            // 7 * 8 — ez szöveg, úgy jelenik meg, ahogy írtad

Több érték egyszerre

Vesszővel több értéket is átadhatsz. A console.log ezeket egy szóközzel elválasztva, egy sorba írja — ez a legkényelmesebb módja annak, hogy egy feliratot és egy értéket együtt mutass:

console.log("Eredmény:", 6 * 7);        // Eredmény: 42
console.log("Ár:", 6990, "Ft");         // Ár: 6990 Ft
console.log(12, "+", 5, "=", 12 + 5);  // 12 + 5 = 17

Szám és szöveg — nem ugyanaz

A 42 egy szám, a "42" egy szöveg, amelyben véletlenül számjegyek vannak. Kiírva egyformán néznek ki, de a + jel másképp bánik velük: számokat összead, szövegeket összefűz. A részleteket a 2. fejezet tárgyalja, de a jelenséget már most figyeld meg:

console.log(5 + 3);        // 8
console.log("5" + "3");    // 53
console.log("Szám: " + 7 + 1);   // Szám: 71 — balról jobbra: szöveg + 7 → szöveg, + 1 → hozzáfűzés

console.error

A console.error() ugyanúgy kiír, de a hibacsatornára (stderr). Terminálban ez általában ugyanott jelenik meg, de a rendszer meg tudja különböztetni a normál kimenettől — pl. külön naplófájlba irányítható. Hibaüzenetekhez ezt használd; a gyakorló piros színnel jelöli.

console.log("Rendelés feldolgozva");
console.error("Hiba: nincs elég készlet");

5Kommentek és utasítások

A komment (megjegyzés) olyan szöveg a kódban, amit a gép figyelmen kívül hagy — nekünk, embereknek szól. Kétféle van:

// Egysoros komment: a // jeltől a sor végéig tart
console.log("fut");   // a sor végén is állhat

/* Többsoros komment:
   több soron át tart,
   amíg le nem zárjuk */

// console.log("ez nem fut le"); — kikommentelt kód: átmenetileg kikapcsolva

A kód utasításokból áll — egy utasítás egy „tedd ezt" lépés, pl. egy console.log hívás. Az utasításokat pontosvesszővel (;) zárjuk, és szokás soronként egyet írni. A JavaScript sokszor elnézi a hiányzó pontosvesszőt, de vannak alattomos kivételek — ezért ebben a kurzusban mindig kitesszük.

6Hogyan olvasd a Node hibaüzenetét?

Hibázni fogsz — mindenki hibázik, sokszor. A különbség az, hogy a tapasztalt fejlesztő elolvassa a hibaüzenetet, és abból megtalálja a bajt. A Node ilyet ír, ha pl. elgépelted a console szót:

$ node hello.js
/projekt/hello.js:2
consle.log("Helló");
^

ReferenceError: consle is not defined
    at Object.<anonymous> (/projekt/hello.js:2:1)

Így olvasd, fentről lefelé:

1. Fájl és sor: hello.js:2 — a hiba a 2. sorban van. Ez a legfontosabb információ: ugorj oda!
2. A hibás sor és alatta a ^ jel — pontosan mutatja, hol akadt el.
3. A hiba típusa és üzenete: ReferenceError: consle is not defined — „a consle névre hivatkozol, de ilyen nem létezik".
4. Az at … sorok a hívási lánc — kezdőként az első sora érdekes, a többit átugorhatod.

7A gyakorló használata

Ezen az oldalon (és a következő fejezetekben) egy beépített gyakorló fut: beírod a kódot, megnyomod a Futtatás gombot (vagy Ctrl+Enter), és alatta megjelenik a console.log kimenete — pontosan úgy, ahogy a terminálban látnád a node fajl.js után. A hibaüzeneteket is ugyanúgy mutatja.

• A chipek kész mintákat töltenek be — kattints, futtasd, majd írd át bátran.
• A Feladatok résznél a Futtatás csak lefuttatja a kódod, az Ellenőrzés pedig több bemenettel is kipróbálja, és összeveti a kimenetet a várttal — soronként, pontosan. A haladásod a böngésződben megmarad.
• Ami itt működik, az Node-ban is működik: bármelyik példát bemásolhatod egy .js fájlba, és futtathatod node-dal.

8Élő kód — próbáld ki!

Itt valódi JavaScriptet futtathatsz. Válassz egy mintát a chipek közül, nyomd meg a Futtatás gombot, és nézd meg a kimenetet. Írd át a szövegeket és a számokat — figyeld, mi változik. Próbáld ki a „Nézd a hibát!" mintát is!

9Feladatok

Az első feladatok csak console.log-ot, szövegeket és számolást kérnek — saját változót még nem kell létrehoznod. Néhány feladatban adott változók szerepelnek (pl. nev, ar): ezeket a gyakorló hozza létre a kódod előtt, te csak használod őket a nevükkel. Az Ellenőrzés több értékkel is lefuttatja a kódod.

10Összegzés