Schulung · Model Context Protocol (MCP) · JavaScript & TypeScript

Model Context Protocol (MCP) für JavaScript- und TypeScript-Entwickler:innen

MCP-Server entwickeln und sicher anbinden: Tools, Resources und Prompts für Claude Code, Cursor, Copilot und eigene KI-Agenten.

Dauer
2 Tage (14 Std.)
Format
Online oder vor Ort
Sprache
Deutsch oder Englisch
Teilnehmende
offene Termine oder exklusiv für Ihr Team
Abschluss
Teilnahmebescheinigung

Überblick

„Model Context Protocol (MCP) für JavaScript- und TypeScript-Entwickler:innen“ ist ein praxisorientiertes Training für Rollen wie Frontend- und Fullstack-Entwickler:innen mit JavaScript oder TypeScript, Teams, die eine bestehende JavaScript-Codebasis nach TypeScript migrieren und Library- und SDK-Maintainer im npm-Ökosystem. Sie lernen Model Context Protocol (MCP) nicht abstrakt, sondern an Aufgaben aus Ihrem Arbeitsalltag kennen – mit Beispielen, Übungen und Vorlagen aus dem Bereich JavaScript & TypeScript.

Das Model Context Protocol ist ein offener Standard, über den KI-Anwendungen einheitlich auf externe Werkzeuge, Datenquellen und Workflows zugreifen. Statt für jeden Assistenten eigene Integrationen zu bauen, implementieren Sie einen MCP-Server einmal und nutzen ihn in Claude Code, Claude Desktop, Cursor, GitHub Copilot, VS Code und eigenen Agenten. In dieser zweitägigen Schulung lernen Sie die Architektur aus Host, Client und Server, die drei zentralen Bausteine Tools, Resources und Prompts sowie die Transportwege stdio und Streamable HTTP kennen – und setzen sie direkt in eigenem Code um.

Am ersten Tag bauen Sie mit den offiziellen SDKs für TypeScript oder Python einen eigenen MCP-Server, der interne APIs, Datenbanken oder Dateien kontrolliert für KI-Assistenten verfügbar macht, und testen ihn mit dem MCP Inspector. Der zweite Tag widmet sich Remote-Servern, Authentifizierung über OAuth, Sicherheitsrisiken wie Prompt Injection und Tool Poisoning sowie Betrieb, Logging und Governance im Unternehmen. Sie lernen, Tool-Beschreibungen so zu gestalten, dass Modelle sie zuverlässig nutzen, und wissen am Ende, wie Sie MCP-Server sicher in Ihre Entwicklungs- und Agenten-Landschaft integrieren.

JavaScript und TypeScript laufen heute im Browser, auf dem Server, in Build-Pipelines und auf Edge-Plattformen. Diese Vielfalt bringt komplexe Toolchains mit sich: Bundler, Transpiler, Linter, Paketmanager und ein sich ständig bewegendes npm-Ökosystem. KI-Coding-Assistenten und Agenten nehmen hier viel Reibung heraus. Sie migrieren JavaScript-Module schrittweise nach TypeScript, leiten präzise Typen aus API-Antworten ab, beheben ESLint-Befunde, schreiben Vitest- oder Jest-Tests und erklären verschachtelte Generics verständlich. Damit die Ergebnisse zum Projekt passen, brauchen die Werkzeuge klare Leitplanken: tsconfig-Strenge, Modulsystem, Coding-Guidelines und Testbefehle. Im Kurs lernen Sie, diesen Kontext gezielt bereitzustellen und generierten Code kritisch zu prüfen.

Das Training findet live statt – wahlweise online im virtuellen Klassenraum oder vor Ort in unseren Trainingsräumen in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart und Kaiserslautern. Auf Wunsch kommen wir auch exklusiv für Ihr Team zusammen.

Für wen ist das Training?

  • Frontend- und Fullstack-Entwickler:innen mit JavaScript oder TypeScript
  • Teams, die eine bestehende JavaScript-Codebasis nach TypeScript migrieren
  • Library- und SDK-Maintainer im npm-Ökosystem
  • Tech Leads, die Tooling, Linting und Build-Prozesse verantworten

