Seminarkatalog

Svelte verfolgt einen anderen Ansatz als viele klassische Frontend-Frameworks: Ein großer Teil der Arbeit passiert bereits beim Kompilieren, wodurch Anwendungen ohne umfangreiche Laufzeitbibliothek entstehen. Im Svelte Grundkurs lernst du, wie daraus gut strukturierte, reaktive Benutzeroberflächen entstehen und welche Konzepte für den Einstieg wirklich wichtig sind.

Die Schulung verbindet die Grundlagen der Komponentenentwicklung mit dem aktuellen Svelte-5-Modell. Dazu gehören reaktive Zustände mit Runes, Props, Events, kontrollierter Datenfluss, Styling und der Weg von der lokalen Entwicklung bis zum produktionsfähigen Build. Routing wird nicht isoliert als Zusatzbibliothek betrachtet, sondern im Kontext von SvelteKit eingeordnet, damit du typische Projektentscheidungen sicher bewertest.

Der Kurs richtet sich an Entwicklerinnen und Entwickler, die Svelte nicht nur ausprobieren, sondern als Werkzeug für wartbare Frontend-Anwendungen verstehen möchten. Übungen an Beispielkomponenten helfen dabei, Syntax, Reaktivität und Projektstruktur Schritt für Schritt zu festigen.

Grundlagen und Projekt-Setup

• Svelte als compilerbasiertes Framework
• Einordnung im Frontend-Ökosystem
• Projektstart mit aktuellem Tooling
• Vite-Entwicklungsserver und Build-Prozess
• Struktur typischer Svelte-Projekte

Komponenten und Template-Syntax

• Aufbau von Svelte-Komponenten
• Markup, Script und Styles
• Ausdrücke mit geschweiften Klammern
• Bedingte Darstellung mit if-Blöcken
• Listenrendering mit each-Blöcken
• Asynchrone Inhalte mit await-Blöcken

Reaktivität und State-Management

• Reaktiver State mit $state
• Abgeleitete Werte mit $derived
• Nebenwirkungen mit $effect
• Komponentenübergreifender Zustand
• Einsatz von Stores einordnen

Interaktion und Komponentenkommunikation

• DOM-Events und Event-Attribute
• Formulareingaben und Bindings
• Props mit $props
• Datenfluss zwischen Komponenten
• Callback-Props für Ereignisse

Routing, Styling und Struktur

• Routing-Grundlagen mit SvelteKit
• Navigation zwischen Ansichten
• Komponentenlokales CSS
• Globale Styles mit :global
• Dynamische Klassen und Inline-Styles

Build, Optimierung und Deployment

• Produktionsbuild mit npm-Skripten
• Bundle-Grundlagen und Assets
• Fehlersuche im Entwicklungsprozess
• Deployment statischer Anwendungen
• Projektstruktur für Wartbarkeit

• Sichere Grundkenntnisse in HTML, CSS und JavaScript
• Erfahrung mit clientseitiger Webentwicklung und Browser-Entwicklertools
• Grundverständnis von npm, Node.js und modularen JavaScript-Projekten
• Für den Einstieg passende Vorbereitung: HTML5 Workshop mit CSS3 und JavaScript oder JavaScript Grundkurs
• Optional hilfreich: TypeScript Grundkurs für typisierte Frontend-Projekte

• Frontend-Entwicklerinnen und Frontend-Entwickler mit JavaScript-Erfahrung
• Webentwicklerinnen und Webentwickler, die Svelte als Alternative zu React, Angular oder Vue bewerten
• Fullstack-Entwicklerinnen und Fullstack-Entwickler mit Bedarf an schlanken Benutzeroberflächen
• Projektteams, die interaktive Webanwendungen mit komponentenbasierter Architektur entwickeln

Lernformate

Unsere Seminare bieten dir maximale Flexibilität: Du kannst zwischen Live-Online und Vor Ort in unseren modernen Schulungszentren im D-A-CH Raum wählen. Beide Formate garantieren dir die gleiche hohe Qualität und interaktive Lernerfahrung.

Schulungsarten

Wir bieten dir verschiedene Schulungsarten: Offene Seminare, Firmenseminare für Teams und Inhouse-Schulungen direkt bei dir vor Ort. So findest du genau das Format, das zu deinen Bedürfnissen passt.

Uhrzeiten

09:00-16:00 Uhr

Aktuelle Software

In unseren offenen Kursen arbeiten wir mit der aktuellsten Software-Version. So lernst du direkt mit den Tools und Features, die du auch in deinem Arbeitsalltag verwendest - praxisnah und zukunftsorientiert. Bei Inhouse- und Firmenschulungen bestimmt ihr die Version.

D