Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

--- oktatas:web:feladatok:kliens [2024/05/02 13:08]
admin [Feladat 0357]
+++ oktatas:web:feladatok:kliens [2024/05/30 22:16] (aktuális)
admin [Feladat 0353]
@@ Sor 4: / Sor 4: @@
   * **Szerző:** Sallai András
-  * Copyright (c) Sallai András, 2022
+  * Copyright (c) 2022, Sallai András
+  * Szerkesztve: 2022, 2024
   * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
   * Web: https://szit.hu
@@ Sor 258: / Sor 259: @@
 ==== Feladat 0351 ====
-  * Kérje le egy REST API employees végpontjáról a dolgozók adatait.
+  * Kérje le egy REST API **employees** végpontjáról a dolgozók adatait.
-    * azonosító, név, település, fizetés
+    * id - azonosító
+    * name - név
+    * city - település
+    * salary - fizetés
   * A lekért adatokat tárolja tömbben.
   * Renderelje a tömb adatait egy táblázatba.
   * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+<code javascript employees.json>
+{
+    "employees": [
+        {
+            "id": 1,
+            "name": "Erős István",
+            "city": "Szeged",
+            "salary": 395
+        },
+        {
+            "id": 2,
+            "name": "Csárdás Katalin",
+            "city": "Szolnok",
+            "salary": 393
+        }
+    ]
+}
+</code>
 Mentés: empek
@@ Sor 268: / Sor 291: @@
 ==== Feladat 0352 ====
-  * Kérje le egy REST API cards végpontjáról járművek adatait.
+  * Kérje le egy REST API **cards** végpontjáról járművek adatait.
-    * azonosító, rendszám, szín, évjárat, ár
+    * id - azonosító
+    * plate - rendszám
+    * color - szín
+    * year - évjárat
+    * price - ár
   * A lekért adatokat tárolja tömbben.
   * Renderelje a tömb adatait egy táblázatba.
   * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+<code javascript>
+{
+    "cards": [
+        {
+            "id": 1,
+            "plate": "ABC-123",
+            "color": "zöld",
+            "year": 1998,
+            "price": 1568
+        },
+        {
+            "id": 2,
+            "plate": "DVA-235",
+            "color": "kék",
+            "year": 2003,
+            "price": 2100
+        }
+    ]
+}
+</code>
 Mentés: cardes
@@ Sor 278: / Sor 326: @@
 ==== Feladat 0353 ====
-  * Kérje le egy REST API books végpontjáról könyvek adatait.
+  * Kérje le egy REST API **books** végpontjáról könyvek adatait.
-    * azonosító, cím, szerző, ár
+    * id - azonosító
+    * title - cím
+    * author - szerző
+    * price - ár
   * A lekért adatokat tárolja tömbben.
   * Renderelje a tömb adatait egy táblázatba.
   * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+<code javascript books.json>
+{
+    "books": [
+        {
+            "id": 1,
+            "title": "A tenger szeme",
+            "author": "Bart Even",
+            "price": 12.4
+        },
+        {
+            "id": 2,
+            "title": "Balonhegy",
+            "author": "Ten Igor",
+            "price": 11.2
+        }
+    ]
+}
+</code>
 Mentés: bookes
@@ Sor 288: / Sor 358: @@
 ==== Feladat 0354 ====
-  * Kérje le egy REST API customers végpontjáról ügyfelek adatait.
+  * Kérje le egy REST API **customers** végpontjáról ügyfelek adatait.
-    * id, name, email, city
+    * id - azonosító
+    * name - ügyfél neve
+    * email - ügyfél e-mail címe
+    * city - ügyfél települése
   * A lekért adatokat tárolja tömbben.
   * Renderelje a tömb adatait egy táblázatba.
   * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+<code javascript>
+{
+    "customers": [
+        {
+            "id": 1,
+            "name": "Farkas Ernő",
+            "email": "farkas@zold.lan",
+            "city": "Hatvan"
+        }
+    ]
+}
+</code>
 Mentés: customeres
@@ Sor 298: / Sor 385: @@
 ==== Feladat 0355 ====
-  * Kérje le egy REST API contacts végpontjáról kapcsolatok adatait.
+  * Kérje le egy REST API **contacts** végpontjáról kapcsolatok adatait.
     * id - azonosító
     * name - cég, ügyfél, partner
@@ Sor 307: / Sor 394: @@
   * Renderelje a tömb adatait egy táblázatba.
   * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+<code javascript>
