Programmierung & Web · Neu

TypeScript/JavaScript Lernpfad: Von den Grundlagen zur sicheren Full-Stack-Entwicklung

Drei Kurse à vier Wochen in einer Lern-App, einzeln buchbar und einzeln zu öffnen: In JavaScript & TypeScript Foundations lernst du JavaScript im Browser, DOM und Events, modernes JavaScript, Promises, async/await und Fetch und steigst danach in TypeScript mit Typen, Generics, Narrowing, unknown und Runtime-Validierung ein. In Secure TypeScript & Node.js Development baust du REST-APIs mit Node.js, Express oder Fastify, schützt Datenbankzugriffe vor SQL Injection, setzt Login, Passwort-Hashing, Sessions, CSRF-Schutz, Rollen, CORS, Security Header und CSP um und lernst, XSS, Prototype Pollution und npm-Supply-Chain-Risiken zu verhindern. In Professional Full-Stack Engineering entwirfst du Frontends mit React oder Vue, robuste Backend-Architekturen mit Queues, Circuit Breaker und Graceful Shutdown, betreibst Anwendungen mit Docker, CI/CD und OpenTelemetry und bewältigst Sicherheitsvorfälle strukturiert. Der Code läuft live im Browser: JavaScript und TypeScript in einer abgeschotteten Sandbox ohne Netzwerk, mit DOM-Vorschau zum Klicken.

Level: Anfänger bis Profi Online3 Kurse12 Wochen Deutsch Teilnahmezertifikat

Lernziele

Was du lernst.

Modernes JavaScript mit DOM, Events, Promises, async/await und Fetch sicher einsetzen
TypeScript mit Interfaces, Union Types, Generics, Narrowing, unknown und Utility Types im strict-Modus anwenden
REST-APIs mit Node.js, Express oder Fastify inklusive Validierung, Fehlerbehandlung und Logging entwickeln
XSS, CSRF, Prototype Pollution, SQL Injection und fehlende Autorisierung erkennen und verhindern
Authentifizierung, Sessions, Cookies, JWT, OAuth2/OIDC, CORS und Content Security Policy korrekt umsetzen
Anwendungen testen, bündeln, containerisieren, überwachen und npm-Supply-Chain-Vorfälle analysieren und beheben

Ablauf

So ist der Kurs aufgebaut.

Kurs 1 · JavaScript & TypeScript Foundations · 4 Wochen · AnfängerWoche 1: JavaScript und der Browser. Woche 2: DOM, Events und modernes JavaScript. Woche 3: Asynchronität, Promises und Fetch. Woche 4: TypeScript-Grundlagen.
Kurs 2 · Secure TypeScript & Node.js Development · 4 Wochen · FortgeschritteneWoche 1: Node.js, Express/Fastify und APIs. Woche 2: Datenbanken, SQL und Injection-Schutz. Woche 3: Authentifizierung, Autorisierung und Session-Sicherheit. Woche 4: XSS, Prototype Pollution, Supply Chain und Testing.
Kurs 3 · Professional Full-Stack Engineering · 4 Wochen · ProfisWoche 1: Frontend-Architektur, React/Vue und State. Woche 2: Backend-Architektur, Skalierung und Resilienz. Woche 3: CI/CD, Container, Edge und Observability. Woche 4: Incident Response, Supply-Chain-Fallstudien und Capstone.
Live-Kurstag von 08:00 bis 15:00 UhrWarm-up um 08:00 Uhr, danach Theorie und Live-Demo sowie Praxisübungen, von 14:00 bis 14:45 Uhr Quiz, Reflexion und Q&A und bis 15:00 Uhr Wrap-up und Lernjournal.
Live-Sandbox & TS/JS-PlaygroundJavaScript und TypeScript laufen direkt im Browser in einer abgeschotteten Sandbox: kein Netzwerk außer einem erfundenen Übungsserver, Timer in virtueller Zeit, DOM-Programme mit klickbarer Vorschau. Über 700 Kursprogramme wurden mit tsc 7 (strict) geprüft, die echte Typprüfung lässt sich bei Bedarf im Browser zuschalten.
Type-Safety-Trainer & Code-Review-Trainer35 Aufgaben zur Frage, ob ein Typ zur Laufzeit wirklich garantiert ist (any, unknown, Type Assertions, Validierung externer Daten) und 28 Code-Review-Snippets aus 12 Schwachstellenklassen mit je sechs Schritten von der Ursache bis zum Betrieb.
XSS-, Prototype-Pollution- und Supply-Chain-Check & Incident-SimulatorDrei Checklisten mit Risikoampel und Maßnahmen sowie ein Incident-Response-Simulator mit sechs Szenarien (kompromittiertes npm-Package, XSS, Prototype Pollution, geleakte API-Keys, Ransomware im Build, kompromittiertes CI/CD-Token) in je acht Entscheidungsschritten.
Challenge-Arena, Wochenprojekte & Gruppenarbeit360 Arena-Challenges, 72 Knobeleien und spielbare Browser-Spiele, 72 Rätsel, ein Wochenprojekt je Kurs mit Tests direkt im Browser und Code-Review zu zweit, 48 Gruppenformate und 120 Mini-Vortragskarten.
Quiz, Cheat Sheets & KI-TutorinFast 590 Fragen in sechs Fragetypen mit Spaced Repetition, Glossar mit 98 Karteikarten, Cheat Sheets in 14 Kategorien, die Personas Jev (Architect Agent) und Layla (Ops & Evals Agent) und die KI-Tutorin Ada für Warm-up und Tagescheck.

Sicherheitshinweis: Teste ausschließlich eigene oder ausdrücklich autorisierte Systeme. Sicherheitsübungen sind auf isolierte Trainingsumgebungen beschränkt.

