1. gyakorlat

Tematika

A kurzus első felében Javascript, a másodikban PHP.

Javascript alapok

• Böngészőben fut
• Javascript dokumentáció

Változók

• Nem típusos nyelv
• Dinamikus típusozás
• Defináláshoz let kulcsszó
• Konstans: const

let x = 5;
const y = 10;

Kiíratás konzolra

console.log("Hello there!");

Adattípusok

1. String
2. Number (minden szám)
3. Bigint (csak egész számok, illetve akkora számok, amik már nem férnek a másikba)
4. Boolean
5. Undefined (hiányzó értéket jelöl)
6. Null
7. Symbol
8. Object (object, array, date)

Objects

Array

• Tetszőleges típusú (tartlmazhat különbözőt) elemek rendezett sorozata
• Object típusú
• Inkább az imperatív nyelvek listájára (vektorára) hasonlít
• Good practice, ha const kulcsszóval definiáljuk

const array_name = ["item1", "item2", ...];

// Mindkettő helyes és ugyanazt csinálja (az 1. szokás használni)

const cars = ["Saab", "Volvo", "BMW"];

const cars = new Array("Saab", "Volvo", "BMW");

// 0-tól van indexelve
let c = cars[0];    // Saab

// Array hossza
cars.length;

// Rendezés
cars.sort();

// Új elem hozzáadása
cars.push("Tesla");

Object

• Objektum (rekord) típus
• Név érték párok rendezett halmaza
• Különbség az array-től, hogy itt az "indexek el vannak nevezve"

const car = {type:"Fiat", model:"500", color:"white"};

let carColor = car.color;

Bools

• Az == csak az érték egyenlőségét vizsgálja
• Érdemesebb az ===-t használni, az a típust is nézi

Javascript ciklusok és elágazások

if

if (/*condition 1*/)
{

}
else if (/*condition 2*/)
{

}
else
{

}

switch

switch(expression)
{
  case x:

    break;
  case y:

    break;
  default:
    break;
}

for

Sima (C szerű) for ciklus

for (let i = 0; i < 5; i++)
{
    // code
}

for/in ciklus (loops through the properties of an object)

for (variable in array)
{
    // code
}

for/of ciklus (loops through the values of an iterable object)

for (variable of iterable)
{
  // code block to be executed
}

while

Sima while

while (/*condition*/)
{
  // code block to be executed
}

do/while

do
{
    // code block to be executed
}
while (/*condition*/);

Függvények

function name(parameter1, parameter2, parameter3)
{
    // code to be executed
}

Magasabbrendű függvények Javascript-ben

[1, 2, 3, 4, 5].map((x) => x * 2);

[1, 2, 3, 4, 5].filter((x) => x % 2 === 0);

[1, 2, 3, 4, 5].reduce((s, x) => s + x);