آموزش مبانی SwiftUI، طراحی رابط کاربری (UI) و جریان داده‌ها - آخرین آپدیت

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

مبانی SwiftUI SwiftUI Basics

• مبانی SwiftUI: HStack, VStack, ZStack، رنگ‌ها و گرادینت‌ها SwiftUI Basics: HStack, VStack, ZStack, Colors and Gradients

• متغیرهای وضعیت (State)، ثابت‌های Let و ژست ضربه (Tap) State Variables, Let Constants, Tap Gesture

• تراز متن چندخطی و چرخش‌های سه بعدی MultilineTextAlignment, Rotations in 3D

• انیمیشن فونت در مبانی SwiftUI SwiftUI Basics Animate Font

• بررسی شبکه‌ها (Grids) Exploring Grids

• ناوبری Stack و TextField Navigation Stack and TextField

• انیمیشن دادن به همه چیز Animate Everything

• مثال ساده از List Simple List Example

• تمرین ویدئویی: تصاعد حسابی Video Exercise: Arithmetic Progression

• بررسی کتابخانه Xcode - بخش اول Exploring Xcode's Library Part 1

• بررسی کتابخانه Xcode - بخش دوم Exploring Xcode's Library Part 2

• (جدید) کار با Frameها (NEW) Fun With Frames

• (جدید) ساده‌سازی کد با استفاده از View Modifier سفارشی (NEW) Simplifying the Code Using a Custom View Modifier

• (جدید) معرفی نمای Group Box (NEW) Introducing Group Box View

• (جدید) Group Boxهای تودرتو - نمای اطلاعات کاربر (NEW) Nested Group Boxes - User Info View

• (iOS18+) نگاهی کوتاه به Mesh Gradient (iOS18+) Mesh Gradient in a Nutshell

• (iOS18+) انیمیشن Mesh Gradient با تایمر (iOS18+) Animate Mesh Gradient With Timer

• (iOS18+) انتقال اسکرول و Frame نسبی کانتینر (iOS18+) Scroll Transition and Container Relative Frame

• (iOS18+) انتقال اسکرول، کنتراست، روشنایی، آفست و افکت پارالاکس (iOS18+) Scroll Transition, Contrast, Brightness, Offset - Parallax Effect

• (iOS18+) انتقال اسکرول، مقیاس خاکستری و توان دوم مقدار فاز (iOS18+) Scroll Transition, Gray Scale and Squaring the Phase Value

• (iOS18+) نمای Tab، نقش جستجو و نوار کناری (Side Bar) (iOS18+) Tab View, Search Role and Side Bar

• (iOS18+) نمای Tab با قابلیت انتخاب (iOS18+) Tab View With Selection

• (iOS18+) بخش Tab (iOS18+) Tab Section

• مقایسه نمای Tab در حالت افقی در مقابل عمودی در آیپد Comparing Tab View in Landscape vs Portrait Mode on an iPad

• (iOS18+) قابلیت @Previewable (iOS18+) @Previewable

• بررسی افکت‌های Blur Exploring Blur Effects

• بررسی حالت‌های Blend Exploring Blend Modes

تمرینات رابط کاربری User Interface Exercises

• تمرین: نمای خرید سریع (Buy Now) Exercise: Buy Now View

• راه حل نمای خرید سریع - بخش اول Solution - Buy Now View - Part 1

• راه حل نمای خرید سریع - بخش دوم Solution - Buy Now View - Part 2

جریان داده‌ها Data Flow

• متغیرهای وضعیت (State Variables) State Variables

• پاسخ تمرین @State Solution to @State Homework

• معرفی مثال @Binding Introducing @Binding Example

• راه‌اندازی نماهای CustomColorPicker و ColorCircle Setting Up CustomColorPicker and ColorCircle Views

• انتخابگر رنگ سفارشی با استفاده از @Binding Custom Color Picker Using @Binding

• بررسی ObservedObject, StateObject, Published, Observable ObservedObject, StateObject, Published, Observable

• چارچوب Observation Observation Framework

• شیء محیطی (EnvironmentObject) EnvironmentObject

• مهاجرت از پروتکل Observable Object به ماکروی Observable Migrating From the Observable Object Protocol to the Observable Macro

• مثال از Environment Environment Example

• قابلیت Bindable Bindable

بررسی تصاویر و AsyncImage Exploring Images and AsyncImage