Inklusive im Kursbereich

Deine persönliche KI-Tutorin.

Im Kursbereich begleitet dich Ada, eine sprechende KI-Tutorin. Gebaut nach dem Vorbild einer Harvard-Studie: Studierende, die mit einem so gestalteten KI-Tutor lernten, erzielten mehr als doppelt so viel Lernzuwachs wie im aktiven Präsenzunterricht und brauchten dafür weniger Zeit.

Fragt nach statt vorzusagen

Ada gibt Denkanstöße und Hinweise in Stufen, prüft deine Lösungsversuche und erklärt Schritt für Schritt. Rund um die Uhr, in deinem Tempo, auf Basis der Kursinhalte.

Warm-up Arena jeden Morgen

Zum Tagesstart ein Quiz im Quizshow-Stil zu den Vortagen, allein oder live mit der Gruppe. Was du falsch hattest, kommt wieder, bis es sitzt.

Lernzuwachs sichtbar

Startcheck vor dem Kurstag, Abschlusscheck danach. Die Auswertung zeigt deinen Zuwachs pro Tag, deine Stärken und die Themen, die sich zu üben lohnen.

Sprechen, zuhören, privat

Ada spricht mit Lippenbewegung und versteht Spracheingabe. Wer möchte, verbindet eine eigene KI: Claude, OpenAI, Gemini, Grok oder lokal mit Ollama oder LM Studio.

Studie: Kestin, Miller u. a. (2025), „AI tutoring outperforms in-class active learning“, Scientific Reports 15, 17458.

Für wen?

Kurs 1: Einsteiger ohne Programmiererfahrung und Quereinsteiger aus Design, Marketing, IT-Support oder anderen Sprachen, die Webseiten, React, Vue, Node.js oder APIs verstehen möchten. Kurs 2: Teilnehmende mit JavaScript/TypeScript-Grundlagen, Frontend-Entwickler:innen, die Backend und Sicherheit verstehen möchten, sowie Node.js-Teams. Kurs 3: TypeScript/JavaScript-Entwickler:innen mit Projekterfahrung, DevOps-, Plattform- und Security-Teams sowie Verantwortliche für Web-, SaaS-, Cloud- oder KI-Anwendungen.

Voraussetzungen

Für Kurs 1 genügt sichere Computerbedienung, Programmierkenntnisse sind nicht nötig. Kurs 2 setzt Kurs 1 oder vergleichbare Kenntnisse sowie Grundlagen in HTTP, JSON, Git und Kommandozeile voraus, Kurs 3 Kurs 2 oder Praxiserfahrung sowie Grundkenntnisse in Git, Linux, Docker und Webservern.

Danach kannst du

Du schreibst sauberes, getestetes JavaScript und TypeScript, validierst externe Daten zur Laufzeit, entwickelst sichere Frontends und Node.js-APIs, sicherst deine npm-Abhängigkeiten ab, betreibst Anwendungen produktionsnah mit Containern, CI/CD und Observability und reagierst strukturiert auf Sicherheitsvorfälle.

FAQ

Häufige Fragen zu TypeScript/JavaScript Lernpfad.

Muss ich etwas installieren?

Nein. JavaScript und TypeScript laufen live im Browser in einer abgeschotteten Sandbox, auch DOM-Programme mit klickbarer Vorschau. Für eigene Projekte installierst du später Node.js und einen Editor; die Lern-App zeigt dir Schritt für Schritt, wie.

Kann ich die drei Kurse einzeln buchen?

Ja. JavaScript & TypeScript Foundations, Secure TypeScript & Node.js Development und Professional Full-Stack Engineering sind einzeln buchbar und lassen sich in der Lern-App einzeln öffnen. Wer Vorkenntnisse hat, steigt nach einem kurzen Einstiegstest direkt in Kurs 2 oder 3 ein.

Macht TypeScript meinen Code automatisch sicher?

Nein. TypeScript prüft Typen beim Entwickeln, zur Laufzeit sind sie verschwunden. API-Antworten, Formularwerte oder Local-Storage-Daten können trotzdem etwas anderes enthalten. Darum übst du Runtime-Validierung mit unknown, Type Guards und Schema-Validierung, und der Type-Safety-Trainer zeigt dir Programme, die fehlerfrei kompilieren und trotzdem abstürzen.

Lerne ich, Schwachstellen auszunutzen?

Nein. Alle Sicherheitsübungen laufen als Code-Review, Simulation oder in isolierten Trainingsumgebungen. Jede Schwachstelle wird mit Ursache, Erkennung, Test im Lab, Fix, Verifikation und Betrieb vermittelt, ohne Exploits oder Payloads.

Wie läuft ein Live-Kurstag ab?

Ein Live-Kurstag geht von 08:00 bis 15:00 Uhr: Warm-up mit Ada um 08:00 Uhr, danach Theorie und Live-Demo und Praxisübungen, von 14:00 bis 14:45 Uhr Quiz, Reflexion und Q&A und zum Schluss bis 15:00 Uhr Wrap-up und Lernjournal.

Wie viele Übungen gibt es?

Fast 590 Quizfragen in sechs Fragetypen, über 700 geprüfte Programme, 51 Praxisübungen, 12 Mini-Projekte, 360 Arena-Challenges, 72 Knobeleien und Spiele, 72 Rätsel, 3 Wochenprojekte in je 4 Stufen, 35 Type-Safety-Aufgaben, 28 Code-Review-Snippets und 6 Incident-Szenarien.

Kostenlos

Der CLAUDE.md-Spickzettel.

Vorlage, Regeln und häufige Fehler auf zwei Seiten – dazu etwa zwei Praxis-Tipps im Monat. Jederzeit abbestellbar.

Passt auch