آموزش SwiftUI - رابط های اعلامی برای هر دستگاه اپل

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

معرفی Introduction

• معرفی Introduction

• پیش نیازها Prerequisites

• SwiftUI چیست؟ What is SwiftUI?

• کتاب رایگان - MVVM در SwiftUI FREE BOOK - MVVM in SwiftUI

• باید تماشا کنید - Xcode 12 و iOS 14 MUST WATCH - Xcode 12 and iOS 14

• iOS 15 و Xcode 13 بتا - سخنرانی های جدید اضافه شد iOS 15 and Xcode 13 Beta - NEW LECTURES ADDED

ایجاد و ترکیب نماها Creating and Combining Views

• سلام SwiftUI Hello SwiftUI

• سفارشی کردن متن و ترکیب نماها با استفاده از پشته ها Customizing Text and Combining Views Using Stacks

• نمایش تصاویر Displaying Images

فهرست ساختمان و پیمایش Building List and Navigation

• پر کردن لیست Populating the List

• افزودن تصاویر به لیست Adding Images to the List

• افزودن ناوبری Adding Navigation

• پیاده سازی صفحه نمایش جزئیات Implementing Details Screen

• افزودن انیمیشن ضربه و زوم Adding Tap and Zooming Animation

طرح بندی شبکه ای ساختمان در SwiftUI Building Grid Layout in SwiftUI

• توجه - لطفاً ابتدا این را تماشا کنید NOTE - PLEASE WATCH THIS FIRST

• گرید چیست؟ What is a Grid?

• پیاده سازی Grid Layout در SwiftUI Implementing Grid Layout in SwiftUI

• (LEGACY) ایجاد شبکه با ردیف و سلول (LEGACY) Creating Grid with Row and Cells

• (LEGACY) پیاده سازی الگوریتم قطعه بندی آرایه (LEGACY) Implementing Array Chunking Algorithm

• (LEGACY) نمایش گرید با داده های پویا (LEGACY) Displaying Grid with Dynamic Data

درک حالت و الزام آور Understanding State and Binding

• ایالت چیست؟ What is State?

• اجرای @State Implementing @State

• افزودن موارد به لیست نگهداری شده توسط ایالت Adding Items to List Maintained by State

• استفاده از حالت برای فیلتر کردن لیست Using State to Filter List

• Binding چیست؟ What is Binding?

• سلام صحافی Hello Binding

• درک @Binding Understanding @Binding

• درک Observable Object Understanding ObservableObject

• نمونه دیگری از شی قابل مشاهده Another Example of Observable Object

• درک @EnvironmentObject Understanding @EnvironmentObject

• FIX - EnvironmentObject و Preview Provider FIX - EnvironmentObject and Preview Provider

آشنایی با الگوی طراحی MVVM Understanding MVVM Design Pattern

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

• MVVM چیست؟ What is MVVM?

• چرا MVVM؟ Why MVVM?

• MVVM Architecture و Web API MVVM Architecture and Web APIs

پیاده سازی برنامه هواشناسی با استفاده از Web API Implementing Weather App Using Web API

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

• ثبت نام با سرویس OpenWeatherMap Registering with OpenWeatherMap Service

• پیاده سازی وب سرویس و مدل ها Implementing Webservice and Models

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

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

برنامه سفارش قهوه در SwiftUI Coffee Ordering Application in SwiftUI

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

• آشنایی با کد سمت سرور در Node Express JS Understanding the Server Side Code in Node Express JS

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

• ایجاد وب سرویس Creating Webservice

• پیاده سازی OrderListViewModel و OrderViewModel Implementing OrderListViewModel and OrderViewModel

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

• اجرای عملکرد وب سرویس سفارش قهوه Implementing Create Coffee Order Webservice Function

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

• ایجاد AddCoffeeOrderView Creating AddCoffeeOrderView

• سفارش دادن Placing Order

• افزودن پیمایش از ContentView به AddCoffeeOrderView Adding Navigation from ContentView to AddCoffeeOrderView

تسلط بر پیش نمایش های Xcode Mastering Xcode Previews

• مقدمه ای بر پیش نمایش های Xcode Introduction to Xcode Previews

• اجرای پیش نمایش DishCell Implementing DishCell Preview

• اندازه فونت پویا در پیش نمایش های Xcode Dynamic Font Sizes in Xcode Previews

• حالت تاریک و دستگاه ها در پیش نمایش های Xcode Dark Mode and Devices in Xcode Previews

• نمایش لیست با DishCell Displaying List with DishCell

• پیش نمایش های Xcode برای UIKit Xcode Previews for UIKit

