Get 50% off during Black Friday!

Design+Code logo

Quick links

No results found

Suggested search

Build Quick Apps with SwiftUI

47 sections - 11 hours of video

icon

Add to favorites

icon

Notify me

Apply your Swift and SwiftUI knowledge by building real, quick and various applications from scratch

Instructor avatar

Taught by Stephanie Diep

Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.

47 topics

All techniques are explained step-by-step, in a beginner-friendly format so that you can easily follow in a cohesive way.

1

Create a weather app Part 1

Get the user's current location with CoreLocation

14:28

2

Create a weather app Part 2

Get the weather conditions depending on the user's location with the OpenWeather API

9:52

3

Create a weather app Part 3

Display the weather information in a beautiful UI

6:49

4

Create a To-Do app Part 1

Code all the views and components for a fully functional To-Do app

12:51

5

Create a To-Do app Part 2

Connect all the views together and install Realm

12:15

6

Create a To-Do app Part 3

Implement CRUD functionalities in the to-do app

17:27

7

Build a Biometrics Authentication System Part 1

Build the LoginView for authenticating with biometrics

9:54

8

Build a Biometrics Authentication System Part 2

Implement FaceID authentication in a SwiftUI application

14:41

9

Build a Biometrics Authentication System Part 3

Code the complete log in and log out flow of the app

14:16

10

Build a Trivia Game App Part 1

Create the project and code the welcome screen

11:21

11

Build a Trivia Game App Part 2

Build the QuestionView

17:38

12

Build a Trivia Game App Part 3

Create the Trivia model and TriviaManager

18:48

13

Build a Trivia Game App Part 4

Connect functions to UI and play the game

13:39

14

Instagram Front-end UI Part 1

Learn how to code Instagram home screen under 1h

20:12

15

Instagram Front-end UI Part 2

Learn how to code Instagram home screen under 1h

20:06

16

Instagram Front-end UI Part 3

Learn how to navigate between multiple screens in SwiftUI

8:10

17

Instagram Front-end UI Part 4

Learn how to use text field and dynamic grid layout in SwiftUI

27:51

18

Build a Recipe Saver App Part 1

Set up main views, tab bar and data model

13:31

19

Build a Recipe Saver App Part 2

Design recipe card using AsyncImage

9:02

20

Build a Recipe Saver App Part 3

Display recipe cards in a grid layout

6:40

21

Build a Recipe Saver App Part 4

Design recipe screen with picture and details

8:38

22

Build a Recipe Saver App Part 5

Filter and display recipes by categories

8:12

23

Build a Recipe Saver App Part 6

Present a form to submit a new recipe and allow for dismiss

18:07

24

Build a Recipe Saver App Part 7

Integrate a view model to manage data using Combine

6:57

25

Build a Recipe Saver App Part 8

Save a new recipe to collection

5:09

26

Create a Shopping App with Apple Pay Part 1

Create the Xcode project, add dummy data and build the ProductCard

12:16

27

Create a Shopping App with Apple Pay Part 2

Code the ContentView’s body and create the CartManager

12:03

28

Create a Shopping App with Apple Pay Part 3

Connect the CartManager to the UI

9:08

29

Create a Shopping App with Apple Pay Part 4

Code the Apple Pay button and configure Apple Pay

13:21

30

Create a Shopping App with Apple Pay Part 5

Create the PaymentHandler to handle everything related to Apple Pay

18:57

31

Create a Shopping App with Apple Pay Part 6

Connect Apple Pay with the UI

7:42

32

Chat app with Firebase Firestore Part 1

Create the Xcode project, and code the components making up the view

18:35

33

Chat app with Firebase Firestore Part 2

Code a custom TextField and configure Firebase

13:33

34

Chat app with Firebase Firestore Part 3

Call the data from Firestore with real-time updates

16:39

35

Build a Fasting Timer App Part 1

Design progress ring with animation

12:42

36

Build a Fasting Timer App Part 2

Implementing UI of the main view

7:55

37

Build a Fasting Timer App Part 3

Scheduling date with calendar date components

19:01

38

Build a Fasting Timer App Part 4

Tracking time with timer publisher

9:22

39

Build a Fasting Timer App Part 5

Calculate progress from timer and display in progress ring

7:47

40

Build a Video App Part 1

Code the QueryTag and the VideoCard

13:53

41

Build a Video App Part 2

Dive into the Pexels API, add dummy data and integrate a video player with AVKit

14:24

42

Build a Video App Part 3

Fetch the videos from the API and add functionality to UI

14:23

43

Build a Meditation App with AVKit Part 1

Download photo for background image and mount main screen

8:50

44

Build a Meditation App with AVKit Part 2

Implementing playback view UI and present as full screen cover

14:59

45

Build a Meditation App with AVKit Part 3

Set up data and view model integrating Combine and DateComponentsFormatter

