Learn how to create a grid layout with SwiftUI
What will you learn?
In this SwiftUI tutorial, you will learn how to develop a beautiful application with a complex layout for iPhone, iPad, and Macintosh devices. In this lecture, we will discover not only Africa but many exciting iOS features and some new programming concepts as well.
You will learn the following features of Apple’s native User Interface framework:
JSON parsing with Swift and Codable protocol, advanced List and Grid layout, Video player, Map integration, Sticker Pack Extention, Mac Catalyst framework, and more.
How to load JSON data with Swift
JSON parsing in Swift and the Codable protocol is a must to know programming concept for every iPhone mobile app developer.
Since almost every app decodes JSON data to visualize it as a content in our application, therefore parsing JSON is undoubtedly one of the requirements you should learn as a professional iOS or macOS developer.
Luckily for us, decoding JSON in the latest version of Swift is quite easy and does not require any external plugin or other dependencies.
Workbook
You can download the pdf workbook file and take a look all of the various iOS app development topics that we’re going to cover in this SwiftUI tutorial.
What will you build in Xcode?
Asset files and Graphics
Unlike any other learning materials on the Internet, this SwiftUI and iOS online courses provide you asset files premade by a professional designer such as graphic files, images, video files, sound files, etc.
These supplemental learning materials will give you a real-life experience of how a professional app developer works within a real-life environment with UI designers together.
I'm pretty confident that you will enjoy the development process and you will be satisfied by looking at the finished application.
SwiftUI Grid layout
New in iOS: One of the main learning objectives is to create a fully-featured Onboarding screen with the new Page Tab View capability provided by the updated SwiftUI framework.
How to use Maps with SwiftUI
New in iOS: SwiftUI framework lets us embed Apple Map into our mobile application. We can create a new Map Vive alongside the rest of the other Views. Moreover, we can control whether to show the user, different kinds of annotations, user interactions with the map, and much more.
How to play videos with SwiftUI
New in iOS: SwiftUI’s VideoPlayer view lets us playback movies from any URL, local or remote. It comes from the AVKit framework, so you should make sure and add import AVKit before trying it out.
It’s good to know that this new Video Player works great not only on device, but on the Simulator and the Live Preview as well. We’re going to work with many great quatity mp4 video files in this tutorial.
How to create a Mac application
In this lecture, you will learn how to bring your iPad application to desktop Macintosh computers and create a full-fledged macOS app. There has never been a better time to turn an iPad app into a native Mac app.
Native Mac apps built with Mac Catalyst share code with iPad apps and it makes easy to enhance it further.
Mac Catalyst apps take advantage of the all-new look of macOS.
Start by selecting the ‘Mac' checkbox in the project settings to create a desktop application.
What are the main learning objectives of this iOS tutorial?
How to set up a new iOS project with the new SwiftUI App Life Cycle.
How to create a Launch Screen with the new SwifTUI approach
How to parse local JSON files with Swift
How to properly use Swift’s Codabe protocol
How to create a Bundle expension in Swift
How to create a Generic Type and use it for decoding JSON files
How to divide small user interface elements to separate files
How to fetch complex data and display it in views
How to create a new Grid View with SwiftUI
Develop a complex layout system with 1 list view and 3 grids together
How to add App Icons to the iOS project in Xcode editor
How to force the application to use only the Dark user interface
How to turn the iPad app into a Mac app with the Catalyst framework
How to create an iMessage Sticker Pack Extension without coding
What is SwiftUI App Life Cycle?
The new SwiftUI App Lifecycle replaces the UIKit’s App Delegate and Scene Delegate in iOS. There are brand new protocols and property wrappers to reduce boilerplate code such as App protocol, Scene protocol and Window Group protocol.
What is App Storage?
SwiftUI's new App Storage property wrapper is used to read and write values to the UserDefaults local storage. Every time when this value of the AppStorage property changes in the app, then SwiftUI view is invalidated and redrawn on the screen automatically.
App Gallery
A picture is worth a thousand words. Let’s look at the gallery of this iOS app made with the SwiftUI framework in Xcode editor.
SwiftUI Masterclass 2022 - iOS App Development & Swift
From totally beginner to advanced iOS app developer with this complete iOS SwiftUI development course programming in Xcode.
This iOS app development tutorial is part of the SwiftUI Masterclass Course.
47289+
Total Students
36+
Hours Videos
16
Total Courses
2025
Edition
January
Last Updated
4.6
Ratings
Employees from top companies choose Credo to build in-demand career skills.
