Free course

SwiftUI Course

Learn SwiftUI views, modifiers, layout, state, actions, lists, forms, input controls, and modern data-driven navigation.

5 modules · 25 lessons · No signup

Prerequisites: Swift

Download this course as PDF or EPUB

Read it offline, on your Kindle, or print it. Join my free newsletter and you get this course plus every other book and course I published.

Download PDFDownload EPUB
~~~

Your progress

of lessons completed.

Course completed.

What you'll learn

Build a small adaptive SwiftUI interface whose layout, state, collections, forms, and navigation follow one clear data model.

Course contents

  1. SwiftUI foundations

    Build declarative interfaces from views, modifiers, stacks, and images.

    1. ✓ Introduction to SwiftUI
    2. ✓ SwiftUI: exploring views and modifiers
    3. ✓ SwiftUI: stacks and groups
    4. ✓ SwiftUI: images
    5. ✓ Check your understanding: SwiftUI foundations

  2. State and actions

    Connect owned state to buttons, conditional content, and alerts.

    1. ✓ SwiftUI: properties
    2. ✓ SwiftUI: the Button view and updating the app state
    3. ✓ SwiftUI: conditionally show items in the view
    4. ✓ SwiftUI: alert messages
    5. ✓ Check your understanding: state and actions

  3. Collections and layout

    Render identifiable data with lists, ForEach, labels, and adaptive spacing.

    1. ✓ SwiftUI: the List view
    2. ✓ SwiftUI: the ForEach view
    3. ✓ SwiftUI: the Label view
    4. ✓ SwiftUI: spacing
    5. ✓ Check your understanding: collections and layout

  4. Forms and input

    Build platform-appropriate forms with text fields, toggles, and pickers.

    1. ✓ SwiftUI forms
    2. ✓ SwiftUI forms: TextField
    3. ✓ SwiftUI forms: Toggle
    4. ✓ SwiftUI forms: Picker
    5. ✓ Check your understanding: forms and input

  5. Richer input and navigation

    Use sliders, steppers, date pickers, and modern NavigationStack destinations.

    1. ✓ SwiftUI forms: Slider
    2. ✓ SwiftUI forms: Stepper
    3. ✓ SwiftUI forms: DatePicker
    4. ✓ Navigate with NavigationStack
    5. ✓ Check your understanding: richer input and navigation