Compose
Build screens from focused semantic views and ordered modifiers.
Intermediate module
Start SwiftUI fundamentalsSwiftUI Fundamentals
Build modern Apple-platform interfaces with declarative views, predictable data flow, value-driven navigation, asynchronous state, adaptive layout, and accessibility.
12 lessonsAbout 1 hr 10 min
The SwiftUI mental model
State describes what the interface should be.
SwiftUI works best when ownership, identity, and data flow are explicit. These lessons build one connected model: data changes, affected view descriptions update, and SwiftUI preserves the right interface state through stable identity.
Own state
Keep one source of truth and pass values or bindings deliberately.
Model flow
Represent navigation, loading, presentation, and actions as valid states.
Adapt
Support content, devices, languages, settings, and assistive technologies.
Module outcomes
Turn Swift knowledge into complete interface features.
Complete the sequence in order, then use the final mini project to connect composition, state, navigation, async work, motion, and accessibility.
- Compose adaptive interfaces from focused views.
- Own local and shared state predictably.
- Build data-driven lists, navigation, and presentation.
- Load asynchronous data with explicit user-facing states.
- Design motion and accessibility as part of the feature.
Learning sequence
Twelve in-depth lessons
- 01Introduction to SwiftUI and Declarative UIUnderstand SwiftUI's declarative model, the App and View protocols, view identity, and the render-update cycle.6 min
- 02View Composition and ModifiersBuild reusable views, understand modifier order, and design focused visual APIs with ViewBuilder composition.6 min
- 03Layout with Stacks, Frames, and SpacingReason about SwiftUI's proposal-based layout system and build adaptive interfaces with stacks, grids, frames, and safe areas.6 min
- 04State and BindingsModel local source-of-truth state, pass writable projections with Binding, and preserve predictable one-way data flow.5 min
- 05Observation and Shared Model DataManage feature state with the Observation framework, shared models, environment injection, and clear ownership boundaries.6 min
- 06Controls, Forms, and User InputBuild accessible forms with native controls, validation, focus management, keyboard configuration, and clear submission behavior.6 min
- 07Lists, ForEach, and Identifiable DataRender dynamic collections with stable identity, efficient containers, selection, swipe actions, and safe mutations.6 min
- 08Navigation with NavigationStackBuild value-driven navigation with destinations, paths, deep-linkable state, and clear ownership of the navigation model.6 min
- 09Sheets, Alerts, Toolbars, and PresentationsPresent temporary workflows and system messages with data-driven sheets, alerts, confirmation dialogs, and semantic toolbar actions.6 min
- 10Loading Data with task and Async/AwaitConnect Swift concurrency to the view lifecycle with task, explicit loading states, cancellation, retry, and refresh behavior.6 min
- 11Animations and TransitionsUse value-scoped animation, explicit transactions, transitions, and reduced-motion support to clarify interface changes.5 min
- 12Accessibility, Adaptive Layouts, and Mini ProjectBuild and review a complete SwiftUI learning app that adapts across devices, input methods, text sizes, and assistive technologies.6 min