adding workshop (#131)

* adding workshop info for microfrontends

* adding workshop

_workshops/2023/Microfrontends/index.md

@@ -13,14 +13,16 @@ dauer: ~120 Minuten
 raum: https://th-koeln.zoom.us/j/6078076173?pwd=TjZXb1BoRUxYTktNQnVmZTducVhBQT09 Kenncode noss
 ---
 
-> [Microfrontends](https://micro-frontends.org) sind zu den gewohnten Frontendmonolithen das, was Microservices zum Backendmonolithen sind.
-
-In diesem Workshop werden wir die nicht traditionelle Herangehensweise der Frontend Entwicklung in Angriff nehmen.
-
-Wir schauen uns dazu zunächst einmal an, wie Anwendungen, die von Microfrontends gebrauch machen, aufgebaut sind, setzen dann ein minimales Projekt gemeinsam auf und lassen anschließend Resümee passieren, <br>
-um herauszufinden, ob und wann der Ansatz von Microfrontends im Gebrauch sinnvoll ist. Dabei ist es Dir und deinem/r Partner/in überlassen, welches Framework Du bzw. Ihr gerne nutzt, um euer Feature mit einzubringen!
+"[Microfrontends](https://micro-frontends.org) sind zu den gewohnten Frontendmonolithen das, was Microservices zum Backendmonolithen sind" <br/>
+In diesem Workshop werden wir die nicht traditionelle Herangehensweise der Frontend Entwicklung in Angriff nehmen.<br/><br/>
+Wir schauen uns dazu zunächst einmal an, wie Anwendungen, die von Microfrontends gebrauch machen, aufgebaut sind, <br/>
+setzen dann ein minimales Projekt gemeinsam auf und lassen anschließend Resümee passieren, <br>
+um herauszufinden, ob und wann der Ansatz von Microfrontends im Gebrauch sinnvoll ist. <br/>
+Dabei ist es Dir und deinem/r Partner/in überlassen, welches Framework Du bzw. Ihr gerne nutzt, um euer Feature mit einzubringen!<br/>
+<br>
 
 ---
+<br>
 
 ## Vorkenntnisse:
 - Git

_workshops/2024/Skia Workshop/index.md

@@ -0,0 +1,58 @@
+---
+layout: workshop
+titel: Einführung in Skia (React-Native)
+social-media-untertitel: Workshop am 04. Juni 2024
+datum: 2024-06-04
+modul: wt
+published: true
+autor: Taha Sirajeddin Moujtahid
+bild: ../thumbnail.png
+bildcredits: "react-native-skia Logo von https://github.com/shopify/react-native-skia"
+art: workshop
+termin: Dienstag, 04. Juni 2024, 13:00 Uhr
+dauer: ~120 Minuten
+raum: 3.216
+---
+
+# Workshop Einführung in Skia
+
+> Dieser Workshop bietet einen kurzen Einblick in die react-native portierung von Skia – Fun Fact: Skia dient als Grafik-Engine für Google Chrome und Chrome OS, Android, Flutter, Mozilla Firefox, Firefox OS und viele andere Produkte.
+
+Mit Skia ist es möglich, leistungsfähige und ansprechende benutzerdefinierte Grafikdarstellungen in React Native Anwendungen zu erstellen. 
+
+**Während des Workshops lernen die Teilnehmer**:
+
+* Die Grundlagen der react-native-skia library
+    * Das Einbetten von Skia Componenten
+    * Das Erstellen von Formen mit Skia 
+    * Die Basics: In sachen Effekte und Animationen
+
+
+## Zielgruppe
+
+Dieser Workshop richtet sich an Frontend/Mobile Entwickler, die gerne grafisch aufwändige Applikationen entwickeln möchten.
+
+
+## Voraussetzungen
+
+Die Teilnehmenden sollten folgendes mitbringen:
+
+* Grundlegende Kenntnisse in Javascript/Typescript am besten noch basics in JSX/React/React-Native 
+
+
+## Technische Vorbereitung
+* [Visual Studio Code IDE](https://code.visualstudio.com/) 
+* [NodeJS umgebung mit npm](https://nodejs.org/en)
+* Git
+
+Alternativ zu VSCode kann natürlich eine Entwicklungsumgebung Ihrer Wahl benutzt werden.
+
+Bitte laden Sie sich die starter Repo vom Link unten und testen Sie die Funktionsfähigkeit mithilfe von:
+
+> npm install
+> npm run web
+
+
+## Material
+
+* [Repository](https://github.com/Taha-Moujtahid/workshop_webtech2024)