Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

SwiftUI Basics: Let's create an awesome iOS card app UI/UX design with SwiftUI in Xcode

via Skillshare

This course may be unavailable.

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Visually learn SwiftUI, Apple's latest User Interface framework, and build a top-notch iOS 13 and iPadOS card app.

This class is designed for you to start SwiftUI and iOS 13 app development.

Who is this class for?

This SwiftUI class is suitable for anyone without any prior knowledge in iOS development.

What is the difficulty level of this class?

The difficulty level of this SwiftUI class is Beginner.

What will you learn and what are the main objectives of this SwiftUI project?

By the end of the class, students are able to accomplish the following development tasks and build an iOS mobile application with eye-catchy UI/UX design using the SwiftUI framework in Xcode:

  1. How to set up a new iOS 13 project
  2. How to create a launch screen
  3. How to add icons for the app
  4. How to create a card layout with SwiftUI
  5. How to load different information from a data file
  6. How to play sounds
  7. How to animate user interface elements with SwiftUI
  8. How to create a haptic feedback feature
  9. How to show alerts with SwiftUI
  10. Finally, how to create stickers without writing any code

How can students get feedback from the teacher and other students?

Students can share screenshots of their finished projects with the teacher and other students on the Skillshare learning platform by creating a new project in the class.

By doing that the teacher of the class with many years of experience in the app development industry and other students are able to give feedback to the students.

Students are encouraged to use the comments system and share their learning experiences with us as well.

Technical requirements of the project

There are only two technical requirements for this SwiftUI class:

  1. macOS Catalina from Apple (free)
    https://www.apple.com/macos/catalina/

  2. Xcode 11 from Apple (free)
    https://developer.apple.com/xcode/

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!

Syllabus

  • What kind of iOS app we're going to build with SwiftUI?
  • Xcode - Apple's App Development Software
  • Let’s set up the iOS 13 project
  • How to create a launch screen in iOS 13
  • Create a card view in SwiftUI
  • Repeating content effortlessly with ForEach
  • Create a data model for the cards
  • Let’s create an array of static data
  • How to load static data in SwiftUI?
  • Let’s play a sound file with AVFoundation in SwiftUI
  • Introducing SwiftUI Animation in iOS Development
  • Let’s add a Haptic Feedback for the iOS 13 app
  • How to show Alert window with SwiftUI in Xcode
  • Let’s create Stickers for the mobile app without coding

Taught by

Robert Petras

Reviews

Start your review of SwiftUI Basics: Let's create an awesome iOS card app UI/UX design with SwiftUI in Xcode

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.