Typische Herausforderungen, die wir adressieren

  • Schleichende Typ-Erosion durch any, Type Assertions und lockere tsconfig-Einstellungen
  • Komplexe Toolchains aus Bundler, Transpiler, ESM und CommonJS, die schwer zu debuggen sind
  • Riesige Abhängigkeitsbäume mit Sicherheits- und Wartungsrisiken
  • Asynchroner Code mit schwer reproduzierbaren Race Conditions und Fehlerbehandlungslücken

Das können Sie nach dem Training

  • Sie erklären die MCP-Architektur und wählen für jeden Anwendungsfall zwischen Tools, Resources und Prompts.
  • Sie entwickeln einen eigenen MCP-Server in TypeScript oder Python und testen ihn systematisch.
  • Sie binden MCP-Server in Claude Code, Cursor, Copilot und eigene Agenten ein.
  • Sie betreiben Remote-Server mit Streamable HTTP und OAuth-basierter Autorisierung.
  • Sie setzen KI-Agenten gezielt für TypeScript-Migrationen, Typisierung und Testgenerierung ein.
  • Sie versorgen Assistenten mit tsconfig, Lint-Regeln und Projektkonventionen, damit generierter Code zum bestehenden Stack passt.
  • Sie bewerten vorgeschlagene npm-Abhängigkeiten und generierten Code kritisch hinsichtlich Typsicherheit und Sicherheit.

Inhalte & Ablauf

Tag 1

Modul 1 Architektur und Grundkonzepte
  • Rollen von Host, Client und Server und der Lebenszyklus einer Verbindung
  • JSON-RPC-Nachrichten, Capability-Aushandlung und Benachrichtigungen
  • Tools, Resources und Prompts: wann welcher Baustein passt
  • Client-Funktionen wie Sampling, Roots und Elicitation im Überblick
Modul 2 Eigenen MCP-Server bauen
  • Server mit dem offiziellen TypeScript- oder Python-SDK aufsetzen
  • Tools mit JSON-Schema für Ein- und Ausgaben sauber definieren
  • Resources und Resource-Templates für Dokumente, Datensätze und Konfigurationen bereitstellen
  • Testen und Debuggen mit dem MCP Inspector und aussagekräftigen Fehlermeldungen
Modul 3 Anbindung an Claude Code, Cursor, Copilot und Agenten
  • Lokale stdio-Server und Remote-Server in Clients konfigurieren
  • Projekt- und nutzerbezogene Konfiguration, Freigaben und Berechtigungen
  • Tool-Beschreibungen formulieren, die Modelle zuverlässig richtig auswählen
  • MCP-Server in eigene Agenten mit Claude Agent SDK oder OpenAI Agents SDK einbinden
Modul 4 Transport, Authentifizierung und Betrieb
  • Streamable HTTP, Sitzungsverwaltung und zustandslose Server
  • Autorisierung mit OAuth, Token-Validierung und Anbindung an bestehende Identity Provider
  • Deployment als Container, auf Serverless-Plattformen oder hinter einem Gateway
  • Logging, Monitoring, Rate Limiting und Versionierung von Tool-Schnittstellen

Tag 2

Modul 5 Sicherheit und Governance
  • Bedrohungen: Prompt Injection über Tool-Ergebnisse, Tool Poisoning, Confused Deputy
  • Prinzip der minimalen Rechte, Bestätigungspflichten und Sandboxing
  • Prüfung und Freigabe von Drittanbieter-Servern im Unternehmen
  • Datenschutz, Protokollierung personenbezogener Daten und Anforderungen aus DSGVO und EU AI Act
Modul 6 Praxislabor: JavaScript & TypeScript
  • Schrittweise TypeScript-Migration
  • Typen aus APIs und Schemas ableiten
  • Vitest- und Jest-Tests schreiben
  • ESLint-Befunde und Code-Smells beheben
  • Build- und Bundler-Probleme debuggen
  • Abhängigkeiten aktualisieren
Modul 7 Datenschutz, Qualität & Transfer in den Alltag
  • Das npm-Ökosystem ist ein häufiges Ziel von Supply-Chain-Angriffen; prüfen Sie jede von der KI vorgeschlagene Abhängigkeit auf Herkunft, Wartung und Lizenz (etwa Copyleft-Lizenzen). Halten Sie API-Keys und Tokens aus Prompts heraus und klären Sie vertraglich, ob Quellcode zum Training der Modelle verwendet werden darf.
  • Spielregeln für den sicheren KI-Einsatz im Team
  • Ergebnisse prüfen: Fakten, Quellen, Tests und Vier-Augen-Prinzip
  • Persönlicher Umsetzungsplan für die nächsten 30 Tage
  • Offene Fragen, Ausblick und Ressourcen zum Weiterlernen

