آموزش مقدمه ای بر رابط کاربری سرور در iOS، Swift و SwiftUI

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

• وام Credits

• پیش نیازها Prerequisites

• فایل های تمرین Exercise Files

آشنایی با رابط کاربری سرور Understanding Server Driven UI

• 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

• برگرداندن قالب JSON از سرور Returning JSON Template from the Server

• پیاده سازی وب سرویس Implementing Webservice

حیوانات خانگی - مدل‌های UI، اجزا و نمایش‌ها Pets - UIModels, Components and Displaying Views

• پیاده سازی ScreenModel و ComponentModel Implementing ScreenModel and ComponentModel

• ایجاد کامپوننت FeaturedImage و FeatureImageView Creating FeaturedImage Component and FeatureImageView

• پیاده سازی PetListViewModel Implementing PetListViewModel

• نمایش نمای روی صفحه Displaying View on the Screen

حیوانات خانگی - افزودن اجزا و نوع قابل رمزگشایی JSON Pets - Adding Components and JSON Decodable Type

• پیاده سازی LocalFile Service برای مصرف JSON Implementing LocalFile Service to Consume JSON

• درک مشکل رمزگشایی فعلی Understanding the Current Decoding Problem

• پیاده سازی JSON Type Implementing JSON Type

• ادغام JSON Type با برنامه Integrating JSON Type with the App

• افزودن کامپوننت و نمای چرخ فلک Adding Carousel Component and View

حیوانات خانگی - ناوبری و اقدامات Pets - Navigation and Actions

• Actions چیست؟ What are Actions?

• پیاده سازی Action، ActionType و Route Implementing Action, ActionType and Route

• پیاده سازی موتور ناوبری سبک وزن Implementing Light Weight Navigation Engine

• انجام ناوبری با استفاده از Navigator Performing Navigation Using Navigator

• عبور بار با استفاده از Navigator to Destination Passing Payload Using Navigator to Destination

• ارسال شناسه حیوان خانگی به عنوان پارامتر به صفحه جزئیات حیوان خانگی Passing Pet ID as a Parameter to Pet Detail Screen

حیوانات خانگی - نمایش جزئیات Pets - Displaying Details

• به روز رسانی منحصر به فرد به یک UUID Updating uniqueId to a UUID

• میزبانی JSON روی سرور 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

• پروژه شروع کننده برای پروژه UI مبتنی بر سرور ReactJS Starter Project for ReactJS Server Driven UI Project

• سخنرانی پاداش Bonus Lecture