Build Quick Apps with SwiftUI
47 sections - 11 hours of video
Add to favorites
Notify me
Apply your Swift and SwiftUI knowledge by building real, quick and various applications from scratch
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.
Design template
Source code for all sections
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
Subtitles in English, Chinese
Source files, ePub
UI, icons, illustrations
Premium, support chat
Source files
Design templates and source code files are included to help you learn.
ePub files
Read offline using Books for iOS, Mac or other apps that can read this format.
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.
Stephanie Diep
iOS and Web developer
Developing web and mobile applications while learning new techniques everyday
7 courses - 36 hours
Build Quick Apps with SwiftUI
Apply your Swift and SwiftUI knowledge by building real, quick and various applications from scratch
11 hrs
Advanced React Hooks Handbook
An extensive series of tutorials covering advanced topics related to React hooks, with a main focus on backend and logic to take your React skills to the next level
3 hrs
SwiftUI Concurrency
Concurrency, swipe actions, search feature, AttributedStrings and accessibility were concepts discussed at WWDC21. This course explores all these topics, in addition to data hosting in Contentful and data fetching using Apollo GraphQL
3 hrs
SwiftUI Combine and Data
Learn about Combine, the MVVM architecture, data, notifications and performance hands-on by creating a beautiful SwiftUI application
3 hrs
SwiftUI Advanced Handbook
An extensive series of tutorials covering advanced topics related to SwiftUI, with a main focus on backend and logic to take your SwiftUI skills to the next level
4 hrs
React Hooks Handbook
An exhaustive catalog of React tutorials covering hooks, styling and some more advanced topics
5 hrs
SwiftUI Handbook
A comprehensive series of tutorials covering Xcode, SwiftUI and all the layout and development techniques
7 hrs
Willie Yam
Front-end/UI developer at Design+Code
I do UI coding. HTML/CSS/JS/SWIFTUI dev.
10 courses - 37 hours
Design and Prototype an App with Play
Build a completely functional prototype without writing a single line of code from your phone
3 hrs
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
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
Build Quick Apps with SwiftUI
Apply your Swift and SwiftUI knowledge by building real, quick and various applications from scratch
11 hrs
CSS Handbook
A comprehensive series of tutorials that encompass styled-components, CSS, and all layout and UI developments
1 hrs
Advanced React Hooks
Learn how to build a website with Typescript, Hooks, Contentful and Gatsby Cloud
5 hrs
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
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
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
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
Á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
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
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
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.