Einführungen zum Mitmachen

Einführungen zum Mitmachen

Zu jedem Thema gibt es ein eigenes, quelloffenes Repository mit Übungen und Lösungen. Du kannst es allein durcharbeiten oder im passenden Workshop gemeinsam mit mir. Wo es einen Foliensatz gibt, ist er verlinkt. Die Themen bauen aufeinander auf: oben die Grundlagen, unten Infrastruktur und Architektur.

JavaScript & TypeScript#

• introduction-javascript: Übungen am Werkstatt-Shop mit Node.js 26, TypeScript strict und Vitest.
• Workshops: JavaScript und TypeScript von Grund auf · TypeScript für JavaScript-Teams
• Folien: JavaScript & TypeScript: Von Werten zu Verträgen

Python#

• introduction-python: Python 3.15 mit uv, pytest und Flask 3, dazu Datenanalyse mit pandas und JupyterLab.
• Workshop: Python für Entwickler mit uv, pytest und Flask · Folien

Moderne Web-Plattform: HTML, CSS und Web-APIs#

• introduction-web-plattform: Semantisches HTML, modernes CSS, Formulare, fetch, Web Components und Service Worker, ohne Framework und ohne Build-Tool.
• Workshop: Moderne Web-Plattform ohne Framework · Folien

Node.js#

• introduction-nodejs: Runtime, Event Loop, Streams und eine HTTP-API mit Express 5, getestet mit Vitest.
• Workshops: Node.js Core mit Express 5 · Node.js Backend, funktional und typsicher
• Folien: Node.js: Eine moderne Einführung

React#

• introduction-react: Components, State, Routing und Tests mit React 19 und TypeScript.
• Workshops: React mit TypeScript bis zur Produktion · React mit Vite bis zur installierbaren PWA
• Folien: React: Von der Komponente zur Architektur

Svelte#

• introduction-svelte: Svelte 5 mit Runes und SvelteKit am Werkstatt-Shop, getestet mit Vitest.
• Workshop: Svelte 5 und SvelteKit mit TypeScript · Folien

KnockoutJS#

• introduction-knockoutjs: Knockout pflegen und modernisieren mit TypeScript, Vite und Vitest, dazu Sicherheit und schrittweise Migration.
• Workshop: KnockoutJS modernisieren und schrittweise migrieren · Folien

GraphQL#

• introduction-graphql: Schema, Resolver, Apollo Server und Apollo Client am Graph des Werkstatt-Shops.
• Workshops: GraphQL in 60 Minuten · GraphQL-APIs entwerfen und bauen · GraphQL vom Schema bis zur Produktion
• Folien: GraphQL: Vom Type System zum Produktionsbetrieb

Reactive Programming mit RxJS und Rx.NET#

• Reactive-Programming: RxJS-Übungen im Ordner rxjs/ mit TypeScript, Vitest und Marble-Tests.
• reactive-dotnet: Rx.NET-Beispiele, modernisiert auf .NET 10 und System.Reactive.
• introduction-rxjs (archiviert): das ältere RxJS-Tutorial in Textform, von Observable und Subject bis Scheduler und Testing.
• Workshops: Reactive Programming mit RxJS · Reactive Programming mit Rx.NET
• Folien: Reactive Programming mit RxJS

Docker & Kubernetes#

• introduction-docker: Images, Compose, Healthchecks, Logs, eigene Registry und Image-Sicherheit.
• introduction-kubernetes: Deployments, Probes, Rolling Updates, Gateway API, Kustomize und RBAC, lokal mit kind.
• Workshop: Docker & Kubernetes
• Folien: Docker in der Praxis · Kubernetes in der Praxis

AWS Serverless#

• introduction-aws: Serverless mit Lambda, DynamoDB, Step Functions und AWS CDK in TypeScript.
• Workshop: AWS Serverless mit Lambda, CDK und DynamoDB · Folien

Microservices#

• introduction-microservices: Der Werkstatt-Shop als drei Services mit Express 5 und Docker Compose, mit Tests zu jeder Lektion.
• Workshop: Microservices mit Node.js, Express 5 und Docker Compose · Folien

Micro-Frontends#

• introduction-micro-frontends (archiviert, Stand 2018): Eine Oberfläche aus unabhängigen Frontends hinter einem Gateway, dazu eine GraphQL-API.

Design Patterns#

• introduction-design-patterns: Design Patterns als Funktionen in TypeScript, nach Problem geordnet und im Werkstatt-Shop geübt, mit Express, React und Apollo als Wiedererkennung.
• Workshop: Design Patterns als Funktionen · Folien

Architektur: DDD, CQRS und Event Sourcing#

• introduction-nodejs, Ordner Architektur: Übungen von der Fachsprache über Bounded Contexts und Aggregate bis zu CQRS, Event Sourcing, Projections und Sagas, dazu ADRs.
• Workshop: Architektur: DDD, CQRS und Event Sourcing · Folien

Alles in einem Workshop: Fullstack#

• Workshop vor Ort: Fullstack mit TypeScript, Node.js, GraphQL und React in 6 Tagen, mit den Repositories zu Node.js, GraphQL und React aus den Abschnitten oben.

Alle Workshops: workshops.mikebild.dev · Alle Folien: slides.mikebild.dev · Alle Repositories: github.com/MikeBild