Module 07 of 12

SwiftUI Fundamentals

Lessons

About This Module

SwiftUI is Apple's modern framework for building user interfaces. Instead of dragging controls around, you describe what your screen should look like in Swift code, and SwiftUI keeps it up to date. This is where the language skills from the earlier modules start turning into something you can see on screen.

You'll start with the core building blocks: views such as Text and Image, modifiers that style them, and stacks (VStack, HStack, ZStack) that arrange them. Then you'll build up a real screen step by step, using SF Symbols for icons and buttons for interaction, and learn to refactor repeated UI into reusable views.

Follow along in Xcode and experiment with the canvas preview. Some lessons are clips cut from longer courses. When you're ready, continue on to State, Navigation & Architecture.

Lessons

5 videos + 1 article
01

SwiftUI Basics for Beginners

A first look at how SwiftUI works as you build a simple interface from scratch.

02

SwiftUI Tutorial for Xcode 26: Views, Containers & Modifiers

Use SwiftUI views, view containers, and view modifiers to construct an app user interface.

03

Text & SF Symbols

Add text and system icons to a screen and style them with modifiers.

04

Stacks: VStack & HStack

Arrange views vertically and horizontally to build up a full layout.

05

Buttons & Refactoring

Add a button, then pull repeated UI out into reusable views.