SwiftUI lernen

Ein kostenloser, interaktiver SwiftUI-Kurs. Schreibe in jeder Lektion echten SwiftUI-Code, sieh den Bildschirm, den er baut, in einer Live-Vorschau auf dem Handy und tippe darauf, um deinen State wechseln zu sehen. Ohne Mac und Xcode, mit KI-Hinweisen, wenn du feststeckst, und einem kostenlosen Zertifikat zum Abschluss.

MIT DEM LERNEN BEGINNEN(kostenlos)

Lehrplan ansehen Einführung in SwiftUI-Playground

4,075+ codders eingeschrieben

50 Lektionen46 Aufgaben106 Quizfragen

Anfängerfreundlich
KI-gestützte Coding-Hilfe
Praktische, interaktive Lektionen
Audio-Erzählung in jeder Lektion
Quizfragen zum Wissenstest
Kostenloses Abschlusszertifikat

Lehrplan

1 Abschnitte1 Projekte50 Lektionen46 Aufgaben106 Quizfragen

Dieser Abschnitt ist Teil der Swift-Journey. Der vollständige Lehrplan enthält weitere Abschnitte - klicke unten auf eine Vorschau, um sie auf der Journey-Seite anzusehen.

Abschnitt 1Grundlagen86 Lektionen
Abschnitt 2Logik & Ablauf56 Lektionen
Abschnitt 3
Einführung in SwiftUI
Abschnitt startenStartenAusklappenEinklappenErstelle App-Bildschirme in Swift mit SwiftUI: Views und Modifier, Stacks und Layouts, State und Buttons, Textfelder und Schalter, Listen, Navigation und gemeinsam genutzte Daten. Jede Lektion enthält echten SwiftUI-Code, der live in der Vorschau angezeigt wird.50 Lektionen46 Aufgaben106 Fragen1 Projekt
Einführung
2 Lektionen28
01Was ist SwiftUI?AufgabeQuiz
02Die App-DateiAufgabeQuiz
Inhalte anzeigen
6 Lektionen615
01TextansichtenAufgabeQuiz
02Zahlen im TextAufgabeQuiz
03SchriftartenAufgabeQuiz
04FarbenAufgabeQuiz
05SF SymbolsAufgabeQuiz
06Rückblick – PreisschildAufgabe
Stacks & Layout
5 Lektionen512
01VStackAufgabeQuiz
02HStackAufgabeQuiz
03Ausrichtung und AbständeAufgabeQuiz
04Spacer und ZStackAufgabeQuiz
05Rückblick – WetterkarteAufgabe
Modifikatoren
5 Lektionen512
01InnenabstandAufgabeQuiz
02HintergründeAufgabeQuiz
03Reihenfolge der ModifikatorenAufgabeQuiz
04Rahmen und FormenAufgabeQuiz
05Rückblick – Badge MakerAufgabe
Status und Buttons
5 Lektionen512
01ButtonsAufgabeQuiz
02Die @State-EigenschaftAufgabeQuiz
03Wahr-oder-falsch-StatusAufgabeQuiz
04Bedingte AnsichtenAufgabeQuiz
05Zusammenfassung – Punktestand verwaltenAufgabe
Benutzereingabe
5 Lektionen512
01TextfeldAufgabeQuiz
02UmschalterAufgabeQuiz
03Schrittregler und SchiebereglerAufgabeQuiz
04AuswahlfeldAufgabeQuiz
05Wiederholung – BestellformularAufgabe
Listen
5 Lektionen512
01ForEachAufgabeQuiz
02Identifizierbare ElementeAufgabeQuiz
03ListeAufgabeQuiz
04Elemente hinzufügenAufgabeQuiz
05Rückblick – EinkaufslisteAufgabe
Navigation
5 Lektionen512
01NavigationStackAufgabeQuiz
02NavigationLinkAufgabeQuiz
03Daten übergebenAufgabeQuiz
04Sheets und AlertsAufgabeQuiz
05Rückblick – PflanzenführerAufgabe
Daten teilen
4 Lektionen49
01Die @Binding-EigenschaftAufgabeQuiz
02Beobachtbare ObjekteAufgabeQuiz
03UmgebungsobjekteAufgabeQuiz
04Rückblick – SchrittzählerAufgabe
Projekt – Coddy Coffee
Projekt5 Lektionen12
01ProjektübersichtAufgabeQuiz
02GetränkeansichtenProjekt
03Größe auswählenProjekt
04Menge und GesamtbetragProjekt
05Bestellung aufgebenProjekt
Abschließende Herausforderungen
3 Lektionen3
01TrinkgeldrechnerAufgabe
02To-do-ListeAufgabe
03Wahr-oder-falsch-SpielAufgabe

Den vollständigen Lehrplan der Swift-Journey ansehen

Das bekommst du

Alles, was du zum Programmierenlernen nutzt

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Earn a Certificate

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to LinkedIn

Warum SwiftUI mit Coddy lernen