یکپارچه سازی SwiftUI با برنامه های UIKit Integrating SwiftUI with UIKit Apps

• نمایش SwiftUI View در برنامه UIKit Displaying SwiftUI View In UIKit App

• انتقال داده به نمای SwiftUI Passing Data to the SwiftUI View

• پیاده سازی سرویس Image Loader Implementing the Image Loader Service

• ساخت URLImage نمای SwiftUI Building URLImage SwiftUI View

• (LEGACY) ساخت URLImage نمای SwiftUI (LEGACY) Building URLImage SwiftUI View

• سازماندهی MovieDetailsView Organizing MovieDetailsView

• نمایش کنترل UIKit در نمای SwiftUI Displaying UIKit Control in SwiftUI View

ساخت نماهای سفارشی با SwiftUI Building Custom Views with SwiftUI

• شروع کار با گرافیک در SwiftUI Getting Started with Graphics in SwiftUI

• پیاده سازی نمای BarGraph Implementing a BarGraph View

• پیاده سازی مدل گزارش Implementing the Report Model

• ساخت نمودارهای پویا با استفاده از مدل های گزارش Building Dynamic Graphs Using Report Models

• اضافه کردن انیمیشن پایه به نمودارها Adding Basic Animation to Graphs

پیاده سازی ژست ها در SwiftUI Implementing Gestures in SwiftUI

• افزودن ژست ضربه بزنید Adding the Tap Gesture

• اضافه کردن ژست کشیدن Adding the Drag Gesture

• اضافه کردن ژست بزرگنمایی Adding Magnification Gesture

• اضافه کردن ژست چرخش Adding Rotation Gesture

Property Wrappers در SwiftUI Property Wrappers in SwiftUI

• آشنایی با لفاف های دارایی Understanding Property Wrappers

• پیاده سازی @UpperCase Property Wrapper Implementing @UpperCase Property Wrapper

• پیاده سازی @UrlEncode Property Wrapper Implementing @UrlEncode Property Wrapper

تشکیل می دهد Forms

• فرم ها چیست؟ What are Forms?

• فرم ساختمان برای تنظیمات شیفت شب Building Form for Night Shift Settings

• فرم ساختمان برای تنظیمات اعلان ها Building Form for Notifications Settings

مدال ها Modals

• نمایش مدال Displaying a Modal

• نمایش و انتقال داده ها به Modal از نمای فهرست Displaying and Passing Data to Modal from List View

• انتقال داده از Modal به نمای والد Passing Data from Modal to the Parent View

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

یکپارچه سازی داده های هسته با SwiftUI Integrating Core Data with SwiftUI

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

• تنظیم داده های اصلی Setting Up Core Data

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

• ذخیره در ذخیره سازی دائمی با استفاده از داده های اصلی Saving to Persistent Storage Using Core Data

• واکشی همه سفارشات Fetching All Orders

• نمایش تمامی سفارشات Displaying All Orders

• ارائه سفارش افزودن Presenting Add Order

• در حال حذف سفارش Deleting Order

ادغام Core ML با SwiftUI Integrating Core ML with SwiftUI

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

• ساخت رابط کاربری Building the User Interface

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

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

• نمایش نتایج در رابط کاربری Displaying Results on the UI

دستور العمل های SwiftUI SwiftUI Recipes

• چگونه دوربین را با برنامه SwiftUI ادغام کنیم؟ How to Integrate Camera with SwiftUI App?

• نحوه گروه بندی داده ها در لیست SwiftUI How to Group Data in SwiftUI List

• چگونه با استفاده از UISearchBar در فهرست جستجو کنیم؟ How to Search in a List Using UISearchBar?

• ماندگاری داده ها به UserDefaults در SwiftUI Persisting Data to UserDefaults in SwiftUI

• دانلود تصاویر در SwiftUI Downloading Images in SwiftUI

• نمای رتبه بندی ساختمان در SwiftUI Building Rating View in SwiftUI

• ترسیم نمودار خطی در SwiftUI Drawing Line Chart in SwiftUI

• ترسیم نمودار میله ای در SwiftUI Drawing Bar Chart in SwiftUI

SwiftUI برای همه دستگاه ها SwiftUI for All Devices

• چه چیزی در این بخش خواهید ساخت؟ What you will be building in this section?

• تنظیم ساختار پروژه Setting Up the Project Structure

• پیاده سازی کتابخانه هسته Implementing the Core Library

• پیاده سازی Views برای iOS Implementing Views for iOS

• پیاده سازی Views برای watchOS Implementing Views for watchOS

• پیاده سازی نماهای مشترک Implementing Shared Views

