Schulung · Claude Code · JavaScript & TypeScript

Claude Code für JavaScript- und TypeScript-Entwickler:innen

Agentisches Coding mit Claude Code im Terminal und in der IDE: von CLAUDE.md über Subagents und Hooks bis zu CI und sicheren Berechtigungen.

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

„Claude Code 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 Claude Code nicht abstrakt, sondern an Aufgaben aus Ihrem Arbeitsalltag kennen – mit Beispielen, Übungen und Vorlagen aus dem Bereich JavaScript & TypeScript.

Claude Code ist der agentische Coding-Assistent von Anthropic, der direkt im Terminal und in gängigen IDEs arbeitet. Statt einzelne Codezeilen zu vervollständigen, liest Claude Code Ihr Repository, plant Änderungen über mehrere Dateien hinweg, führt Befehle aus, startet Tests und erstellt Commits. In diesem zweitägigen Training lernen Sie, wie Sie dieses Werkzeug kontrolliert einsetzen: mit klaren Projektanweisungen in CLAUDE.md, bewusstem Kontextmanagement und einem Workflow, bei dem Sie als Entwicklerin oder Entwickler die Richtung vorgeben und jede Änderung nachvollziehen können.

Im Mittelpunkt stehen reale Entwicklungsaufgaben: Bugs analysieren, Features umsetzen, Legacy-Code refaktorieren und Tests ergänzen. Sie konfigurieren Subagents für spezialisierte Aufgaben, automatisieren Qualitätsprüfungen mit Hooks, binden externe Systeme über das Model Context Protocol (MCP) an und bündeln Teamwissen in Skills. Abschließend bringen Sie Claude Code headless in CI-Pipelines und legen Berechtigungen, Sandboxing und Freigaberegeln so fest, dass der Einsatz auch in sicherheitskritischen Umgebungen, etwa mit regulatorischen Vorgaben oder sensiblen Kundendaten, vertretbar bleibt.

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 setzen Claude Code für mehrstufige Entwicklungsaufgaben ein und behalten dabei die Kontrolle über jede Änderung.
  • Sie pflegen eine CLAUDE.md, die Projektkonventionen, Befehle und Architekturhinweise wirksam an den Agenten übergibt.
  • Sie erweitern Claude Code mit Subagents, Hooks, MCP-Servern und Skills passend zu Ihrem Team.
  • Sie integrieren Claude Code in Git-Workflows und CI-Pipelines mit nachvollziehbaren, testgesicherten Ergebnissen.
  • 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 Grundlagen und Arbeitsweise von Claude Code
  • Installation, Anmeldung und Einsatz im Terminal sowie in VS Code und JetBrains-IDEs
  • Agentische Schleife verstehen: Lesen, Planen, Ausführen, Prüfen
  • Plan-Modus nutzen, um Lösungswege vor der Umsetzung abzustimmen
  • Wirksame Aufgabenbeschreibungen mit Ziel, Kontext und Abnahmekriterien formulieren
Modul 2 Projektkontext mit CLAUDE.md und Kontextmanagement
  • CLAUDE.md auf Projekt-, Verzeichnis- und Benutzerebene strukturieren
  • Build-, Test- und Stilkonventionen so dokumentieren, dass der Agent sie zuverlässig befolgt
  • Kontextfenster steuern mit gezielten Dateiverweisen, Kompaktieren und frischen Sitzungen
  • Sitzungen fortsetzen und lange Aufgaben in überschaubare Etappen teilen
Modul 3 Erweitern mit Subagents, Hooks, MCP und Skills
  • Subagents für Code-Review, Recherche oder Testgenerierung definieren
  • Hooks einsetzen, um Formatierung, Linting oder Prüfungen vor und nach Tool-Aufrufen zu erzwingen
  • MCP-Server für Ticketsysteme, Datenbanken oder interne Dokumentation anbinden
  • Eigene Slash-Commands und Skills für wiederkehrende Team-Workflows erstellen
