Introduction to Server Driven UI in iOS, Swift & SwiftUI

Learn how server driven UI can enable faster iterations and allowing apps to instantly update on multiple platforms

4.67 (41 reviews)
Udemy
platform
English
language
Mobile Apps
category
instructor
459
students
4 hours
content
May 2022
last update
$84.99
regular price

What you will learn

Learn the principles of server driven user interface

Identify the benefits of server driven UI approach

Implement JSON server using Node and Express

Instantly update your app on multiple platforms

Description

What if there is a way to update the user interface of your app instantly, without having to submit a new version?


Companies like Airbnb, Spotify, Flipkart, Swiggy and several others use a technique called Server Driven UI, which allows them to remotely update their user interfaces based on the response received from the server. This allows them to bypass the review process and keep their apps sync on multiple platforms.


In this course, you are going to learn how to get started with building a server driven UI in iOS. You will learn the advantages and disadvantages of the approach and how to architect server driven UI apps. By the end of this course, you will have enough information to start building server driven UI for your applications.


Let’s check out the contents of the course:


Understanding Server Driven UI

In this section you will learn the concepts behind server driven UI and how it is different from basic API responses. You will also learn the benefits of using server driven UI. Finally, you will learn about the architecture of server driven UI apps and how it is different from creating default iOS applications.


Setting Up Server

In this section, you will learn how to set up your own custom server, which will return the JSON responses to the iOS app. You will learn how to implement a basic server using Node and Express. You will also learn about implementing a JSON template, which will be responsible for constructing the user interface for your application.


UIModels, Components and Displaying Views

In this section, you will learn how to create UI models for your app. The UI models will be responsible for holding the decoded data from the JSON response. You will also learn how to create components for your app, which will be responsible for displaying views on the screen.


Navigation and Actions

In this section, you will learn how to implement actions for your app. You will mainly learn about the navigation action, which allows the user to navigate to different screens. You will also learn how to create a dynamic navigation engine, which can be controlled from the server.


Implementing and Displaying Lists

In this section, you will learn how to implement list components using server driven UI. You will learn how to accommodate lists through your JSON template and how to render rows based on the provided data from the server.


Who is this course for?


  • Developers interested in learning about a new way of building dynamic iOS applications.

  • Developers who are interested in releasing their apps on multiple platforms instantly.

  • Developers who want to move to the senior role by learning advanced techniques for app development.


I had so much fun in creating this course, I consider this to be one of my best courses. Thank you so much for your continuous support. Hope you enjoy the course.


Thank you so much for your continuous support. I hope you enjoy the course and when you publish your iOS app, implemented using the principles of server driven UI then contact me with a link to your app. I would be more than happy to download your app.


Thanks,

Azam

Screenshots

Introduction to Server Driven UI in iOS, Swift & SwiftUI - Screenshot_01Introduction to Server Driven UI in iOS, Swift & SwiftUI - Screenshot_02Introduction to Server Driven UI in iOS, Swift & SwiftUI - Screenshot_03Introduction to Server Driven UI in iOS, Swift & SwiftUI - Screenshot_04

Content

Introduction

Introduction
Credits
Prerequisites
Exercise Files

Understanding Server Driven UI

What is Server Driven UI?
Benefits of Server Driven UI
Understanding the Core Architecture of Server Driven UI

Pets - Setting Up Server

What we will be building?
Creating Your First Node/Express Project
Returning JSON Template from the Server
Implementing Webservice

Pets - UIModels, Components and Displaying Views

Implementing ScreenModel and ComponentModel
Creating FeaturedImage Component and FeatureImageView
Implementing PetListViewModel
Displaying View on the Screen

Pets - Adding Components and JSON Decodable Type

Implementing LocalFile Service to Consume JSON
Understanding the Current Decoding Problem
Implementing JSON Type
Integrating JSON Type with the App
Adding Carousel Component and View

Pets - Navigation and Actions

What are Actions?
Implementing Action, ActionType and Route
Implementing Light Weight Navigation Engine
Performing Navigation Using Navigator
Passing Payload Using Navigator to Destination
Passing Pet ID as a Parameter to Pet Detail Screen

Pets - Displaying Details

Updating uniqueId to a UUID
Hosting JSON on the Server
Implementing Pet Detail End Point
Displaying Pet Details
Displaying Text Row
Displaying Rating Row

Pets - Lists

Updating Server to Support List and Row Types
Implementing List and Row Models
Implementing List and Row Components
Navigating to Pet Details
Ignoring Missing Components

Conclusion

Next Steps & Resources
Starter Project for ReactJS Server Driven UI Project
Bonus Lecture

Reviews

Metin
June 12, 2022
Zindabad Azam, The new courses are much better than the old ones. There is a lot of valuable information in the course, it was very useful.

Charts

Price

Introduction to Server Driven UI in iOS, Swift & SwiftUI - Price chart

Rating

Introduction to Server Driven UI in iOS, Swift & SwiftUI - Ratings chart

Enrollment distribution

Introduction to Server Driven UI in iOS, Swift & SwiftUI - Distribution chart
4483092
udemy ID
1/8/2022
course created date
4/1/2022
course indexed date
Bot
course submited by