SwiftUI - Learn How to Build Beautiful, Robust, Apps

Explore how to display and modify images in SwiftUI by using the Image view, making images resizable, sizing with frame, and managing assets, while understanding SwiftUI's source of truth.

Learn how SwiftUI stacks enable vertical and horizontal layouts by using aspect ratio, fit or fill, spacers, and safe area adjustments to create clean, responsive image and text layouts.

Customize the player image in SwiftUI by clipping to a circle, adding a colored background and border, offsetting above the logo, and adjusting padding, shadow, and bold text.

Learn to create reusable SwiftUI views by building a stat text component for player stats, then compose it in a detail view with customizable name and value.

Build a dynamic player list in SwiftUI by iterating an array of players in a List, embedding rows in a NavigationLink to a detail view via a navigation view.

Navigate from the player list to a player detail view by passing a player object, and display the player's name, age, height, weight, and image.

Explore how SwiftUI previews in Xcode instantly render UI across multiple devices and text sizes, using fixed or size that fits layouts, device groups, and size category settings.

Master preview pro tips to optimize SwiftUI previews by pinning previews, adjusting minimum scale factor, and using preview assets not shipped with the app.

Explore the SwiftUI view system by building a movie tracker, learning that each view returns a body, modifiers control appearance, and order matters in a declarative framework.

Explore how to work with images in SwiftUI, from sourcing high-resolution photos and assets to resizing, aspect ratios, safe-area handling, and using SF symbols for prototyping.

Explore SwiftUI stacks—horizontal, vertical, and z stacks—master layout priorities, line limits, alignments, spacers, and overlaying images with a play button to build polished interfaces.

Learn the basics of creating buttons in SwiftUI, including actions, labels, printing hello on tap, and using images, with live previews and simulator testing.

Explore building a movie tracker in SwiftUI by using text fields, sliders, switches, and buttons with state bindings and reactive updates to create a polished, data-driven UI.

Explore subviews and refactoring in SwiftUI by extracting reusable views, styling texts, and building a section title component to clarify ratings and titles across your app.

Explore how data moves in SwiftUI by modeling a movie with a struct and making it identifiable with a UUID for use in a list and a detail view.

Learn how SwiftUI state stores view data and how dollar sign bindings synchronize user input with the model. Disable the save button when the title is empty.

Wrap the movie list in a navigation view, use links to the detail. Add a plus button with sf symbols to create movies, observed objects, and dismiss via environment mode.

Discover how to replace view-bound state with an observed object by creating a movie storage class that conforms to ObservableObject and publishes changes with @Published.

Learn how to use environment object for data shared across views in SwiftUI. Understand when to use observed object for local state, including updating movies by id.

Learn how to make SwiftUI apps understandable, interactable, and navigable with accessibility features, test with the accessibility inspector and voiceover, and refine labels, values, and actions.

Explore drawing and animation in SwiftUI by creating and customizing shapes like circles, ellipses, squares, and rectangles, using fill, stroke, overlays, shadows, and padding to add depth.

Learn to draw with SwiftUI using GeometryReader and Path, moving to points and adding lines, then stroking with color and width to create custom shapes.

Learn to create custom shapes in SwiftUI using paths and fills, including a triangle. Apply linear gradients with start and end points like top, bottom, leading, and trailing.

Participate in a drawing challenge to recreate the zappy code logo with SwiftUI concepts like ZStack, GeometryReader, and circles, exploring color fills, borders, and size-aware layout before animation.

Apply rotation effects and spring animations to SwiftUI views using a stateful multiplier. Tweak parameters like response and duration to create smooth, interactive transitions.

Demonstrate how to apply transitions and animations to multiple views using withAnimation, wrap code in braces, and toggle zappy code view with slide, opacity, or scale transitions.

Discover how SwiftUI enables cross-platform apps by reusing data models and UI components to build a Bitcoin price tracker for iOS, macOS, tvOS, and watchOS, with platform-specific tweaks.

Discover how to bring swift ui into an existing ui kit app using a hosting view controller to connect table views to a swift ui detail view, with previews.