• پیاده سازی Views برای macOS Implementing Views for macOS

انیمیشن های SwiftUI SwiftUI Animations

• پیاده سازی یک انیمیشن پایه Implementing a Basic Animation

• ساخت انیمیشن های بهاری Creating Spring Animations

• چالش: نمایش انیمیشن بهار اعلان Challenge: Notification View Spring Animation

• راه حل: اعلان نمایش انیمیشن بهار Solution: Notification View Spring Animation

• ترکیب انیمیشن ها Combining Animations

اپل سهام اپل - فهرست سهام بر روی صفحه نمایش Apple Stocks App - Listing Stocks on the Screen

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

• گشت و گذار در API وب سهام Tour of the Stocks Web API

• Stocks Web API به‌روزرسانی شد (08-06-2020) Stocks Web API Updated (08-06-2020)

• پیاده سازی وب سرویس و مدل سهام Implementing the Webservice and Stocks Model

• پیاده سازی StockListViewModel و StockViewModel Implementing StockListViewModel and StockViewModel

• واکشی سهام و پر کردن مدل‌های نمای Fetching Stocks and Populating View Models

• راه اندازی رابط کاربری در SwiftUI Setting Up User Interface in SwiftUI

• نمایش سهام در نمای فهرست Displaying Stocks in a List View

• فیلتر کردن سهام Filtering Stocks

اپل سهام اپل - صفحه فهرست اخبار Apple Stocks App - News Listing Screen

• پیاده سازی وب سرویس برای دریافت اخبار و ایجاد مدل Implementing Webservice to Fetch News and Creating Models

• ایجاد مدل های نمایش برای اخبار Creating View Models for News

• نمایش اخبار در نمای Displaying News on the View

• دانلود تصاویر با استفاده از بسته URLImage Downloading Images Using URLImage Package

• پیاده سازی ژست کشیدن در نمای اخبار Implementing Drag Gesture on News View

برنامه NearMe - نمایش نقشه NearMe App - Displaying Map

• چه خواهد ساخت؟ What will be building?

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

• هماهنگ کننده اجرا Implementing Coodinator

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

• بزرگنمایی مکان کاربر Zooming in User's Location

NearMe App - جستجوی مشاغل اطراف NearMe App - Searching Nearby Businesses

• بازیابی نقاط دیدنی نزدیک Retrieving Nearby Landmarks

• پیاده سازی Landmark and Landmark Annotation Implementing Landmark and LandmarkAnnotation

• اضافه کردن حاشیه نویسی به نقشه Adding Annotations to the Map

NearMe App - نمایش مکان ها در یک لیست NearMe App - Displaying Locations in a List

• ایجاد نمای PlaceListView Creating the PlaceListView View

• اضافه کردن حرکات ضربه بزنید Adding Tap Gestures

• بهبود PlaceListView Improving PlaceListView

طراحی نئومورفیک با استفاده از SwiftUI Neumorphic Design Using SwiftUI

• طراحی نئومورفیک چیست؟ What is Neumorphic Design?

• پیاده سازی یک دکمه NeumorphicImage Implementing a NeumorphicImageButton

• افزودن ژست ضربه ای روی دکمه NeumorphicImage Adding Tap Gesture on NeumorphicImageButton

• ساخت یک رابط کاربری نئومورفیک برای برنامه موسیقی Building a Neumorphic User Interface for Music App

SwiftUI - iOS 14 - Xcode 12 SwiftUI - iOS 14 - Xcode 12

• LazyVGrid LazyVGrid

• ProgressView ProgressView

• نقشه Map

• انتخاب کننده رنگ ColorPicker

• DatePicker DatePicker

• ویرایشگر متن TextEditor

• درک @StateObject Understanding @StateObject

• درک طرح بندی شبکه (ثابت، انعطاف پذیر و تطبیقی) Understand Grid Layouts (Fixed, Flexible and Adaptive)

• ایجاد نماهای پین شده در گرید Creating Pinned Views in Grid

• افزودن نماها و اصلاح کننده های سفارشی به کتابخانه Xcode Adding Custom Views and Modifiers to Xcode Library

• درک @AppStorage در SwiftUI Understanding @AppStorage in SwiftUI

• OutlineGroup در SwiftUI OutlineGroup in SwiftUI

• DisclosureGroup در SwiftUI DisclosureGroup in SwiftUI

• پر کردن LazyVGrid از JSON API Populating LazyVGrid from JSON API

• انجام عملیات پیش زمینه برنامه با استفاده از مرکز اطلاع رسانی Performing App Foreground Operations Using Notification Center

