آموزش الگوی طراحی MVVM در iOS با استفاده از SwiftUI

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

معرفی Introduction

• پیش نیازها Prerequisites

معرفی Introduction

• معرفی Introduction

• معرفی Introduction

• پیش نیازها Prerequisites

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

الگوی طراحی MVVM چیست؟ What is MVVM Design Pattern?

• الگوهای طراحی چیست؟ What are Design Patterns?

• MVVM چیست؟ What is MVVM?

• MVVM Architecture و Web API MVVM Architecture and Web APIs

• تفاوت بین View Model و Model Difference Between View Model and Model

الگوی طراحی MVVM چیست؟ What is MVVM Design Pattern?

• الگوهای طراحی چیست؟ What are Design Patterns?

• MVVM چیست؟ What is MVVM?

• چرا MVVM؟ Why MVVM?

• چرا MVVM؟ Why MVVM?

• MVVM Architecture و Web API MVVM Architecture and Web APIs

• تفاوت بین View Model و Model Difference Between View Model and Model

شروع کار با MVVM در برنامه های SwiftUI Getting Started with MVVM in SwiftUI Apps

• ایجاد رابط کاربری Creating the User Interface

• ایجاد مدل Creating the Model

• ایجاد مدل View Creating the View Model

• افزایش شمارنده و نمایش روی صفحه Incrementing the Counter and Displaying on Screen

شروع کار با MVVM در برنامه های SwiftUI Getting Started with MVVM in SwiftUI Apps

• درک اپلیکیشن Understanding the App

• درک اپلیکیشن Understanding the App

• ایجاد رابط کاربری Creating the User Interface

• ایجاد مدل Creating the Model

• ایجاد مدل View Creating the View Model

• افزایش شمارنده و نمایش روی صفحه Incrementing the Counter and Displaying on Screen

• افزودن قوانین کسب و کار به مدل Adding Business Rules to the Model

• افزودن قوانین کسب و کار به مدل Adding Business Rules to the Model

برنامه فیلم - شروع به کار Movies App - Getting Started

• ثبت حساب OMDB Registering OMDB Account

• آشنایی با OMDB API Understanding the OMDB API

• درک پروژه شروع Understanding the Starter Project

• منابع: URLImage و Rating View در SwiftUI Resources: URLImage and Rating View in SwiftUI

برنامه فیلم - شروع به کار Movies App - Getting Started

• ما چه می سازیم؟ What are we building?

• ما چه می سازیم؟ What are we building?

• ثبت حساب OMDB Registering OMDB Account

• آشنایی با OMDB API Understanding the OMDB API

• آشنایی با معماری اپلیکیشن Understanding the App Architecture

• آشنایی با معماری اپلیکیشن Understanding the App Architecture

• درک پروژه شروع Understanding the Starter Project

• منابع: URLImage و Rating View در SwiftUI Resources: URLImage and Rating View in SwiftUI

برنامه Movies - مصرف JSON API Movies App - Consuming JSON API

• پیاده سازی HTTP Client Implementing HTTP Client

• تست کلاینت HTTP Testing HTTP Client

• Refactoring HTTP Client Refactoring HTTP Client

برنامه Movies - مصرف JSON API Movies App - Consuming JSON API

• مدل پیاده سازی Implementing Model

• مدل پیاده سازی Implementing Model

• پیاده سازی HTTP Client Implementing HTTP Client

• تست کلاینت HTTP Testing HTTP Client

• Refactoring HTTP Client Refactoring HTTP Client

برنامه فیلم - نمایش فیلم ها Movies App - Displaying Movies

• پر کردن فیلم ها در لیست Populating Movies in List

برنامه فیلم - نمایش فیلم ها Movies App - Displaying Movies

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

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

• پر کردن فیلم ها در لیست Populating Movies in List

• جستجوی فیلم ها بر اساس نام Searching Movies by Name

• جستجوی فیلم ها بر اساس نام Searching Movies by Name

• افزودن LoadingState برای نمایش مشروط نماها Adding LoadingState to Conditionally Render Views

