SwiftUI + MVVM + Xcode 12
Learn how to create a To-Do List with the Firebase Firestore backend to have realtime updates
Difficulty: Beginner | Easy | Normal | Challenging
Environment : Xcode 12, iOS 14, Firebase 7.1.0 & SwiftUI
Create a new project
Open Xcode > App template > Select SwiftUI Interface and Life Cycle > call your project TodoFirebase.
SwiftUI + xcode 12
Let’s create an ActionSheet with different options using SwiftUI
Difficulty: Beginner | Easy | Normal | Challenging
Environment : Xcode 12 & SwiftUI
Create a new project
Xcode > New Project > App Template > Name it ActionSheet> SwiftUI App Life Cycle & Interface.
SwiftUI + Xcode 12
Let’s see how to implement a SwiftUI TabView that switch Views each time you click on a TabItem
Difficulty: Beginner | Easy | Normal | Challenging
Environment : Xcode 12 & SwiftUI
Create a new project
Open Xcode > New Project > App Template > Name it TabViewDemo> SwiftUI App Life Cycle & Interface.
SwiftUI + iOS 14 + Xcode 12
Let’s see how to implement a ToolBar Item inside the Navigation Bar and the Bottom Bar in SwiftUI
Difficulty: Beginner | Easy | Normal | Challenging
Environment : Xcode 12 & SwiftUI
Introduction
In this tutorial, we are going to implement a NavigationView with a ToolBarItem placed in the ToolBar and the NavigationBar. Let’s go!
Create a new Xcode project
Open Xcode > Create a new Xcode project > App template > Call it toolBarTest and select SwiftUI Interface and Lifecycle.
Create a NavigationView
Head to the ContentView.swift file and replace the current Text UI element with the following:
Here we simply add a List embedded in a NavigationView, this last element is necessary to add the toolBar modifier.
Add the toolBar modifier
Right after the NavigationView last graph, add…
SwiftUI + iOS 14 + Xcode 12
Let’s create a loading animation using the SwiftUI redacted modifier from iOS 14.
Difficulty: Beginner | Easy | Normal | Challenging
Environment : Xcode 12 & SwiftUI
Introduction
In this tutorial, we will simulate a network call, create a list of 10 items and hide the Text using the redacted modifier while it is loading. Let’s get started!
Start a new Xcode project
Create a new Xcode project > App Template > SwiftUI interface and lifecycle > Call it RedactedAnimation
SwiftUI + SegmentedPicker
Let’s create a Picker in SwiftUI that will switch views every time the user selects one. Using SwiftUI 2.0 & Xcode 12.
Difficulty: Beginner | Easy | Normal | Challenging
Environment : Xcode 12 & SwiftUI
Introduction
In this tutorial, I am going to show you how to implement a Picker with a SegmentedPickerStyle in SwiftUI. We will make the user change View every time he has selected one of the selected pickers. Let’s go!
Create a new Xcode project
Open Xcode > Create a new Xcode project > App template > Call it PickerSwiftUI and select SwiftUI Interface and lifecycle.
UIKIT + UIScrollView + JSON
Second part of this tutorial, we are going to explore how to pass data between views and UIScrollView. Swift 5 & Xcode 12.
Difficulty: Beginner | Easy | Normal | Challenging
Environment : Xcode 12 & UIKit
Introduction
Following part 1 of the tutorial, we are going to implement the protocol to make the cells clickable, pass data to another ViewController and set up a UIScrollView in it to present a range of data. If you missed part 1, check it out first:
Make the cells clickable
Head to the ListViewController.swift and add the protocol to make the cells clickable, pass the data and present another ViewController. Copy/paste the following protocol in your file:
Here, we are using didSelectRowAt method to present a new ViewController, we are…
UIKit + UITableView + JSON
In this tutorial, we will learn how to create a UITableView and a details screen that display data from the BreweryDB APIs
Difficulty: Beginner | Easy | Normal | Challenging
Environment : Xcode 12 & UIKit
Introduction
Recently, I was doing an interview for an iOS developer position and I had the opportunity to do the take-home project. It was a classic test: it consists of decoding a JSON from the BreweryDB APIs, create a list that display the data returned by the JSON and also present a details screen. Let’s create that programmatically using UIKit!
Project Setup
Create a new Xcode project
Open Xcode > New Project > Storyboard Interface and UIKit App Delegate > call it Biirr
In this tutorial, we will learn to download data from the Unsplash API and present the images in a LazyVGrid. Using SDWebImageSwiftUI and Unsplash APIs.
Difficulty: Beginner | Easy | Normal | Challenging
Environment : Xcode 12, MVVM & SwiftUI
Create a new Xcode project
Open Xcode > Create a new Xcode project > App template > Call it PictureGrid and select SwiftUI Interface and lifecycle.