11:48

46

Build a Meditation App with AVKit Part 4

Enable audio player and backroung playback

16:19

47

Build a Meditation App with AVKit Part 5

Add actions to playback controls and visualize audio progress

21:15

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.

check

Design template

check

Source code for all sections

check

Video files, ePub and subtitles

Browse all downloads

What's included?

All courses come with downloadable files to help you design, code and follow the course offline.

300+ hours of video

300+ hours of video

Subtitles in English, Chinese

Subtitles in English, Chinese

Source files, ePub

Source files, ePub

UI, icons, illustrations

UI, icons, illustrations

Premium, support chat

Premium, support chat

Source files

Source files

Design templates and source code files are included to help you learn.

ePub files

ePub files

Read offline using Books for iOS, Mac or other apps that can read this format.

Video files

Video files

Download the videos so that you can watch later or offline using any video player.

Meet the instructors

We all try to be consistent with our way of teaching step-by-step, providing source files and prioritizing design in our courses.

Willie Yam

Front-end/UI developer at Design+Code

I do UI coding. HTML/CSS/JS/SWIFTUI dev.

icon

10 courses - 37 hours

course logo

Design and Prototype an App with Play

Build a completely functional prototype without writing a single line of code from your phone

3 hrs

course logo

Create a 3D site with game controls in Spline

Build an interactive 3D scene implemented on a ReactJS site using Figma and Spline

2 hrs

course logo

Build a Movie Booking App in SwiftUI

Learn how to create an iOS app based on a beautiful UI design from Figma with interesting animations and interactions, create a custom tab bar and use navigation views to build a whole flow

1 hrs

course logo

Build Quick Apps with SwiftUI

Apply your Swift and SwiftUI knowledge by building real, quick and various applications from scratch

11 hrs

course logo

CSS Handbook

A comprehensive series of tutorials that encompass styled-components, CSS, and all layout and UI developments

1 hrs

course logo

Advanced React Hooks

Learn how to build a website with Typescript, Hooks, Contentful and Gatsby Cloud

5 hrs

course logo

Unity for Designers

If you want to make a game and don't know where to start, you are in the right place. I will teach you how to use Unity, code in C# and share essential tips and tricks to make your first game.

5 hrs

course logo

Create a Javascript Game

Learn how to create a web game using Phaser 3, a popular javascript game engine. Draw a map using an editor, implement the player, make the player move, apply physics, collisions, and implement the enemies.

2 hrs

course logo

Build an ARKit 2 App

Introduction to ARKit and learn how to make your own playground. You will be able to add models or even your own designs into the app and play with them

4 hrs

course logo

Create a SpriteKit Game

Overview of SpriteKit a powerful 2D sprite-based framework for games development from Apple and learn how to create your very own platform

3 hrs

Flutter

Certificate

Figma

Certificate

SwiftUI

Certificate

UI Design

Certificate

Create a profile

Get certificates

After passing a test, we’ll award you with an online certificate. You can add them to your profile after completing the courses.

Pass the test
Get the certificate.

Test your knowledge of Build Quick Apps with SwiftUI. Complete the course and get perfect results for this test to get your certificate.

Build Quick Apps with SwiftUI: Question 1 out of 20

What’s the Apple framework used to get the current coordinates of the user’s current location?

Stories

How students learned from our courses

See what people have learned and built by taking courses from Design+Code

Ángel Vāzquez

UI-X interaction & design

Author avatar

Ángel Vāzquez

UI-X interaction & design

I can’t thank you enough @MengTo, thank you for making the whole process so enjoyable. This is the beginning of a new era for me thanks to you I found my passion and what I want to do for the next following years. Red heart

Haawa

iOS Developer

Author avatar

Haawa

iOS Developer

Hey MengTo, I launched my iOS/watchOS app RunnerGoal almost completely built with SwiftUI. Thank you for the design lessons and many controls and animation that I used from you SwiftUI course. Man bowing deeply.

Jiani Li

UI/UX Designer/Developer

Author avatar

Jiani Li

UI/UX Designer/Developer

Bucket is now live in @AppAirport! Thanks to @designcodeio by @MengTo, I was able to learn #SwiftUI and built the app in 2 months.

Christiano Mere

Designer

Author avatar

Christiano Mere

Designer

My studies of swiftUI with a little help and inspirations of @designcodeio and @MengTo. Thanks for the today's live. Illustrations by @FireartStudio

Jean-Marc Denis

Product Designer at Facebook

Design+Code is a wake-up call. Why should I learn a web based technology or a deprecated tool when the obvious choice is to learn Xcode?

Liu Yi

Founder at Price Tag

Thanks to Design+Code, I improved my design skill and learned to do animations for my app Price Tag, a top news app in China.

Trusted by teams

120,000 people

Many startups look for designers who code and developers who design. They use our courses to help train new hires and expand skill sets.