• افزودن LoadingState برای نمایش مشروط نماها Adding LoadingState to Conditionally Render Views

برنامه فیلم - جزئیات فیلم Movies App - Movie Details

• پیاده سازی getMovieDetail HTTPClient End Point Implementing getMovieDetail HTTPClient End Point

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

• پر کردن MovieDetailScreen Populating MovieDetailScreen

برنامه فیلم - جزئیات فیلم Movies App - Movie Details

• پیاده سازی مدل MovieDetail Implementing MovieDetail Model

• پیاده سازی مدل MovieDetail Implementing MovieDetail Model

• پیاده سازی getMovieDetail HTTPClient End Point Implementing getMovieDetail HTTPClient End Point

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

• پر کردن MovieDetailScreen Populating MovieDetailScreen

برنامه بانک - شروع به کار Bank App - Getting Started

• پیش نیازها Prerequisites

• چه چیزی خواهیم ساخت؟ What we will be building?

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

• مهم: مروری بر معماری IMPORTANT: Architecture Overview

• مهم: بیدار شدن از خواب سرور خطا IMPORTANT: Waking Up Glitch Server

برنامه بانک - شروع به کار Bank App - Getting Started

• پیش نیازها Prerequisites

• چه چیزی خواهیم ساخت؟ What we will be building?

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

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

• مهم: مروری بر معماری IMPORTANT: Architecture Overview

• سرور خطا (NodeJS و Express) Glitch Server (NodeJS and Express)

• سرور خطا (NodeJS و Express) Glitch Server (NodeJS and Express)

• مهم: بیدار شدن از خواب سرور خطا IMPORTANT: Waking Up Glitch Server

برنامه بانک - فهرست کردن همه حساب ها Bank App - Listing All Accounts

• نمایش حساب ها Displaying Accounts

برنامه بانک - فهرست کردن همه حساب ها Bank App - Listing All Accounts

• بازگرداندن همه حساب ها از سرور Returning All Accounts from the Server

• بازگرداندن همه حساب ها از سرور Returning All Accounts from the Server

• اجرای سرویس حساب برای دریافت همه حساب ها Implementing Account Service to Get All Accounts

• اجرای سرویس حساب برای دریافت همه حساب ها Implementing Account Service to Get All Accounts

• ایجاد AccountSummaryViewModel و AccountViewModel Creating AccountSummaryViewModel and AccountViewModel

• ایجاد AccountSummaryViewModel و AccountViewModel Creating AccountSummaryViewModel and AccountViewModel

• نمایش حساب ها Displaying Accounts

• Refactoring AccountListView و Toggle Total Refactoring AccountListView and Toggle Total

• Refactoring AccountListView و Toggle Total Refactoring AccountListView and Toggle Total

برنامه بانک - ایجاد حساب Bank App - Creating Account

• ایجاد اشیاء حساب دامنه Creating Domain Account Objects

• پیاده سازی AddAccountViewModel و UI Validation Implementing AddAccountViewModel and UI Validation

برنامه بانک - ایجاد حساب Bank App - Creating Account

• آشنایی با قوانین کسب و کار برای ایجاد حساب کاربری Understanding the Business Rules for Account Creation

• آشنایی با قوانین کسب و کار برای ایجاد حساب کاربری Understanding the Business Rules for Account Creation

• پیاده سازی Create Account NodeJS و Express End Point Implementing Create Account NodeJS and Express End Point

• پیاده سازی Create Account NodeJS و Express End Point Implementing Create Account NodeJS and Express End Point

• ایجاد اشیاء حساب دامنه Creating Domain Account Objects

• اجرای عملکرد ایجاد حساب کاربری سرویس حساب Implementing Account Service Create Account Function

• اجرای عملکرد ایجاد حساب کاربری سرویس حساب Implementing Account Service Create Account Function

• پیاده سازی AddAccountViewModel و UI Validation Implementing AddAccountViewModel and UI Validation

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

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

• تازه کردن لیست حساب ها و نمایش پیام های خطا Refreshing Account List and Displaying Error Messages

