C# REST API kezelés

A REST (Representational State Transfer) API-k segítségével a WPF, Windows Form alkalmazásunk kommunikálhat külső szolgáltatásokkal, adatokat kérhet le (GET), küldhet (POST), módosíthat (PUT), törölhet (DELETE). Ezek a CRUD műveletek, amiket már JS-ben is megnéztünk. C#-ban a HttpClient osztályt fogjuk használni a HTTP kérések küldésére és fogadására. Ehhez a System.Net.Http névteret kell importálni. A HttpClient aszinkron […]

Continue Reading

JavaScript Date

A JavaScript Dátum Objektum A JavaScriptben a Date objektum segítségével kezelhetjük a dátumokat és időpontokat. Az alapértelmezett formátum az aktuális dátum és idő, de egyéb függvények is rendelkezésre állnak a dátumok lekérésére, beállítására, illetve manipulálására. Aktuális dátum mentése Dátum létrehozása Dátum szétszedése (év, hónap, nap, hét hanyadik napja, óra, perc, mp, ms) Dátum beállítása Dátumokkal […]

Continue Reading

Selenium WebDriver – Interakció a webes elemekkel

A Selenium WebDriver lehetővé teszi az automatizált böngészőtesztelést, beleértve az interakciókat különböző webes elemekkel. Az alábbi műveletek használhatók a tesztelés során: Click (kattintás) – Egy adott gomb vagy interaktív elem aktiválása, gyakorlatilag bármire lehet alkalmazni.Select (opció kiválasztása) – Egy legördülő listából történő kiválasztás. Lehet multi select is.Send Keys (szövegbevitel) – Szöveg beírása beviteli mezőkbe vagy […]

Continue Reading

Selenium WebDriver – locators

A Selenium WebDriver egy nyílt forráskódú eszköz, amelyet webalkalmazások tesztelésének automatizálására használnak. Lehetővé teszi a fejlesztők és tesztelők számára, hogy szimulálják a felhasználói interakciókat a webböngészőkkel. Képes szimulálni például kattintásokat, szövegbevitelt, navigációt és űrlapok kitöltését. A Selenium WebDriver lokátorokat (locators) használ arra, hogy azonosítsa és kezelje az elemeket egy weboldalon. Támogatja a legnépszerűbb böngészőket, mint […]

Continue Reading

WS2022 Power Shell alapok

A Power Shell parancsok általános felépítése: Ige-Főnév -Paraméter1 Érték1 -Paraméter2 Érték2pl: Get-LocalUser -Name Administrator – lekérdezi az Adminstrator felhasználó adatait. Hozz létre a VirtualBoxban egy új gépet, telepítsd fel a Windows Server 2022-t! A telepítés utolsó lépéseként meg kell adni a jelszót. Ha készen vagyunk, akkor az Sconfig felülete fogad. Az alap beállításokat itt is […]

Continue Reading

React – Ingatlan feladatsor

backend Feladat: egy ingatlankereskedés meglévő ingatlanjainak listázása, új ingatlan mentése, api-val. Van még a feladatban routing és formázás is. A backend-et elég kitömöríteni, majd node index.js paranccsal indítható. A frontendhez írjuk be a szokásos npm create vite@latest parancsot! A routing-hoz ne felejtsd el telepíteni a szükséges modult: npm install react-router-dom main.jsx Az app.jsx, app.css fájlokat […]

Continue Reading

React: F1 adatok lekérése api-val

A feladathoz az https://ergast.com/mrd/ weboldal publikus api-jait fogjuk használni. A weboldalon megtalálható az összes futam adata, 1950-2024-ig. Előzmény: megnéztük korábban, hogy js segítségével hogyan lehet lekérdezni és megjeleníteni adatokat api segítségével. Ebben a reactos példában ugyanezt fogjuk megoldani. Készítsünk egy új react alkalmazást! (create vite@latest … korábbi tutorialban benne volt! Plussz a routingot is telepíteni […]

Continue Reading

JS API használatának gyakorlása – F1 adatok

Készítsünk weboldalt, ami a https://ergast.com/api/f1/2000.json AP-t használja! Az api egy adott év futamainak adatait jeleníti meg. Egy konkrét futam eredményeit a https://ergast.com/api/f1/2000/1/results.json címen érhetjük el. Készítsünk egy futamok.html oldalt, ahol csúszka segítségével tudunk évszámot választani 1950-2024 között! A futamok dátumára készítünk egy hivatkozást, ami tartalmazni fogja az évszámot (season) és a kiválsztott futamot (round). Így […]

Continue Reading

React routing

A React-ben az oldalak közötti navigációhoz leggyakrabban a React Router csomagot használjuk, ezt is telepíteni, majd importálni kell. A React Router megkönnyíti az oldalak közötti hivatkozásokat és a modern, egylapos alkalmazások (SPA-k) fejlesztését. Ugyanakkor a Reactben nincsenek hagyományos értelemben vett oldalak, mint sima html-ben, itt komponensek vannak, és ezekre tudunk hivatkozni! telepítés: npm install react-router-dom […]

Continue Reading

React komponensek, gyakorlás

Ebben a tutorialban megnézzük, hogyan lehet egy hagyományos weboldalt komponensekre szétszedni. Kiindulási alap: Kiadó nyaraló a Mátrában weboldal. Feladat: a weblap fejlécét, törzsét és láblécét helyettük el külön-külön komponensekbe! A fejlécbe helyezzünk el egy gombot, ami random választ 4 db idézet közül! Készítsünk egy új React projektet! Az src mappába hozzunk létre egy components mappát, […]

Continue Reading