SwiftUI: Let's Build an Avocado Recipes iOS 13 App with Swift in Xcode 11

Robert Petras, UI Design & App Development with SwiftUI

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
17 Lessons (2h 35m)
    • 1. Learn how to develop an iOS 13 App with This SwiftUI Tutorial Course

    • 2. Let’s set up the SwiftUI project in Xcode 11

    • 3. Supporting Dark Mode in iOS App Interface with SwiftUI

    • 4. Let's create a Launch Screen and support the Light and Dark modes in iOS 13

    • 5. Create a user interface with tabs (TabView) in SwiftUI

    • 6. Let's build the Avocado home view with SwiftUI animation

    • 7. Let's design the layout of the header in Xcode 11

    • 8. Let's fetch the data for the Header with Swift 5

    • 9. How to create a interesting layout with SwiftUI: Best Dishes with Avocado

    • 10. Avocado Facts and Why Modifier Order Matters in SwiftUI

    • 11. Fetching the Avocado Facts’ Data with SwiftUI

    • 12. Let's Design the Recipe Cards with SwiftUI and Present the Avocado Recipes

    • 13. Let's Create the Avocado Recipe Detail View in Xcode

    • 14. How to Present a New View with using SwiftUI Sheets

    • 15. Let's Design the Avocado Ripening View with SwiftUI in Xcode

    • 16. Let's present all of the stages of the Avocado ripening with SwiftUI

    • 17. How to Build a Basic Form UI for iOS with SwiftUI

11 students are watching this class

About This Class


Do you want to learn how to create an eye-catchy layout in SwiftUI? In this class, you will learn all about views in SwiftUI! We are going to build an Avocado Recipe iOS 13 app for iPhone and iPad.

The Avocados app has a fairly complex UI in SwiftUI and along with the learning, you will find out:

  • How to create scroll views inside another scroll view,

  • Why we should use custom View Modifiers (avoiding code repetition)

  • How to build a tab view with custom icons,

  • How to master the vertical and horizontal layout design,

  • How to round the corners of a view and create a unique shape form,

  • How to support the Light/Dark modes in SwiftUI,

  • How to create micro animation and enhance the UI,

  • A gentle introduction into forms in SwiftUI


SwiftUI Avocado iOS App Dark Mode

This app is optimized for the iPad as well. With a couple of lines, you can support the wider screens both in landscape and portrait.

Building a great layout in SwiftUI is a cornerstone of iOS development so we are going to go deep in the following section.


Technical requirements

There are only two technical requirements for this SwiftUI Masterclass course:

  1. macOS Catalina from Apple (free)

  2. Xcode 11 from Apple (free)

Start your SwiftUI development and app UI/UX design journey with this hands-on project and learn by doing.

Without further ado, see you at the class!