Packt
SwiftUI Animations iOS 16 - Animate Anything with SwiftUI

Give your career the gift of Coursera Plus with $160 off, billed annually. Save today.

Packt

SwiftUI Animations iOS 16 - Animate Anything with SwiftUI

Included with Coursera Plus

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

13 hours to complete
3 weeks at 4 hours a week
Flexible schedule
Learn at your own pace
Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

13 hours to complete
3 weeks at 4 hours a week
Flexible schedule
Learn at your own pace

What you'll learn

  • Create custom wave shapes using the Shape protocol and paths.

  • Understand the Parallax effect and its applications.

  • Apply iOS SpriteKit to develop animations adhering to physical laws.

Details to know

Shareable certificate

Add to your LinkedIn profile

Recently updated!

September 2024

Assessments

10 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Placeholder
Placeholder

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

Placeholder

There are 26 modules in this course

In this module, we will introduce you to SwiftUI and outline the various ways you can harness its power for your iOS applications. You will gain a foundational understanding of what SwiftUI is and how it differs from traditional programming approaches.

What's included

1 video1 reading

In this module, we will explore the core differences between declarative and imperative programming. You'll learn why SwiftUI’s declarative approach simplifies UI development and makes code more predictable and easier to read.

What's included

1 video

In this module, we will delve into the concept of stacks in SwiftUI. You'll learn how to use horizontal, vertical, and z-stacks to arrange your UI elements efficiently and create intricate designs with ease.

What's included

1 video1 assignment

In this module, we will explore text and layout modifiers in SwiftUI. Across three parts, you’ll learn how to use modifiers to customize text appearance, arrange UI elements, and enhance your app’s interface with advanced text formatting.

What's included

3 videos

In this module, we will examine TextField elements in SwiftUI. You’ll learn how to manage their state and use various modifiers to improve user interactions and input handling.

What's included

1 video

In this module, we will focus on images and their modifiers in SwiftUI. Over two parts, you’ll learn how to incorporate images into your UI, style them effectively, and dynamically load images from the web.

What's included

2 videos1 assignment

In this module, we will start our first project, "Circle of Friends." You’ll be introduced to animating circles, learning how to add, grow, shrink, and rotate them to create engaging animations.

What's included

2 videos

In this module, we will build a record player project. You’ll learn how to create the record player’s interface, animate its arm, and add buttons to control sound playback, enhancing interactivity.

What's included

3 videos

In this module, we will explore hue rotation. You’ll learn how to animate image colors using hue rotation, adding vibrant and dynamic visual effects to your SwiftUI projects.

What's included

2 videos1 assignment

In this module, we will work on the "Breathing Flower" project. You’ll learn how to animate a flower to give it a breathing effect and add snowfall to create a captivating scene.

What's included

3 videos

In this module, we will animate a flying eagle. You’ll learn how to create an eagle animation, simulating flight and adding motion effects to bring the scene to life.

What's included

2 videos

In this module, we will delve into SpriteKit. You’ll learn how to use SpriteKit to create dynamic animations, adding a new dimension to your SwiftUI projects.

What's included

2 videos1 assignment

In this module, we will continue exploring hue rotation. You’ll learn how to apply hue rotation to change wallpaper colors, creating dynamic and colorful interfaces.

What's included

2 videos

In this module, we will focus on animating transitions. You’ll learn how to build a settings view, create transition animations, and seamlessly integrate these animations into your UI.

What's included

4 videos

In this module, we will explore the parallax effect. You’ll learn how to create parallax animations, making your UI appear more interactive and engaging.

What's included

2 videos1 assignment

In this module, we will build a working elevator. You’ll learn how to design the data model, animate the elevator, and add interactive components to create a realistic elevator simulation.

What's included

4 videos

In this module, we will animate a girl on a swing. You’ll learn how to create realistic swinging motions and add detailed movements to bring the animation to life.

What's included

2 videos

In this module, we will create a twinkling stars animation. You’ll learn how to use the Shape protocol to animate stars, making them change shape and brightness for a captivating night sky effect.

What's included

3 videos1 assignment

In this module, we will create a weather UI. You’ll learn how to design the UI, add data models, and animate the interface to provide real-time weather updates.

What's included

5 videos

In this module, we will explore 3D rotations. You’ll learn how to create gears and belts, animate them along different axes, and integrate all components into a functional mechanical model.

What's included

6 videos

In this module, we will create an ocean scene. You’ll learn how to animate waves, add a buoy, and integrate sound effects to create a realistic and immersive water animation.

What's included

3 videos1 assignment

In this module, we will animate heart shapes. You’ll learn how to create heart shapes and animate their strokes, adding dynamic effects to enhance your designs.

What's included

2 videos

In this module, we will focus on expanding views. You’ll learn how to dynamically add new views and create expandable components, enhancing the flexibility of your UI.

What's included

2 videos

In this module, we will create a light switch. You’ll learn how to design the interface, animate the switching action, and integrate interactive elements to allow user control.

What's included

2 videos1 assignment

In this module, we will design a Wi-Fi loading animation. You’ll learn how to animate emitters and arcs, and combine them into a cohesive and visually appealing loading animation.

What's included

3 videos

In this module, we will animate a book loader. You’ll learn how to create and animate the spine and pages, and integrate all components to build a functional and engaging loader animation.

What's included

3 videos2 assignments

Instructor

Packt - Course Instructors
Packt
375 Courses14,912 learners

Offered by

Packt

Recommended if you're interested in Mobile and Web Development

Why people choose Coursera for their career

Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

New to Mobile and Web Development? Start here.

Placeholder

Open new doors with Coursera Plus

Unlimited access to 7,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Frequently asked questions