Workshop-Days 2025

Jonas Bandi

Jonas Bandi ist begeisterter Entwickler, Architekt und Trainer. Sein besonderes Interesse gilt der Zusammenführung von moderner Webentwicklung und traditionellen Enterprise-Anwendungen.
Mit einem Hintergrund in der traditionellen Java und .NET Entwicklung arbeitet er heute hauptsächlich mit JavaScript, Angular & React.
In den letzen Jahren führte Jonas dutzende von in-house Workshops für zahlreiche Firmen in der Schweiz durch.

Seit 20 Jahren ist Jonas Bandi in verschiedensten Projekten unterwegs: von einer Flugzeugsteuerung über industrielle Steuerungsplattformen bis zu Geschäftsanwendungen. Jonas untererrichtet ausserdem seit mehreren Jahren moderne Webentwicklung im CAS "Applikationsentwicklung mit JavaScript & HTML5" an der Berner Fachhochschule.


Sessions

09-09
09:00
480min
Moderne React Entwicklung mit Next.js und React Server Components
Jonas Bandi

Einleitung:
Die Ära der Single Page Applikationen ist vorbei - React erobert den Server!
React Server Components sind nicht nur eine Revolution im React Ökosystem, sondern haben auch das Potenzial die moderne Front-End Entwicklung gesamthaft neu zu positionieren.
React-Server Components sind nicht eine Optimierung des bekannten Server-Side-Rendering von Single Page Applikationen, sondern ein ganz neues Konzept, bei welchem gewisse Komponenten ausschliesslich auf dem Server gerendert werden.
Next.js ist ein komplettes Web-Framework, welches auf React und React Server Components aufbaut und viele Konzepte, Patterns und Mechanismen für die Entwicklung von modernen Web-Applikationen mitbringt.

Programm:
Wir entwickeln zusammen "Step-by-Step" eine Web-Applikation basierend auf Next.js und React Server Components.
Dabei lernen wir die Konzepte und Konstrukte von Next.js und React Server Components kennen.
Wir diskutieren die Konzepte anhand der konkreten Anwendung und betrachten insbesondere die Unterschiede zu klassischen Single-Page-Applikationen welche mit "client-side" React realisiert werden.

  • React Server Components vs. Client Components
  • Routing mit Next.js
  • Data Fetching mit Server Components (ohne REST API)
  • Mutations mit Server Actions (ohne REST API)
  • Patterns für Komponentenstrukturen
  • Deployment von Next.js Applikationen

Kursziel:
Sie verstehen wie moderne Full-Stack Entwicklung mit React, Next.js und React Server Components funktioniert.
Sie erkennen die Vorteile und Nachteile gegenüber der Entwicklung von klassischen Single-Page-Aplikationen mit React.
Sie können beurteilen, ob der Einsatz von React Server Components und Next.js in Ihrem Projekt Sinn macht.

Adressaten:
Sowohl Anfänger, welche React kennenlernen wollen als auch erfahrene React Entwickler, welche Next.js und React Server Components kennenlernen wollen.

>> Zur Anmeldung

Room 10
09-10
09:00
480min
Hands-On Model Context Protocol (MCP): Wie baue ich ein AI-Interface zu meiner Applikation?
Jonas Bandi

Einleitung:
AI ist in aller Munde ... aber ich bin ein klassischer Applikationsentwickler, wie bin ich davon betroffen?
Ein Szenario ist, dass Benutzer in Zukunft die Funktionalitäten von Applikationen nicht mehr (nur) über klassische User-Interfaces konsumieren, sondern über AI-Assistenten: Der Benutzer erteilt einem AI-Assistenten (z.B. ein Chat) einen Auftrag und der AI-Assistent nutzt dann die Funktionalitäten von diversen Applikationen, um diesen Auftrag zu erfüllen.

Programm:
Ausgangslage für den Workshop ist eine Beispiel eCommerce Applikation.
Wir bauen ein neues Interface zu der Applikation, welches AI-Agenten ermöglichen soll, die bestehende Funktionalität der Applikation zu nutzen. Dazu nutzen wir das Model Context Protocol (MCP) welches ein entstehender offener Standard ist, um AI-Agenten den Zugriff auf alle Arten von Funktionalitäten zu ermöglichen.

  • Einführung in das Model Context Protocol MCP
  • Erstellung eines eigenen MCP Servers als Interface zu einer bestehenden Applikation
  • Anbindung des MCP Servers an einen AI-Assistenten um die Funktionalität der Applikation in einem AI-Workflow zu konsumieren
  • Überblick über das schnell wachsende Ökosystem von MCP Servers

In dem Workshop werden wir primär TypeScript und Libraries/Tools aus dem TypeScript Ökosystem verwenden. Es gibt aber bereits viele SDKs für MCP (Java, Kotlin, Python, C# ...)

Kursziel:
Sie verstehen, wie mit dem Model Context Protocol die Brücke zwischen dem AI-Hype und der klassischen Applikationsentwicklung geschlagen werden kann.
Sie haben eine Vorstellung, wie in Zukunft die Anbindungen von AI-Basierten Tools auf klassische Applikationen aussen könnten und wie diese Anbindungen technisch realisiert werden können.

Adressaten:
Klassische Applikationsentwickler, welche einen möglichen "real-world" Anwendugnsfall für AI kennenlernen möchten.

>> Zur Anmeldung

Room 6