Differences

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

--- tanszek:oktatas:informatikai_rendszerek_epitese:informatikai_rendszerek_epitese [2024/02/18 12:37] – [Új gyakorlati anyagok] kissa
+++ tanszek:oktatas:informatikai_rendszerek_epitese:informatikai_rendszerek_epitese [2026/02/13 10:13] (current) – [Gyakorlati anyag] kissa
@@ Line 1: / Line 1: @@
 ====== Informatikai rendszerek építése======
+===== Oktatók =====
+/*{{tanszek:oktatas:informatikai_rendszerek_epitese:inf_rendszerek_epitese_geiak120b_202x.pdf|Ütemterv 2021/2022 tavaszi félév - BSC mérnök infomatikus}}*/
+**Előadó:** Szabó Martin egyetemi tanársegéd, sz.martin91<kukac>gmail.com
+**Gyakorlatvezető:** Kiss Áron tanszéki mérnök, kiss.aron<kukac>uni-miskolc.hu
-===== Tantárgyi ütemterv =====
-{{tanszek:oktatas:informatikai_rendszerek_epitese:inf_rendszerek_epitese_geiak120b_202x.pdf|Ütemterv 2021/2022 tavaszi félév - BSC mérnök infomatikus}}
-**A tárgy előadója:**
-  * Dr. Nehéz Károly egyetemi docens, aitnehez<kukac>uni-miskolc.hu
-**Gyakorlatvezetők:**
-  * Szabó Martin egyetemi tanársegéd, sz.martin91<kukac>gmail.com
-  * Kiss Áron tanszéki mérnök, kiss.aron<kukac>uni-miskolc.hu
-**A tárgy lezárása:** aláírás és vizsga.
 ===== Előadás anyag =====
@@ Line 64: / Line 50: @@
   * {{ :tanszek:oktatas:informatikai_rendszerek_epitese:vizsgakerdesek23.pdf | Vizsgakérdések - 2023}}
+===== Gyakorlati anyag =====
+  * Órán elkészült projektek: https://github.com/aron123/infrend-2026
+  * [[BProf gyakorlati anyag]]
+==== 1. hét ====
+Követelmények ismertetése, szoftverek telepítése, ismerkedés az Angular keretrendszerrel.
+  - [[Szoftverkövetelmények]]
+  - [[https://angular.dev/tutorials/learn-angular|Getting started with Angular]]
+==== 2. hét ====
+Angular alkalmazások felépítése, sztring interpoláció, vezérlési blokkok (''@if'', ''@else'', ''@for''). Bootstrap alapok, grid rendszer.
+  - [[https://github.com/aron123/infrend-2026/blob/master/_data/applicants.ts|Adatok]]
+  - Projekt: HR nyilvántartó rendszer
+Dokumentációk, egyéb anyagok:
+  - [[https://angular.dev/guide/templates/control-flow|Angular Control Flow]]
+  - [[https://getbootstrap.com/docs|Bootstrap]]
+  - [[https://docs.emmet.io/abbreviations/syntax/|Emmet abbreviations]] (+[[https://code.visualstudio.com/docs/editor/emmet|Emmet in VSCode]])
+/*
+==== 3. hét ====
+Angular alkalmazás komponensekre bontása, komponensek közötti kommunikáció. Kódgenerálás (''ng generate'') és adatkötés eszközei (''@Input'' és ''@Output'' dekorátorok).
+  - [[Feladatok több komponens használatára]]
+  - Projekt: Szemantikus verziószámozás
+Dokumentációk, egyéb anyagok:
+  - [[https://angular.dev/guide/components|Angular Components Overview]]
+  - [[https://angular.dev/guide/components/inputs|Accepting data with input properties]]
+  - [[https://angular.dev/guide/components/outputs|Custom events with outputs]]
+  - [[https://semver.org/|Semantic Versioning 2.0.0]]
+==== 4. hét ====
+Az Angular router használata, guard-ok. Dependency injection, service osztályok.
+  - Projekt: AI Chat alkalmazás
+Dokumentációk, egyéb anyagok:
+  - [[https://dev.to/marcomonsanto/routing-in-spas-173i|Routing in SPAs]]
+  - [[https://angular.dev/guide/routing|Angular Routing]]
+*/
+===== Féléves feladatok =====
+[[féléves_feladat]]
@@ Line 81: / Line 101: @@
+/*
 ===== Új gyakorlati anyagok =====
 Full stack fejlesztői gyakorlatok:
+  * Gyakorlati anyag (2025): [[https://aron123.github.io/infrend-2025]]
   * Gyakorlati anyag (2024): [[https://aron123.github.io/infrend-2024]]
@@ Line 102: / Line 135: @@
   * Kiegészítő gyakorlatok:
-    - [[Docker vitualizáció|Docker virtualizáció]]
+    - [[tanszek:oktatas:informatikai_rendszerek_epitese:docker_ismerteto|Docker virtualizáció]]
     - [[Type ORM|TypeORM]]
+*/
+/*
 ===== Korábbi gyakorlatok =====
@@ Line 181: / Line 217: @@
   * Practical Microservices Architectural Patterns - könyv (2019) - pdf elérhető kérésre az előadónál
-====== Féléves feladatok ======
-[[féléves_feladat]]
 ====== ZH kérdések ======
@@ Line 193: / Line 226: @@
   * Image galery: {{tanszek:oktatas:informatikai_rendszerek_epitese:jqueryimagegallery.zip|}}
   * Példagyüjtemény: [[http://www.roseindia.net/ajax/jquery/|JQuery examples]]
+*/