A CSS animáció lehetővé teszi, hogy HTML elemek stílusát fokozatosan megváltoztassuk időben, anélkül, hogy JavaScriptet használnánk. Az animációkhoz az @keyframes szabályt és az animation tulajdonságot használjuk. Hogyan lehet animálni? @keyframes Ez határozza meg az animáció lépéseit (állapotait) százalékos arányban: utána az adott elemhez rendeljük az animációt Itt is lehet használni rövidített formát: CSS Transition A […]
Continue Reading
Lekérdezések select – választó lekérdezés SELECT [mezők vagy *] DISTINCT – Duplikált értékek kiszűrése:FROM [tábla]WHERE [feltétel]GROUP BY [oszlop(ok)]HAVING [feltétel csoportosított adatokra]ORDER BY [oszlop(ok)] [ASC|DESC]LIMIT [sorok száma]; Szűrés és logikai operátorok A LIKE operátor a MySQL-ben mintázatkeresésre szolgál, és a wildcard karakterek segítségével rugalmas szűrést tesz lehetővé. % – Tetszőleges számú karakter_ – Pontosan egy karakter […]
Continue Reading
Első példánkban a klasszikus testtömeg index számítás alapadatait fogjuk űrlap segítségével elküldeni a szervernek, majd a választ megjeleníteni. API végpont példa adatokkal:https://informatikaora.hu/webprog/tti.php/?kg=90&cm=200 Minta az API hívás eredményére JSON formában:{„kg”:”70″,”cm”:”178″,”tti”:22.09,”minosites”:”normál testalkat”,”testkep”:”body_correct.gif”,”tobblet”:0} 2. példa Ez a példa egy interaktív űrlapot jelenít meg, és a felhasználó által megadott értékeket állapotban (state) tárolja. Az űrlap többféle input elemet tartalmaz: […]
Continue Reading
A GitHub fiókomban elérhetőek az idei feladatok.
Continue Reading
Alapfogalmak: Adatbázis (Database): Az adatok rendszerezett gyűjteménye. Egy adatbázis több táblát tartalmazhat. Az adatbázisok célja, hogy az adatokat hosszútávon, tartósan lehessen tárolni, illetve, hogy a tartalma gyorsan kereshető legyen. Példa: Kréta Tábla (Table): Az adatok tárolásának alapegysége. Sorokból (rekordokból) és oszlopokból (mezőkből) áll. Példa: diakok tábla. Sor (Record, Tuple): Egy konkrét bejegyzés a táblában. Példa: […]
Continue Reading
Feladatsor pdf A sablont kell tulajdonképpen szétbontani komponensekre, és React kompatibilissé alakítani! Szerencsére ebben a React hibaüzenetei is segítenek. Forrás: https://drive.google.com/file/d/1fW-GVNrZw9Apn3cJjiSRIBmZyVP53pjv/view?usp=drive_link Amire figyelni kell: class – className csere mindenholinline css esetén is módosítani kell a szintaktikán dupla kapcsos zárójel szükséges style={{ height: ‘150px’ }}React-ben minden eseménynév, attribútum camelCase, az eseménykezelőkhöz függvény szükséges! Összefoglaló az oldal […]
Continue Reading
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
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
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
backend A feladat leírása, megoldása elérhető a GitHub oldalamon is. A feladat sima javascript megoldása, fetch api használatával. 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 npm i, és a node index.js paranccsal indítható. A frontendhez írjuk be a szokásosnpm […]
Continue Reading