Book Image

Elevate SwiftUI Skills by Building Projects

By : Frahaan Hussain
Book Image

Elevate SwiftUI Skills by Building Projects

By: Frahaan Hussain

Overview of this book

Elevate SwiftUI Skills by Building Projects helps you harness the cutting-edge potential of SwiftUI and its innovative and user-friendly approach to crafting user interfaces for Apple platforms with the power of Swift. This book will enhance your UI programming skills with SwiftUI through a project-based methodology, guiding you to create four real-world projects. Starting with a quick recap of Swift and SwiftUI, you’ll gradually develop projects tailored for iPhone, iPad, macOS, and watchOS using Swift and Xcode. You’ll experience SwiftUI’s versatility in action as you build a tax calculator for iPhone and a photo gallery for the iPad, which uses a larger display to enhance the viewing experience. You’ll also create an app store for Mac and, finally, get to grips with the power of SwiftUI for smaller devices such as the Apple Watch by designing a Fitness Companion app. By the end of this book, you'll have built fully functional projects across multiple platforms and gained the expertise needed to excel as a professional SwiftUI developer.
Table of Contents (12 chapters)

iPhone Project – Tax Calculator Design

In the previous chapter, we did a recap of Swift and SwiftUI. We looked at the requirements, the coding standards used, and the basics of SwiftUI components. We will use these in the following chapters.

In this chapter, we will work on the design of our first project, a tax calculator. We will assess the requirements for designing such an application and discuss the design specifications, allowing us to get a better understanding of what is required and how it will all fit together. Then, we will start our application’s coding process to build out the UI, which will be connected together allowing the application to fully function in the next chapter. This project will teach us the foundations of SwiftUI components and how to interact with external code bases. We will discuss all of this in the following sections:

  • Technical Requirements
  • Understanding the Design Specifications
  • Building the Calculator UI

By the end of this chapter, you will have a better understanding of what is required and the design of our application. You will also have a skeleton UI that will be used as the foundation for making the calculator work in the next chapter.

In the next section, we will provide clarity on the specifications of our application’s design and look at mockups of what the app will look like.