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

Learn how to create a grid layout with SwiftUI 2

What will you learn?

In this SwiftUI 2 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 14 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 iOS 14 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 14 app development topics that we’re going to cover in this SwiftUI 2.0 tutorial.

What will you build in Xcode?

Asset files and Graphics

Unlike any other learning materials on the Internet, this SwiftUI and iOS 14 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 2 Grid layout

New in iOS 14: 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 2 framework.

How to use Maps with SwiftUI 2

New in iOS 14: 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 14: 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 Big Sur.

  • Start by selecting the ‘Mac' checkbox in the project settings to create a desktop application.

What are the main learning objectives of this iOS 14 tutorial?

  • How to set up a new iOS 14 project with the new SwiftUI App Life Cycle.

  • How to create a Launch Screen with the new SwifTUI 2 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 2

  • How to develop a complex layout system with 1 list view and 3 grid views together

  • How to add App Icons to the iOS 14 project in Xcode 12

  • 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 14. 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

Learn SwiftUI and Become an App Developer

From totally beginner to advanced iOS app developer with this complete iOS 14 SwiftUI 2 development course programming in Xcode 12.

Learn how to use Map Kit and Video Player with SwiftUI
SwiftUI Course