AZ AKTUÁLIS FÉLÉV ANYAGA ITT ÉRHETŐ EL:
https://aron123.github.io/infrend-2024

Informatikai rendszerek építése (2022/23. II. félév)

• Beadandó információk
• Tanszéki weboldal
• BProf gyakorlat
• Szoftverkövetelmények

1. hét

Követelmények ismertetése, szoftverek telepítése, ismerkedés az Angular keretrendszerrel.

• Getting started with Angular
• StackBlitz sample project

2. hét

Elmaradt.

3. hét

Angular alkalmazások felépítése, sztring interpoláció és strukturális direktívák (*ngIf, *ngFor). Bootstrap, grid rendszer.

• Adatok
• HR nyilvántartó rendszer - [DEMO]

Dokumentációk, egyéb anyagok:

• Bootstrap
• Emmet abbreviations (+Emmet in VSCode)

4. hét

Angular alkalmazás komponensekre bontása, komponensek közötti kommunikáció. Kódgenerálás (ng generate), adatkötés eszközei (@Input, @Output dekorátorok, EventEmitter osztály).

• Feladatok több komponens használatára
  • Szemantikus verziószámozás - [DEMO]

Dokumentációk, egyéb anyagok:

• Angular Components Overview
• Sharing data between child and parent components
• Semantic Versioning 2.0.0

5. hét

Az Angular router használata, guard-ok.

• Adatmodell

Projekt:

• ChatGPT alkalmazás

Egyéb anyagok:

• Routing in SPAs
• Common routing tasks in Angular

6. hét

HTTP kérések kezelése Angular-ban, service-k.

• HTTP protokoll
• Görgetés script

Projekt:

• ChatGPT alkalmazás

Egyéb anyagok:

• OpenAI API

7. hét

Szerveroldal fejlesztése. HTTP szerver készítése Express.js segítségével. Adatbázis kezelés TypeORM-el.

• Express.js alapok (HTTP szerver)
  • Greeting API projekt
• TypeORM alapok (Adatbáziskezelés)
  • Tutorial projekt

Egyéb anyagok:

• Express Docs
• TypeORM Docs

8. hét

Monorepo létrehozása, szerveroldal fejlesztése.

Egyéb anyagok:

• NPM Workspaces
• Data Transfer Object tervezési minta

9. hét

Kliens- és szerveroldal összekapcsolása.

• Termékadatbázis

Projekt:

• Webshop projekt (kedd 16:00)
• Webshop projekt (csütörtök 10:00)

Egyéb anyagok:

• Angular - Proxying to a backend server

10. hét

Adatkezelés reaktív form-okkal.

• Termékadatbázis
• Kódrészletek

Projekt:

• Webshop projekt (kedd 16:00)
• Webshop projekt (csütörtök 10:00)

Egyéb anyagok:

• Reactive forms in Angular
• Intro to Angular Reactive Forms

11. hét

1:N kapcsolat implementálása kliens- és szerveroldalon (Termék -> Eladó).

Projekt:

• Webshop projekt (kedd 16:00)
• Webshop projekt (csütörtök 10:00)

Egyéb anyagok:

• TypeORM - Many-to-one / one-to-many relations

12. hét

N:M kapcsolatok implementálása kliens- és szerveroldalon (Termék -> Kategória).

Projekt:

• Webshop projekt (kedd 16:00)
• Webshop projekt (csütörtök 10:00)

Egyéb anyagok:

• TypeORM - Many-to-many relations

Kiegészítő anyagok

• Felhasználókezelés, autentikáció

Elérhetőség

Kiss Áron, tanszéki mérnök
ME-GÉIK Informatikai Intézet

E-mail: kiss.aron@uni-miskolc.hu