Animate With SwiftUI: iOS, watchOS and visionOS

Course Curriculum

Chapter 1: SwiftUI Animation Concepts

Lecture 1: Getting default animation instance using withAnimation

Lecture 2: Getting default animation instance with .animation

Lecture 3: How to preview animations with the SF Symbols app

Lecture 4: Get started with Phase Animator in iOS 17

Lecture 5: Create a pulsating animation using Phase Animator and Symbol Effect

Lecture 6: Create a 3D rotation animation in visionOS

Lecture 7: How to customize a spring animation with duration and extra bounce

Lecture 8: Create the Mickey Mouse-style animation using Phase Animator

Lecture 9: Using Phase Animator, Dispatch Queue, Old and New Springs

Lecture 10: What is an animation completion criteria?

Lecture 11: How to prevent accidental animation in SwiftUI

Lecture 12: Using hue rotation and variable color: Create a seamless highlighting effect

Lecture 13: Create beautiful color effects with Hue Rotation and Phase Animator

Lecture 14: Animate dashes to move along/around a shape

Lecture 15: Linear and eased animations

Lecture 16: Xcode Playground for iPad: Create a two-step animation

Chapter 2: Symbol Animations

Lecture 1: New Symbol animation presets: Breathe, Rotate & Wiggle

Chapter 3: visionOS Animations

Lecture 1: Display and animate 3D models from a remote URL

Lecture 2: visionOS: Create the AirPodsMax 3D rotation animation

Lecture 3: Add particle effects to visionOS projects with Reality Composer Pro

Lecture 4: Create the Apple Hello Lettering animation

Lecture 5: Create the Siri animation with SwiftUI

Chapter 4: Creating Text Animations

Lecture 1: How to animate text characters to create a sliding effect

Lecture 2: Create text animation using Phase Animator in iOS 17

Chapter 5: iOS 16, Xcode 14 and below

Lecture 1: Welcome

Lecture 2: What is SwiftUI?

Lecture 3: A tour of the SwiftUI animations

Lecture 4: Create a blank SwiftUI project

Lecture 5: Understanding how to animate

Lecture 6: Animate scale, width, rotation and spacing

Lecture 7: Animate opacity, scale and rotation

Lecture 8: Create an audio visualization animation

Lecture 9: Create a countdown timer

Lecture 10: How to create a count up timer

Lecture 11: Build Twitter Like animation clone

Chapter 6: iOS 16, Xcode 14 and below

Lecture 1: How does the placement of the delay modifier affect animation?

Lecture 2: Different ways you can delay an animation

Lecture 3: How to animate stacks alignment

Lecture 4: How to make a smooth dashed border rotation animation like 'marching ants'

Lecture 5: Creating sun and moon animation

Chapter 7: iOS 16, Xcode 14 and below

Lecture 1: How to reset an animation to its original state with Dispatch Queue

Lecture 2: Introduction to the Core Animation Section

Lecture 3: How to create the iOS shimmer animation/effect (Slide to power off)

Lecture 4: How to animate object's rotation in SwiftUI

Lecture 5: How to animate object's size (scale) in SwiftUI

Lecture 6: How to animate objects from one position to another in SwiftUI

Lecture 7: How to animate the color of an object in SwiftUI

Lecture 8: Create a pulsating animation using scale and opacity

Lecture 9: Animating animatable properties: How to animate transparency

Lecture 10: Animating animatable properties: Corner Radius

Lecture 11: How to animate Stroke Start

Lecture 12: Animating frame parameters: Width

Lecture 13: How to animate the start-point and the end-point of a gradient

Lecture 14: Create path drawing animations

Lecture 15: Animating the line width of stroke and stroke border

Lecture 16: What is Rotation Mode?

Chapter 8: iOS 16, Xcode 14 and below

Lecture 1: Basic, keyframe and group animations: Introduction

Lecture 2: Creating Basic Animation: Kite and SwiftUI

Lecture 3: Creating Position Keyframe Animation

Lecture 4: Create Background Color Keyframe Animation

Lecture 5: What is Group Animation?

Chapter 9: iOS 16, Xcode 14 and below

Lecture 1: Create the play/pause spring animation in Apple Music iOS

Lecture 2: Create the AirPods Max y-rotation animation

Lecture 3: How to clone the Siri Animation

Lecture 4: Build Duolingo's Get Started Character animation

Chapter 10: iOS 16, Xcode 14 and below

Lecture 1: Crafting SwiftUI animations with Penner Easing Functions

Chapter 11: iOS 16, Xcode 14 and below. ChatGPT for SwiftUI Animations

Lecture 1: Using ChatGPT: Clone an incoming call animation for SwiftUI

Lecture 2: Using ChatGPT: Create a Spinning Rainbow SwiftUI Animation

Lecture 3: Create a loading animation with ChatGPT and SwiftUI

Lecture 4: How to Use ChatGPT and SwiftUI to Recreate the Twitter Like Animation

Lecture 5: Create a photo-zoom transition with ChatGPT and SwiftUI

Chapter 12: iOS 16, Xcode 14 and below

Lecture 1: Build a beautiful Christmas tree animation

Lecture 2: Scale Transform: Create a fold/unfold animation

Lecture 3: Animate concentric circles into a circular coil spring

Lecture 4: Create the iOS wiggle animation/effect

Lecture 5: Build a seamless looping SwiftUI animation

Lecture 6: Create the Siri animation on HomePod

Lecture 7: Create the iOS "Slide to answer" animation

Lecture 8: Create an audio metering animation

Chapter 13: iOS 16, Xcode 14 and below

Lecture 1: Create a upload button animation

Lecture 2: SwiftUI Pencil Loader/Spinner

Lecture 3: Create an animated placeholder content

Chapter 14: iOS 16, Xcode 14 and below. Stunning Breathe Animation

Lecture 1: Designing Fine-grained, Relaxing and Stunning Breathe Animation: Introduction

Lecture 2: Create breath in and breath out text animations

Lecture 3: Creating the fine-grained breath animation

Chapter 15: Design Weather Notification Animations