• تازه کردن لیست حساب ها و نمایش پیام های خطا Refreshing Account List and Displaying Error Messages

برنامه بانک - انتقال وجه Bank App - Transferring Funds

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

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

• انجام انتقال وجه Performing Funds Transfer

برنامه بانک - انتقال وجه Bank App - Transferring Funds

• آشنایی با قوانین تجاری برای انتقال وجوه Understanding the Business Rules for Transferring Funds

• آشنایی با قوانین تجاری برای انتقال وجوه Understanding the Business Rules for Transferring Funds

• پیاده سازی اشیاء دامنه تجاری روی سرور با استفاده از NodeJS و Express Implementing Business Domain Objects on Server Using NodeJS and Express

• پیاده سازی اشیاء دامنه تجاری روی سرور با استفاده از NodeJS و Express Implementing Business Domain Objects on Server Using NodeJS and Express

• پیاده سازی انتقال در اکانت سرویس Implementing Transfer on AccountService

• پیاده سازی انتقال در اکانت سرویس Implementing Transfer on AccountService

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

• ارائه TransferFundsScreen Presenting TransferFundsScreen

• ارائه TransferFundsScreen Presenting TransferFundsScreen

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

• فیلتر کردن حساب ها و قابلیت مشاهده Filtering Accounts and Visibility

• فیلتر کردن حساب ها و قابلیت مشاهده Filtering Accounts and Visibility

• اجرای اقدام انتقال وجوه Implementing Transferring Funds Action

• اجرای اقدام انتقال وجوه Implementing Transferring Funds Action

• انجام انتقال وجه Performing Funds Transfer

• رفع جزئی UI و Refactoring Minor UI Fixes and Refactoring

• رفع جزئی UI و Refactoring Minor UI Fixes and Refactoring

برنامه آب و هوای خوب - نمایش آب و هوا Good Weather App - Displaying the Weather

• درک پروژه شروع Understanding the Starter Project

• پیاده سازی مدل ها Implementing Models

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

• افزودن آب و هوا به فروشگاه جهانی EnvironmentObject Adding Weather to EnvironmentObject Global Store

برنامه آب و هوای خوب - نمایش آب و هوا Good Weather App - Displaying the Weather

• چه چیزی خواهیم ساخت؟ What we will be building?

• چه چیزی خواهیم ساخت؟ What we will be building?

• درک پروژه شروع Understanding the Starter Project

• ثبت حساب OpenWeatherMap Register OpenWeatherMap Account

• ثبت حساب OpenWeatherMap Register OpenWeatherMap Account

• پیاده سازی مدل ها Implementing Models

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

• ارائه برگه برای WeatherListScreen و AddCityScreen Presenting Sheets for WeatherListScreen and AddCityScreen

• ارائه برگه برای WeatherListScreen و AddCityScreen Presenting Sheets for WeatherListScreen and AddCityScreen

• افزودن آب و هوا به فروشگاه جهانی EnvironmentObject Adding Weather to EnvironmentObject Global Store

• نمایش آب و هوا بر روی صفحه نمایش Displaying Weather on Screen

• نمایش آب و هوا بر روی صفحه نمایش Displaying Weather on Screen

برنامه آب و هوای خوب - تبدیل واحد دما Good Weather App - Temperature Unit Conversion

برنامه آب و هوای خوب - تبدیل واحد دما Good Weather App - Temperature Unit Conversion

• ذخیره واحد دما در UserDefaults Saving Temperature Unit in UserDefaults

• ذخیره واحد دما در UserDefaults Saving Temperature Unit in UserDefaults

• تبدیل بین واحدهای دما Converting Between Temperature Units

• تبدیل بین واحدهای دما Converting Between Temperature Units

• نمایش دمای تبدیل شده بر روی صفحه نمایش Displaying Converted Temperature on the Screen

• نمایش دمای تبدیل شده بر روی صفحه نمایش Displaying Converted Temperature on the Screen

نتیجه Conclusion

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

نتیجه Conclusion

• مراحل بعدی Next Steps

• مراحل بعدی Next Steps

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