• شروع پروژه، وارد کردن تصاویر و Enums Start Project, Import Images, Enums

• مقایسه Image Scale to Fit در مقابل Fill Image Scale to Fit vs Fill

• نسبت تصویر (Aspect Ratio) Aspect Ratio

• اسکرول و پیمایش در تصاویر Scroll and Iterate Through Images

• اسکرول و لایه رویی (Overlay) آسان در انیمیشن Scroll and Overlay With Ease in Animation

• معرفی AsyncImage Introducing AsyncImage

• ادامه pembahasan AsyncImage AsyncImage Continued

• ساده‌سازی کد AsyncImage Simplifying the AsyncImage Code

• تصاویر و LazyVGrid Images and LazyVGrid

• تمرین ویدئویی: تصویر پخش/توقف Video Exercise: Play / Pause Image

• راه حل: تصویر پخش/توقف Solution: Play / Pause Image

قطعه کدهای Xcode Xcode Code Snippets

• قطعه کدهای آماده (Code Snippets) Code Snippets

• نمای تب‌بندی شده صفحه‌ای Page Tabbed View

• قطعه کدهای دکمه‌ها Button Snippets

• متن‌های گرادینت و ماسک‌ها Gradient Text and Masks

• مثال جذاب از ماسک کردن متن Cool Masking Text Example

• قطعه کدهای جذاب برای نماها Nice Cool View Snippets

• قطعه کد آواتار Avatar Snippet

• قطعه کد URL تصویر Image URL Snippet

• قطعه کد عالی برای سه دکمه پیش‌فرض Awesome Three Button Default Snippet

• انیمیشن فونت، وزن فونت و رنگ متن Animate Font, FontWeight and Foreground Color

• رنگ‌های تصادفی و رنگ پس‌زمینه تصادفی Random Colors and Random Background Color

• قطعه کدهای ساده برای پس‌زمینه Simple Background Snippets

انیمیشن‌ها Animations

• انیمیشن‌های SF Symbols - بخش اول SF Symbols Animations Part 1

• انتقالات محتوایی SF Symbols - بخش دوم SF Symbols Content Transitions Part 2

• انیمیشن‌های فازی (Phase) - بخش اول Phase Animations - Part 1

• انیمیشن‌های فازی (Phase) - بخش دوم Phase Animations - Part 2

• انیمیشن‌های فازی (Phase) - بخش سوم Phase Animations - Part 3

• انیمیشن‌های Key Frame Key Frame Animations

• (iOS18+) افکت‌های تنفس، چرخش و لرزش (iOS18+) Breathe, Rotate, Wiggle

• (iOS18+) استفاده از SymbolEffect برای تنفس، چرخش و لرزش (iOS18+) Breathe, Rotate, Wiggle Using SymbolEffect

• (iOS18+) تولید انیمیشن از SF Symbols (iOS18+) Generating Animations From SF Symbols

انتقالات ناوبری Navigation Transitions

• (iOS18+) انتقال زوم در ناوبری (iOS18+) Navigation Zoom Transition

ژست‌های لمسی Gestures

• مقدمه‌ای بر ژست‌های لمسی (Gestures) Introduction to Gestures

• راه‌اندازی ساختار پروژه Setting Up Project Structure

• نمای متن زیبا Nice Text View

• نمای مربع‌ها Squares View

• نمای بخش بزرگ‌نمایی (Magnification) Magnification Section View

• نمای بزرگ‌نمایی و بازگشت Magnify and Bounce Back View

• نمای بزرگ‌نمایی و توقف Magnify and Stay Still View

• نمای بزرگ‌نمایی و ذخیره وضعیت Magnify and Store State View

• نمای بخش ژست کشیدن (Drag) Drag Gesture Section View

• کشیدن و بازگشت Drag and Bounce Back

• کشیدن و توقف Drag and Stay Still

• کشیدن و ذخیره وضعیت Drag and Store State

• نمای کلی چرخش و بخش‌های عمومی Rotate and General Section View

• بازگشت در ژست چرخش Rotate Gesture Bounce Back

• توقف در ژست چرخش Rotate Gesture Stay Still

• ذخیره وضعیت در ژست چرخش Rotate Gesture Store State

• دموی ترکیبی ژست‌های چرخش، کشیدن و بزرگ‌نمایی Rotate, Drag and Magnify Gesture Demo

• وضعیت ژست (Gesture State) Gesture State