GRG-SWP – Softwareentwicklung & Projektmanagement

Unterrichtsrepo für das Fach SWP (Softwareentwicklung und Projektmanagement) an der HTL Spengergasse, Abteilung Wirtschaftsingenieure – Informatik (WII).

---

Übersicht

Klasse	Jahr	Schwerpunkte
2AHWII	SJ 2025/26	HTML/CSS, JavaScript, TypeScript, DOM, Promises, Fetch, Debugging
3AHWII	SJ 2025/26	C#/.NET, OOP, xUnit-Tests, Prisma-Intro, opencode
5AHWII X/Y	SJ 2025/26	Prisma ORM, Deno, REST-APIs, Full-Stack-Web, Regex, Agentic Coding
5AHWII (alle)	Maturavorbereitung	PLF-Übungen (Parkhaus, Non-Decided)

---

2AHWII – Grundlagen Web & JavaScript

Ordnername: 2ahwii/

Im ersten Jahr SWP werden die Grundlagen der Webentwicklung und Programmierung mit JavaScript / TypeScript vermittelt.

Themen:

• HTML, CSS (Boxmodell, Flexbox, Grid, Selektoren)
• JavaScript: Datentypen, Kontrollstrukturen, Funktionen, Arrays, Objekte
• Debugging in VSCode
• Lambda-Funktionen
• DOM-Manipulation
• Promises, async/await
• Transpilierung (TypeScript)
• Fetch-API, REST-Clients
• Hono mit SQLite

Enthaltene Übungsbeispiele: Brüche, Bruchrechnen, Noten-Sampling, HTML-Seiten, Todo-Apps, Fetch-Übungen u.v.m.

---

3AHWII – C#/.NET & OOP

Ordnername: 3ahwii/

Im zweiten Jahr liegt der Fokus auf C# und dotnet sowie auf objektorientierter Programmierung.

Themen:

• .NET Console-Apps
• OOP: Klassen, Instanzen, Konstruktoren, Vererbung
• Bruchklasse mit Operatoren
• xUnit-Tests, Debugger-Konfiguration
• Exception-Handling (throw, try/catch)
• CLI-Argumente parsen
• Später im Jahr: Deno, TypeScript, Prisma ORM

Danach geht es im Repo GRG-CS weiter.

---

5AHWII – Full-Stack-Webentwicklung

In der 5. Klasse wird mit Prisma ORM, Deno und TypeScript full-stack entwickelt. Die Klasse ist in zwei Gruppen geteilt:

Gruppe X – 5ahwii_X/

• Prisma-Schema-Design, Migrationen, Seeding
• Quiz-Projekt mit opentdb.com-Daten
• REST-APIs mit Hono
• Regex, CSS Grid/Flexbox, Exceptions
• Agentic Coding mit opencode
• Tooltips, Router

Gruppe Y – 5ahwii_Y/

• Prisma Recap, Airline-Datenmodell
• Lift Kata (Samman Coaching)
• Flug-API mit Repository-Schicht
• CSS Positioning, Grid Garden
• Parkhaus-Aufgabe

Gemeinsam – 5ahwii_alle/

• PLF-Übungen und Maturavorbereitung

---

Beispielprojekte – Sample_Projects/

Komplette Anwendungen als Referenz für die Schüler:

• Game of Life – Vanilla JS, Canvas
• John's Bar – Deno + Prisma + SQLite (Full-Stack)
• Mastermind – Spielelogik in JS
• Ticketautomat – Zustandslogik
• Taschenrechner WDS – Web-Calculator
• Todo App (styled) – Stylishe Todo-Liste
• Todo App WZR – Alternativer Todo-Stil

---

Prisma-Demos – Coole_Prisma_Schemas/

Datenbank-Schema-Entwürfe und vollständige Mini-Apps:

• ZOO – Express + EJS + Prisma (vollständige Web-App)
• Airline / Bank / Watchlist / Game-Player-Score
• Person_Mutter_Vater – Vererbung im Datenmodell

---

Unterrichtsmaterialien – Unterlagen/

• PDF-Folien zu HTML, CSS (Boxmodell, Flexbox, Grid, Bootstrap)
• CSS Selector Cheat Sheets
• C#-Skriptum
• HTTP-Folien und Open-APIs-Listen
• Vanilla-JS-Frontend-Leitfaden (7 Punkte für GRG / 8 Punkte für WZR)
• opencode-Befehlsreferenz

---

Übungen & Testdaten

• Übungen/ – Aufgabenblätter (z. B. Fibonacci)
• Testdata_(Generators)/ – Skripte zum Erzeugen von Testdaten: Labyrinthe (JSON), Personendaten, Spielkarten

---

Organisatorisches

• RULES.md – Klassenregeln, Benotungsschema
• PROJECT_CONTRIBUTIONS.md – Leitfaden für Issues und PRs
• Lehrplan_WII_SWP.md – offizieller Lehrplan (1. Semester)
• LEHRPLAN/ – offizielle Lehrplandokumente (SWP & INFI)

---

Sonstiges

• deno-prisma7-kaputt/ – Experimentelles Setup Deno + Prisma 7 („kaputt“ = Work-in-Progress)
• GRG-SWP.sln – Visual Studio Solution (für C#-Teile)

---

HTL Spengergasse, Abteilung Wirtschaftsingenieure – Informatik (WII)