swiftui-icon
SwiftUI Cards
SwiftUI Cards
SwiftUI Rings
Space Gray iPhone
Silver iPhone
Midnight Green iPhone
Menu UI
video-icon

40+ Videos

source-icon

Source Files

learning-icon

Beginner Friendly

Build a SwiftUI
app for iOS 13

Part 1 & 2. Learn SwiftUI from scratch with layout techniques, advanced interactions, API data, packages and CMS.

icon
Purchase
Get Pro Access
Available now.
Purchase includes 1-year access to 26 courses. Over 70 hours of content, plus 20 hours for SwiftUI and UI Design.
Fully functional custom layouts with interactions and API.
Make your app interactive and animated with the Drag gesture and events. Also with beautiful animations using states, transitions and gestures in SwiftUI.
Text("Learn design & code. From scratch.")
    .font(.Functionaltitle).bold()
    .foregroundColor(.white)
    .padding(.top, 100)
    .multilineTextAlignment(.center)
    .offset(
        x: viewState.width/15, 
        y: viewState.height/15
    )

Adapt your app for iPad and Dark mode

Make your app responsive to bigger screens like the iPad Pro and smaller screen like iPhone SE effortlessly. Develop for Dark Mode and accessibility options in SwiftUI. Be ahead of the curve.

What people are building with this course

Over 40 videos to learn from

All design and source files are shared. Learn at your own speed with videos and text content. All materials have been updated to the latest version of Xcode.

1

Learn SwiftUI for iOS 13
Learn how to code custom UIs, animations, gestures and components in Xcode 11

2

Layout and Stacks
Build a custom UI from scratch using layout techniques and modifiers in SwiftUI

3

Components and Visual Effects
Apply transforms, blend modes, blur in SwiftUI and turn views to components

4

Animations and States
Create beautiful animations using states, transitions and actions.
5

Gestures and Events

Make your app interactive and animated with the Drag gesture and events in SwiftUI.

6

Timing Curve and Delay Animation

Use bezier curve animation with delay and repeat values

7

Dismiss and Drag Anchors

Snap the card to different positions using multiple conditions and operators in SwiftUI

8

SF Symbols and Props

How to use Apple's iOS icons and pass values to components

9

Color Literal, Gradient and Overlay

Quickly edit colors and add gradients and use the overlay modifier

10

Animation Between Screens

Create a transition between two views

11

Drag Progress and Tap Background

Use the drag values and use them as a progress to animate views in SwiftUI

12

Binding and Screen Size

Bind states across multiple views and detect the screen size

13

ScrollView and Repeat

Add a horizontal ScrollView to a list of cards in SwiftUI

14

Data and Image Literal

Work with arrays and data models to create a loop of components in SwiftUI

15

3D Scroll Animation

Use GeometryReader to detect the scroll position and apply 3D animations

16

Modal Presentation

Navigate to another screen using a built-in Modal view

17

Navigation View and List

Build a table view with navigation options and presentations in SwiftUI

18

Navigation Style and Passing Data

Create a detail screen for your navigation list items

19

Combine and Edit Data

Learn how to manipulate external data with built-in functions

20

Tab Bar and Test on Device

Iterate your designs quickly with previews and test directly on your device or using the iOS simulator

21

Ring Progress Circle

Create an Apple Watch-like using trim, stroke and rotation

22

Ring Component and Formula

Create a customizable and animated Ring Subview

23

Ring Animation

Implement and bind the Ring component with animation

24

Custom Fonts and Modifiers

Reuse custom modifiers and import your own fonts to Xcode.

25

If Show View and Transition

Make a view appear using an if statement and add an in / out animation

26

Custom Transition

Create a fully custom animation to full screen using animation states

27

Stacked Cards Animation

Animate new content underneath the main card

28

Transition with Scroll

Detect the scroll position with GeometryReader and animate the offset

29

Animation States Array

Get the state from individual items inside an array by using the index

30

Z Index and Status Bar

Learn to use the zIndex modifier and animate the background

31

Passing Index to Cards

Animate active and inactive items inside a loop by using the index

32

Dismiss Gesture with Scale

Add scale effect, 3D rotation and Hue to your dismiss gesture

33

Dynamic New View

Add a new screen with scrollable content on top of an existing card animation

34

API and JSON

Make a List UI using API data and use the onAppear modifier

35

API and Combine

Make your API data observable with Combine

36

SPM and Contentful

Use the built-in Swift Package Manager and the Contentful library to pull dynamic data from a CMS

37

Contentful and Combine

Connect your API data from the Contentful CMS to Combine

38

URL Images

Load images from the web asynchronously using the SDWebImageSwiftUI library

39

Background Blur

Create a blurred background for your menu and screens

40

Dark Mode and Accessibility

How to develop for dark mode and accessibility options in SwiftUI

video-icon

40+ Videos

source-icon

Source Files

learning-icon

Beginner Friendly

Build a SwiftUI
app for iOS 13

Part 1 & 2. Learn SwiftUI from scratch with layout techniques, advanced interactions, API data, packages and CMS.

icon
Purchase
Get Pro Access
Available now.
Purchase includes 1-year access to 26 courses. Over 70 hours of content, plus 20 hours for SwiftUI and UI Design.