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

60 Videos

source-icon

Source Files

learning-icon

Beginner Friendly

Build a SwiftUI
app for iOS 13

Part 1, 2 & 3. 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 80 hours of content, including 10 hours for SwiftUI.
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

60 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

41

Neumorphic Buttons

Create inner shadows with background color layers

42

Long Press Gesture

Detect a long press gesture and animate a button

43

Circle Button Animation

Create an icon animation and apply inner shadows using strokes

44

Tap Progress Animation

Create an animation based on the duration of the long press gesture

45

Haptic Feedback

Apply different strengths of haptic feedback to your interactions

46

Login Layout and Variable Font Size

Create a login layout and apply font size based on width

47

3D Parallax and Looping Animation

Create a 3D parallax effect based on the drag position

48

TextField and Password

Create a form with an email textfield and password securefield

49

Keyboard and Alerts

Learn to center the screen and show alerts for your form

50

Lottie Loading Animation

Add animated assets to your SwiftUI app

51

Success Sequence Animation

Create an animated post-login screen with Lottie assets

52

Login with Firebase

Implement Firebase Auth and Cocoapods to your SwiftUI project

53

Login Environment Object

Save user states on an app level and build a full login experience

54

Persistent Login with UserDefault

Make users logged even after they close the app

55

Adapting for iPad

Making your layout work for larger screens, iPhone SE and Slide Over

56

Environment Size Class

Apply styles based on groups of screen sizes

57

Fixing the UI and Animation

Adapting for multiple screens and fixing the animation for Safe Area and ScrollView

58

TabBar Below Views

Showing content and modals on top of the Tab Bar

59

Scrollable Card Content

Make the animated cards UI content scrollable

60

Submit to the App Store

Step-by-step guide for publishing your app to the App Store

video-icon

60 Videos

source-icon

Source Files

learning-icon

Beginner Friendly

Build a SwiftUI
app for iOS 13

Part 1, 2 & 3. 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 80 hours of content, including 10 hours for SwiftUI.