Praxisszenarien aus Ihrem Bereich

Schrittweise TypeScript-Migration

Der Agent konvertiert JavaScript-Dateien modulweise nach TypeScript, leitet Typen aus der Verwendung ab, ersetzt any durch präzise Typen und erhöht die tsconfig-Strenge kontrolliert, bis der Compiler ohne Fehler durchläuft.

Typen aus APIs und Schemas ableiten

Aus JSON-Beispielen, OpenAPI-Spezifikationen oder Datenbankschemas entstehen TypeScript-Interfaces und Zod-Schemas für die Laufzeitvalidierung, sodass Frontend und Backend auf einem konsistenten Vertrag arbeiten. Änderungen am Schema werden so sofort als Typfehler sichtbar.

Vitest- und Jest-Tests schreiben

Für Utility-Funktionen, Hooks und Services generiert die KI Unit-Tests mit sinnvollen Mocks, Fake-Timern und Snapshot-Strategien, führt sie aus und korrigiert fehlschlagende Fälle eigenständig. Bestehende Testkonventionen werden dabei übernommen.

ESLint-Befunde und Code-Smells beheben

Der Assistent arbeitet Lint-Warnungen systematisch ab, ersetzt veraltete Muster wie Callback-Ketten durch async/await und erklärt bei jeder Regel, warum die Änderung sinnvoll ist. So lernt das Team die Regeln gleich mit.

Build- und Bundler-Probleme debuggen

Fehlermeldungen aus Vite, webpack oder esbuild werden analysiert, ESM-CommonJS-Konflikte aufgelöst und Konfigurationen für Path-Aliases, Tree Shaking oder Source Maps korrigiert. Der Agent prüft jede Korrektur durch einen erneuten Build.

Abhängigkeiten aktualisieren

Die KI prüft Changelogs bei Major-Updates von npm-Paketen, passt Breaking Changes im Code an, aktualisiert Lockfiles und verifiziert die Änderungen über Typecheck und Testlauf. Riskante Updates werden einzeln und nachvollziehbar umgesetzt.

Mögliche Praxisprojekte im Kurs

Typsicherer API-Client

Ein kleines TypeScript-Paket, das aus einer OpenAPI-Spezifikation einen typsicheren Fetch-Client mit Zod-Validierung erzeugt und als npm-Paket mit Tests veröffentlicht werden kann.

Browser-Erweiterung

Eine Browser-Extension in TypeScript, die Seiteninhalte analysiert und strukturiert in die Zwischenablage kopiert – inklusive Manifest, Content-Script und automatisiertem Build.

Monorepo-Health-Check

Ein Node-Skript, das Workspaces in einem Monorepo analysiert, doppelte oder inkonsistente Abhängigkeitsversionen findet und einen Bereinigungsplan vorschlägt. Die Änderungen setzt der Agent auf Wunsch direkt um.

Voraussetzungen

Solide Programmierkenntnisse in TypeScript/JavaScript oder Python sowie Grundverständnis von HTTP-APIs und JSON. Erste Erfahrung mit KI-Assistenten im Entwicklungsalltag ist hilfreich. Gute Kenntnisse in modernem JavaScript, Grundlagen in TypeScript sowie Erfahrung mit npm, pnpm oder yarn und Git.

Technische Voraussetzungen

Laptop mit Node.js oder Python, Git und einem Code-Editor; Zugang zu mindestens einem MCP-fähigen Client wie Claude Code, Claude Desktop, Cursor oder VS Code mit Copilot.

Datenschutz & Compliance

Das npm-Ökosystem ist ein häufiges Ziel von Supply-Chain-Angriffen; prüfen Sie jede von der KI vorgeschlagene Abhängigkeit auf Herkunft, Wartung und Lizenz (etwa Copyleft-Lizenzen). Halten Sie API-Keys und Tokens aus Prompts heraus und klären Sie vertraglich, ob Quellcode zum Training der Modelle verwendet werden darf.

Terminvorschläge

