Build Apps with SwiftUI

Learn to build a SwiftUI layout with HStack and VStack, push a gear button to the right with spacer, and add distance evaluation text with a 300 by 300 circle.

Learn to layer views with z stacks to place a blue circle on a gray rectangle, ignore safe areas, and position the circle on top for map-based selection.

Beautify a SwiftUI button by styling a red circular icon with a plus symbol, using padding, background, and clipShape for a rounded look; plan to add the action later.

Wrap MKMapView in a swiftui view representable to create a map view for swiftui, implement makeUIView and updateUIView, and preview the result in canvas.

Add a center coordinate and annotations array to the map view, and implement a coordinator with MKMapView delegates to sync annotations and update the center from the delegate.

Explore how binding and state property wrappers drive a SwiftUI map view, enabling the center coordinate to update as you add MKPointAnnotation locations.

Explore how state and binding power data flow in SwiftUI, establishing a single source of truth and enabling two-way updates through dollar-prefixed bindings for shared coordinates and map views.

Create a distance manager as an observable object to calculate the distance between two core location points and publish the result for live updates in SwiftUI views.

Learn how the @Published property wrapper enables observable objects in SwiftUI to automatically signal changes and reload affected views, using a Location class example with observable object conformance.

Create a SwiftUI settings view featuring a bound slider for travel radius, starting at 300 with 100 km steps from 100 to 500 kilometers.

Learn to display dynamic content with ForEach in SwiftUI by binding a slider to a travel radius and rendering car icons in an HStack using a range.

Create an app icon in SwiftUI by placing a rounded rectangle filled with a red-to-pink linear gradient, then overlay a white map symbol using a ZStack.

Learn to present a settings view modally with a sheet in SwiftUI by toggling a boolean bound to isPresented, revealing and dismissing the view with a smooth transition.

Learn to dismiss a SwiftUI sheet manually by using the environment's presentationMode binding and a done button to call the dismiss function, with a top padding of about 150.

Create a generic settings defaults property wrapper that uses user defaults to persist small values by key, with a default, and implement get and set for seamless reuse.

Build an observable settings manager to persist the travel radius with a custom settings defaults wrapper, publish changes via Combine, and wire it into the SwiftUI settings view and slider.

Learn to build a SwiftUI ring by creating a ring background shape with a path, computing the center and radius, and stroking the arc with a defined thickness.

Design and animate a swiftui ring by composing a gradient-filled ring shape atop a ring background, driven by a computed percentage from user distance and travel radius.

Learn to animate a ring progress in swiftui by exposing a computed percentage via a getter/setter and using an animator pull data, creating a smooth, clockwise data animation.

Explore how SwiftUI provides out-of-the-box capabilities across iPhone, iPad, and iPod, including dark mode, dynamic type, and accessibility, with layout and padding handled automatically.

Apply your SwiftUI foundation to build apps with stacks, buttons, and text, and explore next steps with on-demand WWDC 19 sessions on state, observed object, and data.