Institute of Information Science - University of Miskolc

User Tools

Site Tools

Trace: • bprof_gyakorlati_anyag
tanszek:oktatas:informatikai_rendszerek_epitese:bprof_gyakorlati_anyag

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
tanszek:oktatas:informatikai_rendszerek_epitese:bprof_gyakorlati_anyag [2026/02/13 10:17] – [2. hét] kissatanszek:oktatas:informatikai_rendszerek_epitese:bprof_gyakorlati_anyag [2026/03/31 07:24] (current) – [6. héttől] kissa
Line 4: Line 4:
 Ismerkedés az Angular keretrendszer alapjaival. Ismerkedés az Angular keretrendszer alapjaival.
  
-==== 2. hét ====+==== 2-3. hét ====
 Tetszőleges nyilvántartó rendszer fejlesztése Angular keretrendszerben, Bootstrap helyett Tailwind CSS felhasználásával. A kezelt objektumoknak legyen legalább 4 mezője. Legyen lehetőség a tárolt rekordok listázására, törlésére, új rekord hozzáadására. Legyen felhasználva minél több Tailwind CSS által biztosított osztály. Tetszőleges nyilvántartó rendszer fejlesztése Angular keretrendszerben, Bootstrap helyett Tailwind CSS felhasználásával. A kezelt objektumoknak legyen legalább 4 mezője. Legyen lehetőség a tárolt rekordok listázására, törlésére, új rekord hozzáadására. Legyen felhasználva minél több Tailwind CSS által biztosított osztály.
  
 Segédanyagok: Segédanyagok:
-- [[https://tailwindcss.com/docs/installation/framework-guides/angular|Install Tailwind CSS with Angular]] +  - [[https://tailwindcss.com/docs/installation/framework-guides/angular|Install Tailwind CSS with Angular]] 
-- [[https://tailwindcss.com/docs/styling-with-utility-classes|Tailwind CSS Core Concepts]]+  - [[https://tailwindcss.com/docs/styling-with-utility-classes|Tailwind CSS Core Concepts]] 
 + 
 +==== 4-5. hét ==== 
 +A következő alkalmazás elkészítése: [[https://edu.iit.uni-miskolc.hu/_media/tanszek:oktatas:informatikai_rendszerek_epitese:pasted:20260227-094631.png|Screenshot]] 
 + 
 +  - legalább 3 komponensből álljon az alkalmazás, 
 +  - lehessen új vicceket felvinni (felhasználónév, vicc szövege), 
 +  - legyen szavazási lehetőség (lehet többször is szavazni), 
 +  - az eredmény viccenként és összesítve is jelenjen meg, 
 +  - a legalább +50-es eredményt elért vicceknél jelenjen meg a "Community Approved" jelvény. 
 + 
 +==== 6. héttől ==== 
 + 
 +A következő hetek feladata egy alkalmazás készítése a GitHub API felhasználásával: 
 + 
 +  - A felület stílusának kialakításához valamelyik tanult CSS-könyvtárat (Bootstrap vagy Tailwind) használni kell. 
 +  - A lapok közötti navigáció a beépített Angular Router-rel történjen. 
 +  - A listák megjelenítésekor nem kell lapozási lehetőséget biztosítani, az API által alapértelmezetten visszaküldött számú találat megjelenítése elegendő. 
 + 
 +Elkészítendő lapok: 
 + 
 +  - **Felhasználó keresés lap**: Be lehet írni a keresett felhasználó nevét, egy "Keresés" gombra kattintva megjelennek a GitHub API-tól kapott találatok. 
 +  - **Felhasználói adatlap**: A keresés során megtalált felhasználóknak meg lehet nyitni az adatlapját, ahol megjelenik róluk néhány alapinformáció, valamint a rendszerben szereplő repository-jaik. A repository-k kattinthatók, a linkek az adott repo adatlapjára visznek. 
 +  - **Repository keresés lap**: Be lehet írni a keresett repository nevét, egy "Keresés" gombra kattintva megjelennek a GitHub API-tól kapott találatok. 
 +  - **Repository adatlap**: A keresés során megtalált repository-knak meg lehet nyitni az adatlapját, ahol megjelenik néhány alapadatuk. 
 + 
 +A 6. héten a GitHub API megismerése a cél: össze kell gyűjteni és ki kell próbálni azokat az API hívásokat, amik szükségesek az ismertetett alkalmazás megvalósításához. Egy olyan dokumentum összeállítása a cél, ami tartalmazza a szükséges adatlekérdező műveletek elérését, rövid leírását, a kimeneti adatstruktúrák fontosabb elemeit, valamint egy-egy screenshotot a Postman-ből, amiben sikeres API hívás látható. 
 + 
 +A 7. héten a [[TypeORM feladat]] megoldásának befejezése a feladat. 
 + 
 +A 8. héten a 2 kereső felület megvalósítása a cél. A felhasználó kereső kerüljön a főoldalra, a repository kereső a ''/search-repos'' útvonalon legyen elérhető! 
 + 
 +Referencia dokumentáció: 
 +  * [[https://docs.github.com/en/rest/overview/resources-in-the-rest-api|Általános API-leírás]] 
 +  * [[https://docs.github.com/en/rest/reference/search#search-repositories|Search repositories]] 
 +  * [[https://docs.github.com/en/rest/reference/repos#get-a-repository|Get a repository]] 
 +  * [[https://docs.github.com/en/rest/reference/search#search-users|Search users]] 
 +  * [[https://docs.github.com/en/rest/users/users?apiVersion=2026-03-10#get-a-user|Get a user]] 
 +  * [[https://docs.github.com/en/rest/repos/repos?apiVersion=2026-03-10#list-repositories-for-a-user|List repositories for a user]]
tanszek/oktatas/informatikai_rendszerek_epitese/bprof_gyakorlati_anyag.1770977856.txt.gz · Last modified: 2026/02/13 10:17 by kissa