Alle Termine sind Vorschläge – Ihr Wunschtermin ist jederzeit möglich.

  • Di, 24. November 2026 – Mi, 25. November 2026 Online Anfragen
  • Mo, 30. November 2026 – Di, 1. Dezember 2026 Hannover Anfragen
  • Do, 17. Dezember 2026 – Fr, 18. Dezember 2026 Online Anfragen
  • Do, 14. Januar 2027 – Fr, 15. Januar 2027 Online Anfragen
  • Mi, 20. Januar 2027 – Do, 21. Januar 2027 München Anfragen
  • Mo, 1. Februar 2027 – Di, 2. Februar 2027 Online Anfragen

Häufige Fragen

Wofür brauche ich einen eigenen MCP-Server?

Immer dann, wenn KI-Assistenten auf interne Systeme zugreifen sollen, etwa auf Ticketsysteme, Datenbanken, Dokumentation oder Fachanwendungen. Ein eigener Server legt genau fest, welche Aktionen und Daten verfügbar sind, und lässt sich anschließend in mehreren Clients wiederverwenden. So vermeiden Sie Insellösungen und behalten die Kontrolle über Zugriffe.

Welche Programmiersprache wird im Kurs verwendet?

Sie können wahlweise mit TypeScript oder Python arbeiten, für beide gibt es offizielle SDKs. Die Konzepte sind identisch, die Übungen liegen in beiden Varianten vor. Wer in einer anderen Sprache entwickelt, profitiert trotzdem, da das Protokoll sprachunabhängig ist und SDKs für weitere Sprachen ähnlich aufgebaut sind.

Wie sicher ist MCP im Unternehmenseinsatz?

Das Protokoll selbst bietet Mechanismen für Autorisierung und Berechtigungen, die Sicherheit hängt aber von Implementierung und Betrieb ab. Risiken wie Prompt Injection über Tool-Ergebnisse oder überprivilegierte Server sind real. Wir behandeln konkrete Gegenmaßnahmen, Freigabeprozesse für Drittanbieter-Server und den Umgang mit personenbezogenen Daten.

Wie gut kommen KI-Assistenten mit komplexen TypeScript-Typen zurecht?

Moderne Modelle verstehen Generics, Conditional Types und Mapped Types sehr gut und können sie verständlich erklären. Bei sehr komplexen Typkonstruktionen ist der Compiler die entscheidende Kontrollinstanz. Im Kurs lernen Sie, den Agenten tsc iterativ ausführen zu lassen, damit Vorschläge nicht nur plausibel aussehen, sondern tatsächlich typkorrekt sind.

Ist der Kurs auch für reine Frontend-Entwickler:innen geeignet?

Ja. Der Fokus liegt auf der Sprache und ihrem Tooling, also Typisierung, Tests, Linting, Builds und Abhängigkeiten – Themen, die Frontend wie Backend gleichermaßen betreffen. Wer tiefer in React oder Node.js einsteigen möchte, findet dafür eigene spezialisierte Kursvarianten in unserem Katalog.

Was kostet die Schulung „Model Context Protocol (MCP) für JavaScript- und TypeScript-Entwickler:innen“?

Die Schulung kostet pauschal 949 € zzgl. gesetzl. MwSt. pro Teilnehmer:in – unabhängig davon, ob sie online oder vor Ort stattfindet. Enthalten sind 2 Trainingstag(e) mit Live-Trainer:in, Kursunterlagen, Übungsumgebung und Teilnahmebescheinigung.

Kann ich einen eigenen Wunschtermin angeben?

Ja. Unsere Terminvorschläge sind eine Orientierung. Im Anfrageformular können Sie jederzeit einen Wunschtermin oder Zeitraum im Freitext angeben – wir prüfen die Verfügbarkeit und bestätigen innerhalb eines Werktags.

Findet der Kurs online oder vor Ort statt?

Beides ist möglich: live online im virtuellen Klassenraum oder vor Ort in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart oder Kaiserslautern. Auf Wunsch führen wir das Training auch exklusiv für Ihr Team durch.

Weitere Kurse für JavaScript- und TypeScript-Entwickler:innen

Weitere Kurse zu Model Context Protocol (MCP)

Alle 29 Kurse zu Model Context Protocol (MCP)

Model Context Protocol (MCP) · MünchenModel Context Protocol (MCP) · SalzburgModel Context Protocol (MCP) · BerlinModel Context Protocol (MCP) · AugsburgModel Context Protocol (MCP) · HannoverModel Context Protocol (MCP) · BremenModel Context Protocol (MCP) · StuttgartModel Context Protocol (MCP) · KaiserslauternModel Context Protocol (MCP) · Online