Workshop/realtime technologies (#134)

* workshop: add realtime technologies

* fix: reduce image size

_workshops/2024/RealtimeTechnologies/index.md

@@ -0,0 +1,55 @@
+---
+layout: workshop
+titel: Echtzeit Kommunikation
+social-media-untertitel: Workshop am 25. Juni 2024
+datum: 2024-06-25
+modul: wt
+published: true
+autor: Joshua Gawenda
+bild: ../thumbnail.png
+bildcredits: "Icons von Lucide Icons (https://lucide.dev/icons/)"
+art: workshop
+termin: Dienstag, 25. Juni 2024, 13:00 Uhr
+dauer: ~120 Minuten
+raum: 3.217
+---
+
+## Ziel des Workshops
+
+In diesem Workshop lernen die Teilnehmenden die Grundlagen der Echtzeit-Kommunikation kennen.
+Der Fokus liegt dabei auf den folgenden Themen:
+
+- **Short/Long Polling**: Eine Technologie, die es ermöglicht, ohne viel Änderung am Server, nahezu in Echtzeit Daten vom Server anzufragen.
+- **Server-Sent Events**: Eine Technologie, die es ermöglicht, über eine HTTP-Verbindung Events vom Server zum Client zu senden.
+- **WebSockets**: Eine Technologie, die es ermöglicht, eine bidirektionale Verbindung zwischen einem Client und einem Server aufzubauen.
+
+## Zielgruppe
+
+Dieser Workshop richtet sich an **alle Personen**, die noch keine oder nur wenig Erfahrung mit Echtzeit-Kommunikation haben und diese Technologien kennenlernen und anwenden möchten.
+
+<hr>
+
+## Vorkenntnisse:
+
+Die Teilnehmenden sollten grundlegende Kenntnisse in folgenden Bereichen besitzen:
+
+- **Javascript**
+- **Git**
+- **HTTP**
+
+## Technische Vorbereitung
+
+- **NodeJS** Version >= 18.0.0
+- **Entwicklungsumgebung** (z.B. **Visual Studio Code** oder **Webstorm**)
+- **Browser** (z.B. **Google Chrome**)
+
+> **INFO**: An dem Tag des Workshops wird es möglich sein live an der Präsentation teilzunehmen und bei kleinen Polls mitzumachen. Dazu einfach auf [https://mi-web-technologien-real-time-workshop-frontend.fly.dev/](https://mi-web-technologien-real-time-workshop-frontend.fly.dev/) gehen.
+> <br>*Die Website ist nicht für Mobilgeräte optimiert von daher wird empfohlen, die Website auf einem Desktopgerät zu öffnen.*
+
+## Material
+
+- [**Aufgaben Repository**](https://github.com/gutentag2012/mi-web-technologien-real-time-workshop-assignments)
+- [**Präsentation**](https://mi-web-technologien-real-time-workshop-frontend.fly.dev/)
+- Dokumentation
+  - [SSE](https://html.spec.whatwg.org/multipage/server-sent-events.html#server-sent-events)
+  - [WebSockets](https://websockets.spec.whatwg.org/#network-intro)