Version: 5. félév

1. Gyakorlat

Csoportot alkottok (párok)

  • kb 3. hét - követelmények/projektötlet
  • kb 7. hét - szerver oldal (jegy) + dokumentáció (jegy)
  • utolsó hetek - kliens oldal (jegy) + dokumentáció (jegy) (+ integráció)
  • utolsó óra - bemutató? (jegy)

pontos követelmények canvasen lesznek fenn

backend (szerver oldal) - tetszőleges technológia

kliens oldalon - angular

backendes technológiák:#

  • java - spring-boot
  • nodeJS - typescript
  • laravel (PHP) - REST dev-ops:
  • CI / CD
  • Docker kliens oldal:
  • Angular kitekintés:
  • egyéb backendes technológiákat (python, go)

webes alkalmazás#

  • klasszikus architektúra
    • csak a szerveren futó alkalmazás
    • HTML + CSS + JS
    • formokon (GET, POST)
  • szerver-oldali alkalmazás + kliens-oldali alkalmazás
    • REST (, graphql, socket.io)
    • szerver oldal csak az adatokat adja vissza
    • kliens oldal megjelenít, elkéri az adatokat

HTTP#

  • url
  • method (GET, POST, PUT, PATCH, DELETE, ...)
  • request
    • request header
    • (request body - POST, PUT, PATCH esetén)
  • response
    • status code (200, 400, 404, 500, 503)
      • 2xx: sikert jeleznek
      • 3xx: átirányítás
      • 4xx: kliens hibázott (pl.: validációs hiba)
      • 5xx: szerver hibázott (pl.: exception)
    • response header
    • response body

JSON#

JavaScript Object Notation

Részhalmaza a JavaScript objektum szintaxisnak

{
"kurzusNeve": "string",
"letszam": 20,
"hallgatok": [
20,
true,
"valami",
[]
],
"oktato": {
"nev": "Móger Tibor"
}
}

REST#

Representational State Transfer

Protokoll a http fölött, egységesítse a kommunikációt

Példa REST nélkül#

- POST /createBejelentes
request: {
"nev": "rossz projektor",
"hely": "2-404",
"leiras": "javitsd meg plis"
}
- GET /bejelentesek
response: [
"rossz projektor",
"rossz cica",
"rossz kutya"
]
- GET /bejelentes?bejelentesId=1
response: {
"nev": "rossz projektor",
"terem": "2-404",
"leiras": "javitsd meg plis"
}
- POST /modifyBejelentes?bejelentesId=1
request: {
"hely": "2-401"
}

Példa REST-tel#

- POST /bejelentesek
request: {
"nev": "rossz projektor",
"hely": "2-404",
"leiras": "javitsd meg plis"
}
- GET /bejelentesek
response: [
{ "nev": "rossz projektor" },
{ "nev": "rossz cica" },
{ "nev": "rossz kutya" }
]
- GET /bejelentesek/1
response: {
"nev": "rossz projektor",
"hely": "2-404",
"leiras": "javitsd meg plis"
}
- PATCH /bejelentesek/1
request: {
"hely": "2-401"
}

TODO#

Edit this page
Last updated on