Menu
CoddyTech
JETZT LERNEN
flag De iconDeutschdown icon
swift iconTeil der Swift-JourneyNeuJourney

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 ansehenEinführung in SwiftUI-Playground

4,496+ codders eingeschrieben

50 Lektionen50 Aufgaben106 Quizfragen

Lehrplan

1 Abschnitte1 Projekte50 Lektionen50 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.

  1. Abschnitt 1Grundlagen86 Lektionen
  2. Abschnitt 2Logik & Ablauf56 Lektionen
  3. Abschnitt 3Objektorientierte Programmierung57 Lektionen
  4. Abschnitt 4

    Einführung in SwiftUI

    Abschnitt startenStartenAusklappenEinklappen    Erstelle App-Bildschirme mit Swift und SwiftUI: Views und Modifier, Stacks und Layouts, State und Buttons, Textfelder und Toggles, Listen, Navigation und gemeinsam genutzte Daten. Jede Lektion enthält echten SwiftUI-Code, der live in der Vorschau angezeigt wird.50 Lektionen50 Aufgaben106 Fragen1 Projekt

    Einführung

    2 Lektionen28

    Inhalte anzeigen

    6 Lektionen615

    Stacks & Layout

    5 Lektionen512

    Modifikatoren

    5 Lektionen512

    Status und Buttons

    5 Lektionen512

    Benutzereingabe

    5 Lektionen512

    Listen

    5 Lektionen512

    Navigation

    5 Lektionen512

    Daten teilen

    4 Lektionen49

    Projekt – Coddy Coffee

    Projekt5 Lektionen52

    Abschließende Herausforderungen

    3 Lektionen3
Den vollständigen Lehrplan der Swift-Journey ansehen
Das bekommst du
Alles, was du zum Programmierenlernen nutzt

Lernen durch Tun

Schreibe echten Code, frage Datenbanken ab, erstelle Websites und meistere KI-Prompts. Unsere interaktiven Lektionen decken alle Fähigkeiten ab, die moderne Entwickler brauchen.

playground.js
Code-Editor
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Eingabe
"Alex"
Ausgabe
"Hello, Coddy! Alex"

Baue deine Serie auf

Bleib konsequent und sieh zu, wie dein Fortschritt wächst! Verfolge deine tägliche Programmiergewohnheit, schütze deine Serie mit Einfrieroptionen und verdiene Belohnungen für jeden Tag.

12 Tage Serie

Komm morgen zurück, um deine Serie zu halten!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Doppelt oder Nichts

Tag 5 von 7

fire Freeze icon

Serie Einfrieren

2 left

Überall coden

Nimm deine Programmierreise mit! Keine Einrichtung, keine Downloads: einfach öffnen und loslegen. Verfügbar auf iOS, Android und Web mit 4,9-Sterne-Bewertungen.

Python
7Streak
250Punkte
5Energie
Variablen
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
FORTSETZEN
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Reise
Ziele
Bestenliste
Profil
4.9
SternSternSternSternStern
Bewertung

Du bist nicht allein

Tritt auf globalen Bestenlisten an, lade Freunde ein, um Belohnungen zu verdienen, und feiert gemeinsam eure Erfolge. Programmieren macht mit Freunden mehr Spaß!

Herausforderer-Liga
Herausforderer-LigaTop 7 steigen auf
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconAufstiegszoneleaderboard Arrow Up icon

Jeder Lernweg, alles dabei

Lies, höre, teste dich, frag die KI oder schlage nach, was du schon gelernt hast. Jede Lektion passt sich dir an.

Einführung in Variablen
Audio

Eine Variable ist ein benannter Container, der einen Wert speichert, auf den du später im Programm verweisen kannst.

In Python erstellst du eine, indem du den Namen, ein Gleichheitszeichen und dann den Wert schreibst.

Der Wert kann sich ändern - eine neue Zuweisung verweist den Namen einfach auf einen neuen Wert.

1xSarah

Werde zertifiziert

Verdiene Zertifikate für jeden abgeschlossenen Kurs. Füge sie deinem LinkedIn-Profil und Lebenslauf hinzu, um Arbeitgebern deine Programmierkenntnisse zu zeigen.

CoddyAbschlusszertifikat
Hiermit wird bestätigt, dassMax Mustermannerfolgreich abgeschlossen hat
python iconPython-Grundlagen
Verifiziert
DatumJan. 2026
LinkedInZu LinkedIn hinzufügen

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.
Illustration der Programmiersprachen bei Coddy

Lerne Einführung in SwiftUI mit Coddy

LOS GEHT'S