+{
+    "contacts": [
+        {
+            "id": 1,
+            "name": "Erőpont Bt",
+            "contact": "Pontos Lajos",
+            "email": "pontos@zold.lan",
+            "type": "vevő"
+        }
+    ]
+}
+</code>
 Mentés: contactere
@@ Sor 312: / Sor 413: @@
 ==== Feladat 0356 ====
-  * Kérje le egy REST API complaints végpontjáról panaszok adatait.
+  * Kérje le egy REST API **complaints** végpontjáról panaszok adatait.
     * id - azonosító
     * description - a panasz leírása
@@ Sor 321: / Sor 422: @@
   * Renderelje a tömb adatait egy táblázatba.
   * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+<code javascript>
+{
+    "complaints": [
+        {
+            "id": 1,
+            "description": "Vr 0.5 nem indul",
+            "colmplainant": "Tere Tünde",
+            "products": "Vr 0.5",
+            "type": "új"
+        }
+    ]
+}
+</code>
 Mentés: compla
@@ Sor 327: / Sor 442: @@
 ==== Feladat 0357 ====
-  * Kérje le egy REST API feedbacks végpontjáról visszajelzések adatait.
+  * Kérje le egy REST API **feedbacks** végpontjáról visszajelzések adatait.
     * id - azonosító
     * description - a visszajelzés leírása
@@ Sor 336: / Sor 451: @@
   * Renderelje a tömb adatait egy táblázatba.
   * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+<code javascript>
+{
+    "feedbacks": [
+        {
+            "id": 1,
+            "description": "Ede v1.0 használata",
+            "indicator": "Fáber Tibor"
+            "date": "2024-05-30",
+            "evaluation": 5
+        }
+    ]
+}
+</code>
 Mentés: feedes
@@ Sor 341: / Sor 470: @@
 ==== Feladat 0358 ====
-  * Kérje le egy REST API products végpontjáról termékek adatait.
+  * Kérje le egy REST API **products** végpontjáról termékek adatait.
     * id - azonosító
     * name - a termék neve
@@ Sor 350: / Sor 479: @@
   * Renderelje a tömb adatait egy táblázatba.
   * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+<code javascript products.json>
+{
+    "products": [
+        {
+            "id": 1,
+            "name": "tej",
+            "description": "Párduc tej",
+            "price": 0.8,
+            "unit": "liter"
+        },
+        {
+            "id": 2,
+            "name": "vaj",
+            "description": "Bola vaj",
+            "price": 0.51,
+            "unit": "gramm"
+        },
+        {
+            "id": 3,
+            "name": "kenyér",
+            "description": "barna",
+            "price": 0.48,
+            "unit": "kg"
+        },
+        {
+            "id": 4,
+            "name": "tejföl",
+            "description": "Mormota tejföl",
+            "price": 0.77,
+            "unit": "dl"
+        },
+        {
+            "id": 5,
+            "name": "túró",
+            "description": "Csattos túró",
+            "price": 1.12,
+            "unit": "gramm"
+        },
+    ]
+}
+</code>
 Mentés: prodes
@@ Sor 355: / Sor 527: @@
 ==== Feladat 0359 ====
-  * Kérje le egy REST API countries végpontjáról országok adatait.
+  * Kérje le egy REST API **countries** végpontjáról országok adatait.
     * id - azonosító
     * name - az ország neve
     * capital - főváros
     * population - népesség (pl. 36,82 millió)
