Let's develop an iOS 14 app and fetch JSON data

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.


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.

Official Documentation

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.

 Official Documentation

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.

SwiftUI Course
Blender 3D Masterclass
Augmented Reality Masterclass
Blender 3D Masterclass