Modul 4 Git-Workflows, Tests und Qualitätssicherung
  • Branches, aussagekräftige Commits und Pull Requests mit Claude Code erstellen
  • Testgetriebenes Arbeiten: erst Tests schreiben lassen, dann implementieren
  • Diffs systematisch prüfen und Änderungen gezielt zurückweisen oder nachschärfen
  • Parallele Arbeit mit Git-Worktrees und mehreren Sitzungen organisieren

Tag 2

Modul 5 Headless-Betrieb, CI und Sicherheit
  • Claude Code nicht-interaktiv in Skripten und CI-Pipelines ausführen
  • Automatisierte Reviews und Issue-Bearbeitung in GitHub- oder GitLab-Workflows
  • Berechtigungsmodi, Allow- und Deny-Regeln sowie Sandboxing konfigurieren
  • Umgang mit Secrets, Prompt-Injection-Risiken und unternehmensweiten Richtlinien
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

Sie verfügen über praktische Programmiererfahrung in mindestens einer Sprache und arbeiten sicher mit Git und der Kommandozeile. Gute Kenntnisse in modernem JavaScript, Grundlagen in TypeScript sowie Erfahrung mit npm, pnpm oder yarn und Git.

Technische Voraussetzungen

Eigener Laptop mit Administratorrechten, Git, Node.js-Laufzeit und einem aktuellen Editor; ein Claude-Abonnement oder ein Anthropic-API-Zugang wird für die Übungen benötigt.

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.

  • Mo, 23. November 2026 – Di, 24. November 2026 Online Anfragen
  • Mi, 2. Dezember 2026 – Do, 3. Dezember 2026 Augsburg Anfragen
  • Di, 15. Dezember 2026 – Mi, 16. Dezember 2026 Online Anfragen
  • Do, 7. Januar 2027 – Fr, 8. Januar 2027 Online Anfragen
  • Mi, 13. Januar 2027 – Do, 14. Januar 2027 Kaiserslautern Anfragen
  • Di, 26. Januar 2027 – Mi, 27. Januar 2027 Online Anfragen

Häufige Fragen

Worin unterscheidet sich Claude Code von klassischer Code-Vervollständigung?

Code-Vervollständigung schlägt die nächsten Zeilen vor, während Claude Code als Agent ganze Aufgaben bearbeitet: Es durchsucht das Repository, plant Änderungen über mehrere Dateien, führt Tests und Befehle aus und korrigiert sich anhand der Ergebnisse. Sie formulieren das Ziel und prüfen das Resultat, statt jede Zeile selbst zu steuern.

Ist Claude Code für den Einsatz im Unternehmen sicher genug?

Claude Code fragt standardmäßig vor Dateiänderungen und Befehlen nach Freigabe. Über Berechtigungsregeln, Sandboxing, verwaltete Einstellungen und Hooks lässt sich genau festlegen, was der Agent darf. Im Kurs lernen Sie, diese Mechanismen passend zu Ihren Sicherheits- und Datenschutzvorgaben zu konfigurieren und Risiken wie Prompt Injection einzuschätzen.

Funktioniert Claude Code mit meiner Programmiersprache und meinem Stack?

Ja. Claude Code arbeitet sprachunabhängig, weil es mit Dateien, Terminalbefehlen und Ihren vorhandenen Build- und Test-Tools arbeitet. Ob Python, Java, TypeScript, Go, ABAP-nahe Projekte oder Infrastruktur als Code: Entscheidend ist eine gute CLAUDE.md, die Ihre Befehle und Konventionen beschreibt. Den fachlichen Schwerpunkt setzt die jeweilige Kursvariante.

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 „Claude Code 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 Claude Code

Alle 77 Kurse zu Claude Code

Claude Code · MünchenClaude Code · SalzburgClaude Code · BerlinClaude Code · AugsburgClaude Code · HannoverClaude Code · BremenClaude Code · StuttgartClaude Code · KaiserslauternClaude Code · Online