6. eloadas

Question 1

Weboldal felépítése

Answer 1

A weboldal három rétegből épül fel:

1.Legalul található a tartalmi réteg (HTML kód)

2.Megjelenés rétege (stíluslapok írják le)

3.Viselkedést befolyásoló programkód (JavaScript)

Question 2

JAVASCRIPT

Answer 2

• A leggyakrabban használt kliens oldali szkriptnyelv
• Interaktivitást (működést) ad a HTML oldalhoz
• Weboldalak használják űrlapok helyes kitöltésének ellenőrzéséhez, sütik kezeléséhez, a felhasználói élmény növeléséhez.
• Események kezelésére alkalmazhat

Question 3

MIÉRT HASZNOS A JAVASCRIPT?

Answer 3

*Interaktív weboldalak készítésére alkalmas (pl. gombok, űrlapok, dinamikus tartalmak).

*Böngészőben fut, így nem szükséges külön telepíteni.

*Széles körű használhatóság: webes alkalmazások, mobilalkalmazások, szerveroldali fejlesztés (Node.js), játékok, stb.

*Nagy közösség és támogatás, így rengeteg dokumentáció és segédanyag érhető el

Question 4

A JavaScript kód helye:

Answer 4

• HTML törzs
• HTML fejléc
• Külső fájl

Question 5

Megfelelo kod hely, Melyiket válaszd?

Answer 5

Kis projektekhez:

 blokk a html vegen

Nagyobb: kulso .js fajt hasznalni erdemesebb a jobb atlathatosag es ujrafelhaznalhatosag vegett

Question 6

js futasa

Answer 6

• Eseményre, függvényhívás (függvények esetén)
• Betöltéskor (ha nem függvényt írtunk)

Question 7

VÁLTOZÓK

Answer 7

A változók tárolják az adatokat.
Három módon deklarálhatunk változókat:

var, let, és const.

let nev = “Péter”; // Változtatható érték

const kor = 25; // Nem változtatható érték

var lakhely = “Budapest”; // Régi változó típus, már nem ajánlott

Question 8

ADATTÍPUSOK

Answer 8

A JavaScript különböző adattípusokat támogat, például:

Számok: let num = 42;

Szövegek: let str = “Hello, World!”;

Boolean: let isTrue = true;

Tömbök: let arr = [1, 2, 3];

Objektumok: let obj = { name: “John”, age: 30 };

Megj. A JavaScript objektum <tulajdonsag,ertek> párok halmaza.

Question 9

KIÍRATÁS A KONZOLRA

Answer 9

console.log(“Ez egy üzenet a konzolra.”);

Question 10

JAVASCIPT FÜGGVÉNYEK
definialasa

Answer 10

Függvény definiálása: function name(parameter1, parameter2, parameter3) { // code to be executed }

Question 11

A függvény meghívható

Answer 11

• a HTML oldal bármely pontjáról
• Egy esemény bekövetkeztekor

Question 12

DOKUMENTUM OBJEKTUM MODELL(DOM)

Answer 12

• szabványos, platform és nyelvfüggetlen modell
• interfészeket definiál HTML dokumentumok és alkalamzások között
• objektumokat, metódusokat és tulajdonságokat definiál, melyek lekérdezhetők és módosíthatók

Question 13

DOM MANIPULÁCIÓ

Answer 13

A JavaScript lehetővé teszi a HTML elemek manipulálását a Document Object Model (DOM) segítségével

document.getElementById(“myElement”).innerHTML = “Új tartalom!”;

Question 14

BÖNGÉSZŐ OBJEKTUMOK

Answer 14

Window
* a hierarchia csúcsán áll
* böngészőablakot képvisel

Navigator
* a böngészőről tárol információt

Screen
* a kliens gép képernyőjéről rendelkezik információkkal

History
* korábban meglátogatott web oldalak címét tárolja

Location
* az éppen aktuális oldal címét tartalmazza
* reload() vagy replace() függvényei segítségével új oldal tölthető be

Question 15

DOCUMENT OBJEKTUM

Answer 15

A teljes HTML dokumentumhoz való hozzáféfést teszi lehetővé

A window objektum része (window.document)

Metódusok * open, write, close, createElement, getElementById, insertAdjacentElement, insertBefore

Tulajdonságok * body, cookie, title

Események * onclick, onpropertychange, onmousexxx, onkeyxxx, ondragxxx

Kollekciók * all, frames, form

Question 16

HIVATKOZÁSOK

Answer 16

objektumnév1. objektumnév2.tulajdonság

objektumnév1. objektumtípus[név].tulajdonság

objektumnév1. objektumtípus[sorszám].tulajdonság