-    * area - terület (pl. 322 575 km²
+    * area - terület (pl. 322 575 km²)
   * A lekért adatokat tárolja tömbben.
   * Renderelje a tömb adatait egy táblázatba.
   * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+Példaországok:
+<code javascript orszagok.json>
+{
+    "countries": [
+        {
+            "id": 1,
+            "name": "Lengyelország",
+            "capital": "Varsó",
+            "population": 36.82,
+            "area": 322575
+        },
+        {
+            "id": 2,
+            "name": "Bulgária",
+            "capital": "Szófia",
+            "population": 6.465,
+            "area": 110994
+        },
+        {
+            "id": 3,
+            "name": "Portugália",
+            "capital": "Lisszabon",
+            "population": 10.41,
+            "area": 92152
+        },
+        {
+            "id": 4,
+            "name": "Spanyolország",
+            "capital": "Madrid",
+            "population": 47.78,
+            "area": 506030
+        },
+        {
+            "id": 5,
+            "name": "Franciaország",
+            "capital": "Párizs",
+            "population": 67.97,
+            "area": 551695
+        }
+    ]
+}
+</code>
 Mentés: countes
+==== Feladat 0360 ====
+  * Kérje le egy REST API **paintings** végpontjáról festmények adatait.
+    * id - azonosító
+    * title - a festmény címe
+    * artist - festő
+    * creation_year - a készítés éve
+    * medium - mivel készült (pl. olaj, akverell, tempera)
+  * A lekért adatokat tárolja tömbben.
+  * Renderelje a tömb adatait egy táblázatba.
+  * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+Példafestmények:
+<code javascript database.json>
+{
+   "paintings":[
+      {
+         "id":1,
+         "title":"Csillagos éjszaka",
+         "artist":"Vincent van Gogh",
+         "creation_year":1889,
+         "medium":"olajfestmény"
+      },
+      {
+         "id":2,
+         "title":"A Mona Lisa",
+         "artist":"Leonardo da Vinci",
+         "creation_year":1503,
+         "medium":"olajfestmény"
+      },
+      {
+         "id":3,
+         "title":"Az Önarckép",
+         "artist":"Rembrandt",
+         "creation_year":1660,
+         "medium":"olajfestmény"
+      },
+      {
+         "id":4,
+         "title":"A szüret",
+         "artist":"Munkácsy Mihály",
+         "creation_year":1885,
+         "medium":"olajfestmény"
+      },
+      {
+         "id":5,
+         "title":"Tavaszi virágok",
+         "artist":"Claude Monet",
+         "creation_year":1873,
+         "medium":"olajfestmény"
+      }
+   ]
+}
+</code>
+Mentés: festi
 ==== Feladat 0361 ====
+  * Kérje le egy REST API **stars** végpontjáról csillagok adatait.
+    * id - azonosító
+    * name - a csillag neve
+    * magnitude - fényesség
+    * distance - földtől mért távolság (fényév)
+    * spectrum - színképosztály
+  * A lekért adatokat tárolja tömbben.
+  * Renderelje a tömb adatait egy táblázatba.
+  * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+Példaországok:
+<code javascript stars.json>
+{
+    "stars": [
+        {
+            "id": 1,
+            "name": "Proxima Centauri",
+            "magnitude": 15.53,
+            "distance": 4.22,
+            "spectrum": "M5.5Ve"
+        },
+        {
+            "id": 2,
+            "name": "Barnard",
+            "magnitude": 13.22,
+            "distance": 5.96,
+            "spectrum": "M4.0Ve"
+        },
+        {
+            "id": 3,
+            "name": "Wolf",
+            "magnitude": 16.55,
+            "distance": 7.78,
+            "spectrum": "M6.0V"
+        },
+        {
+            "id": 4,
+            "name": "Szírius A",
+            "magnitude": 1.47,
+            "distance": 8.58,
+            "spectrum": "A1V"
+        },
+        {
+            "id": 5,
+            "name": "Ross",
+            "magnitude": 14.79,
+            "distance": 10.32,
+            "spectrum": "M1.5Ve"
+        }
+    ]
+}
+</code>
+Mentés: staros
+==== Feladat 0362 ====
+  * Kérje le egy REST API **motorcycles** végpontjáról motorkerékpárok adatait.
+    * id - azonosító
+    * brand - márka
+    * year - évjárat
+    * volume - hengerűrtartalom
+    * mileage - hány kilométert futott
+  * A lekért adatokat tárolja tömbben.
+  * Renderelje a tömb adatait egy táblázatba.
+  * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+Példaországok:
+<code javascript motorcycles.json>
+{
+    "motorcycles": [
+        {
+            "id": 1,
+            "brand": "Yamaha",
+            "year": 2008,
+            "volume": 50,
+            "mileage": 11000
+        },
+        {
+            "id": 2,
+            "brand": "Honda",
+            "year": 2008,
+            "volume": 108,
+            "mileage": 11834
+        },
+        {
+            "id": 3,
+            "brand": "Aprilia",
+            "year": 1999,
+            "volume": 652,
+            "mileage": 27761
+        },
+        {
+            "id": 4,
+            "brand": "Harley-Davidson",
+            "year": 2008,
+            "volume": 1584,
+            "mileage": 70000
+        },
+        {
+            "id": 5,
+            "brand": "Kawasaki",
+            "year": 2018,
+            "volume": 948,
+            "mileage": 4200
+        }
+    ]
+}
+</code>
+Mentés: motoros
+==== Feladat 0363 ====
+  * Kérje le egy REST API **seas** végpontjáról tengerek adatait.
+    * id - azonosító
+    * name - név
+    * area - területe (km²)
+    * maxdepth - legnagyobb mélység (m)
+    * volume - térfogat (km³)
+  * A lekért adatokat tárolja tömbben.
+  * Renderelje a tömb adatait egy táblázatba.
+  * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+Példaországok:
+<code javascript seas.json>
+{
+    "seas": [
+        {
+            "id": 1,
+            "name": "Korall-tenger",
+            "area": 4790000,
+            "maxdepth": 7661,
+            "volume": 11496000
+        },
+        {
+            "id": 2,
+            "name": "Tasmán-tenger",
+            "area": 4000000,
+            "maxdepth": 5200,
+            "volume": 11000000
+        },
+        {
+            "id": 3,
+            "name": "Hudson-öböl",
+            "area": 1232300,
+            "maxdepth": 183,
+            "volume": 157734
+        },
+        {
+            "id": 4,
+            "name": "Japán-tenger",
+            "area": 977979,
+            "maxdepth": 3742,
+            "volume": 1713456
+        },
+        {
+            "id": 5,
+            "name": "Kara-tenger",
+            "area": 880000,
+            "maxdepth": 620,
+            "volume": 111760
+        }
+    ]
+}
+</code>
+Mentés: seaser
+==== Feladat 0364 ====
+  * Kérje le egy REST API **crops** végpontjáról gabonák adatait.
+    * id - azonosító
+    * name - név
+    * forage - takarmány (true/false)
+    * quantity - mennyiség (q)
+  * A lekért adatokat tárolja tömbben.
+  * Renderelje a tömb adatait egy táblázatba.
+  * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+<code javascript crops.json>
+{
+    "crops": [
+        {
+            "id": 1,
+            "name": "cirok",
+            "forage": false,
+            "quantity": 1200
+        },
+        {
+            "id": 2,
+            "name": "rizs",
+            "forage": false,
+            "quantity": 33000
+        },
+        {
+            "id": 3,
+            "name": "köles",
+            "forage": false,
+            "quantity": 45000
+        },
+        {
+            "id": 4,
+            "name": "búza",
+            "forage": true,
+            "quantity": 25200
+        },
+        {
+            "id": 5,
+            "name": "rozs",
+            "forage": false,
+            "quantity": 32000
+        }
+    ]
+}
+</code>
+Mentés: cropser
+==== Feladat 0365 ====
+  * Kérje le egy REST API **screws** végpontjáról csavarok adatait.
+    * id - azonosító
+    * size - méret
+    * right - jobbmenetes (true/false)
+    * rupture - szakadási nyomaték (Nm, 5 és 30 közötti szám)
+  * A lekért adatokat tárolja tömbben.
+  * Renderelje a tömb adatait egy táblázatba.
+  * Használjon CSS-t vagy CSS keretrendszert a weblap stílusának beállításához.
+<code javascript screws.json>
+{
+    "screws": [
+        {
+            "id": 1,
+            "size": 14,
+            "right": true,
+            "rupture": 20
+        },
+        {
+            "id": 2,
+            "size": 16,
+            "right": false,
+            "rupture": 16
+        },
+        {
+            "id": 3,
+            "size": 12,
+            "right": false,
+            "rupture": 24
+        },
+        {
+            "id": 4,
+            "size": 16,
+            "right": true,
+            "rupture": 28
+        },
+        {
+            "id": 5,
+            "size": 18,
+            "right": true,
+            "rupture": 30
+        }
+    ]
+}
+</code>
+Mentés: screwer
+==== Feladat 0371 ====
   * Kérje be egy dolgozó adatait űrlapon.
@@ Sor 377: / Sor 931: @@
 Mentés: doliga
+==== Feladat 0372 ====
+  * Kérje be egy kocsi adatait űrlapon.
+    * rendszám
+    * szín
+    * űrtartalom
+    * évjárat
+    * ár
+  * A bekért adatokat küldje el POST metódussal egy szerver végpontjára.
+  * Végpont: /api/cars
+Mentés: kocsizas
 ===== Érvényesítés =====

szit

Felhasználói eszközök

Eszközök a webhelyen

Különbségek

Eszközök az oldalon