• ذخیره اشیاء سفارشی در @AppStorage Storing Custom Objects in @AppStorage

• درک MatchedGeometryEffect Understanding matchedGeometryEffect

• ساخت انیمیشن برنامه موسیقی iOS با استفاده از matchedGeometryEffect Building iOS Music App Animation Using matchedGeometryEffect

• درک ویرایش شد Understanding redacted

• جلوگیری از صفحه کلید برای پوشش نماها Preventing Keyboard to Cover Views

گام شمار SwiftUI SwiftUI Pedometer

• نمایش مراحل در برنامه SwiftUI Displaying Steps in SwiftUI App

• پیاده سازی ویجت برای نمایش مراحل Implementing Widget to Display Steps

ادغام SwiftUI HealthKit SwiftUI HealthKit Integration

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

• راه اندازی HKHealthStore Initializing HKHealthStore

• درخواست مجوز Requesting Permission

• مراحل محاسبه Calculating Steps

• مدل آمار جمعیتی Populating Statistics Model

• نمایش مراحل Displaying Steps

• نمایش نمودار میله ای Displaying Bar Chart

• مخزن SwiftUI HealthKit SwiftUI HealthKit Repository

ساخت یک رابط کاربری زیبا برای کارت اعتباری Building a Beautiful Credit Card UI

• پیش نیازها - Xcode 12 Prerequisites - Xcode 12

• چرخش سه بعدی و گرادیان خطی 3D Rotation and Linear Gradient

• ساخت رابط کاربری زیبا Building Gorgeous User Interface

• فرم اتصال به کارت Binding Form to the Card

برنامه های سبک آزاد Freestyle Apps

• اپلیکیشن موبایل بانک Mobile Banking App

• اپلیکیشن گیاهان Plants App

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

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

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

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

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

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

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

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

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

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

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

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

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

احراز هویت در SwiftUI با استفاده از JSON Web Tokens Authentication in SwiftUI Using JSON Web Tokens

• درک JWT Flow در برنامه iOS Understanding JWT Flow in an iOS App

• کد منبع Source Code

• تولید توکن وب JSON با استفاده از بسته jsonwebtoken Generating JSON Web Token Using jsonwebtoken Package

• درخواست ورود از مشتری و رمز ماندگار در پیش فرض های کاربر Login Request from Client and Persisting Token in User Defaults

• حفاظت از منابع در سمت سرور Protecting Resources on the Server Side

• احراز هویت درخواست مشتری با استفاده از JSON Web Token Authenticating Client Request Using JSON Web Token

برنامه NearMe - نمایش نشانه های نزدیک NearMe App - Displaying Nearby Landmarks

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

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

• تنظیم مجوزها و نمایش یک نشانگر پیش فرض Setting Permissions and Displaying a Default Marker

• واکشی موقعیت مکانی کنونی کاربر با استفاده از مدیریت مکان Fetching User's Current Location Using Location Manager

• پیاده سازی PlaceListViewModel و نمایش مکان فعلی کاربر Implementing PlaceListViewModel and Displaying User's Current Location

• واکشی نشانه‌ها بر اساس موقعیت مکانی کاربر Fetching Landmarks Based on User's Location

• نمایش نقاط دیدنی روی نقشه Displaying Landmarks on the Map

NearMe App - افزودن بهبود رابط کاربری NearMe App - Adding User Interface Improvements

• افزودن نمای فهرست به نشانه‌های نمایش Adding List View to Display Landmarks

• پیاده سازی نمای دسته بندی نقطه عطف Implementing Landmark Category View

• اجازه دادن به کاربر برای مرکز کردن مجدد Allowing User's to Recenter

موارد جدید در SwiftUI برای iOS 15 Whats New in SwiftUI for iOS 15

• منابع Resources

• AsyncImage AsyncImage

• برای بازخوانی بکشید Pull to Refresh

• TimelineView TimelineView

• SearchableViews SearchableViews

• Swipe Actions Swipe Actions

• مطالبی برای محو کردن نماها Material for Blurring Views

• ساخت اپلیکیشن Stocks در iOS 15 با استفاده از Async/Await، Continuation، Pull to Refresh Building a Stocks App in iOS 15 Using Async/Await, Continuation, Pull to Refresh

• جستجوی زنده یک API با استفاده از قابلیت جستجوی Swift Live Search an API Using Swift Searchable

ویدیوهای بیشتر More Videos

• پیاده سازی برنامه طراحی در SwiftUI Implementing a Drawing App in SwiftUI

• قالب بندی متن در SwiftUI Formatting Text in SwiftUI

نتیجه Conclusion

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

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