Baue iPhone-App-Bildschirme im Browser. Kein Mac, kein Xcode und kein Simulator zum Einrichten: Dein Code wird auf unseren Servern kompiliert, und die Vorschau zeigt den Bildschirm, den er beschreibt. So lernst du SwiftUI auch unter Windows, Linux oder auf einem Chromebook.
Das SwiftUI, das du auf jedem Bildschirm brauchst: Text, Schriften, Farben und SF Symbols, Stacks, Ausrichtung und Spacer, die Modifier-Kette und warum ihre Reihenfolge zählt, Buttons und @State, Textfelder, Toggles, Slider und Picker, ForEach und List, NavigationStack, Sheets und Alerts, danach @Binding und Observable-Objekte, um Daten zwischen Views zu teilen.
Eine Live-Vorschau zum Antippen. Tippe in der Vorschau auf einen Button oder schalte einen Toggle um, und die View wird mit ihrem neuen State neu gezeichnet. So siehst du, wie deklarative UI funktioniert, statt nur darüber zu lesen. Du kannst in einen Handy-Rahmen wechseln und einen Screenshot deines Ergebnisses speichern.
Kleine Apps unterwegs, von einem Preisschild und einer Wetterkarte bis zu einem Punktezähler, einer Einkaufsliste und einem Pflanzenratgeber, dann eine Kaffee-Bestell-App mit mehreren Bildschirmen als Abschlussprojekt und ein kostenloses SwiftUI-Zertifikat, wenn du den Abschnitt abschließt.

Häufige Fragen zum SwiftUI-Lernen

Was ist SwiftUI?

SwiftUI ist Apples Framework, um App-Oberflächen in Swift zu bauen. Statt jedes Element von Hand zu platzieren und zu aktualisieren, beschreibst du, was der Bildschirm für die aktuellen Daten zeigen soll, und SwiftUI zeichnet ihn und zeichnet ihn neu, sobald sich diese Daten ändern. Ein Bildschirm besteht aus Views, kleinen Structs mit einem body, die du mit Stacks kombinierst und mit Modifiern gestaltest. Derselbe Code baut Oberflächen für iPhone, iPad, Mac, Apple Watch, Apple TV und Vision Pro.

Brauche ich einen Mac oder Xcode, um hier SwiftUI zu lernen?

Nein. Jede Lektion läuft im Browser: Dein Code wird auf unseren Servern kompiliert, und die Vorschau neben dem Editor zeigt den Bildschirm, den er baut. Windows, Linux und Chromebooks funktionieren also problemlos. Um deine App auf einem echten iPhone laufen zu lassen oder im App Store zu veröffentlichen, brauchst du irgendwann einen Mac mit Xcode, und alles, was du hier lernst, lässt sich direkt übertragen.

Ist die Vorschau dieselbe wie in Xcode?

Sie erfüllt dieselbe Aufgabe, ist aber nicht der iOS-Simulator. Die Vorschau wird von Coddys eigener Umsetzung der SwiftUI-Views gerendert, die der Kurs lehrt, und zwar aus demselben Lauf, der deine Lektion bewertet. Was du siehst, ist also genau das, was die Tests prüfen. Taps auf Buttons, Toggles und Links werden gegen deinen Code abgespielt, sodass @State-Änderungen wie in einer App erscheinen. Sie deckt die Views und Modifier der Lektionen ab, nicht das ganze SwiftUI-Framework, sieh sie also als Ort zum Lernen und nicht als Ersatz für Xcode.

Sollte ich Swift vor SwiftUI lernen?

Ja, zumindest die Grundlagen. SwiftUI ist Swift-Code: Views sind Structs, @State umschließt eine Property, Listen laufen über Arrays, und die Typfehler des Compilers sind Swift-Fehler. Dieser Abschnitt kommt direkt nach dem Abschnitt Fundamentals der Swift-Journey, der Variablen, Typen, Funktionen, Structs und Optionals behandelt. Wenn Swift neu für dich ist, fang dort an.

SwiftUI oder UIKit: Was sollte ich lernen?

Fang mit SwiftUI an. Es ist Apples empfohlener Weg für neue Oberflächen, braucht für denselben Bildschirm deutlich weniger Code, und die meisten neuen Tutorials, Beispielprojekte und Apple-Sessions nutzen es. UIKit ist das ältere Framework hinter vielen bestehenden Apps, dem du im Job begegnen kannst, aber SwiftUI und UIKit funktionieren in derselben App zusammen, und SwiftUI ist der leichtere erste Schritt.

Ist SwiftUI schwer zu lernen?

Die Grundlagen gehen schnell: Ein paar Zeilen bringen Text, Bilder und Buttons auf den Bildschirm, und die Vorschau zeigt das Ergebnis jeder Änderung. Übung braucht das Denken in State: Du änderst die Daten und lässt die View sich neu zeichnen, statt die View selbst zu ändern. Deshalb geht der Abschnitt Schritt für Schritt von @State über @Binding zu Observable-Objekten, mit einer kleinen App am Ende jedes Kapitels.

Kann ich SwiftUI kostenlos online lernen?

Ja. Der interaktive SwiftUI-Abschnitt ist kostenlos: vollständige Lektionen, praktisches Programmieren in jeder Übung, die Live-Vorschau, ein Abschlussprojekt und ein Zertifikat. Du musst nichts installieren und vor dem Start kein Apple-Entwicklerkonto anlegen.

Bekomme ich nach dem SwiftUI-Kurs ein Zertifikat?

Ja. Wenn du den Abschnitt abschließt, bekommst du ein kostenloses SwiftUI-Abschlusszertifikat, das du auf LinkedIn teilen oder in deinen Lebenslauf aufnehmen kannst. Es ist keine Apple-Zertifizierung, aber zusammen mit den Apps, die du unterwegs baust, ist es ein nützliches Signal für Bewerbungen als iOS-Entwickler.