آموزش SwiftUI 2 - ساخت Netflix Clone - بهترین روش های SwiftUI
SwiftUI 2 - Build Netflix Clone - SwiftUI Best Practices
ساخت برنامه های واقعی همیشه کارآمدترین راه برای یادگیری سریع مفاهیم جدید مهندسی نرم افزار است. در این دوره آموزشی یاد خواهید گرفت که چگونه از SwiftUI برای کارهایی بیشتر از بازی با نمونه های اولیه کوچک استفاده کنید.
شما در حال ساختن یک کلون کاربردی Netflix خواهید بود که بیشتر ویژگی های برنامه واقعی را دارد. تمرکز این دوره یادگیری کامل کردن مفاهیم SwiftUI است. ما تمام اجزای رابط کاربری بصری را از برنامه نتفلیکس خواهیم ساخت. ما شبکه را مدیریت نمی کنیم و داده های خود را به صورت محلی بارگیری می کنیم تا در UI نشان داده شوند. این برنامه با MVVM ساخته شده است و شما می توانید به راحتی لایه شبکه خود را ادغام کنید.
برخی از بخش‌های دوره به iOS 14 و Xcode 12 نیاز دارند.
بسیاری از درس‌ها را می‌توان با استفاده از Xcode 11 دنبال کرد و مفاهیم مهم آموخته شده همچنان در iOS 13 اعمال می‌شود. اما برخی از عملکردهای نماها فقط در iOS 14 با استفاده از Xcode 12 در دسترس هستند. برای مثال، نمای "گرید" فقط در iOS در دسترس است. 14+. برای iOS 13، باید پیاده سازی خود را با استفاده از ترکیبی از VStacks HStack بسازید.
SwiftUI 2 چیست؟
اپل این چارچوب جدید را به عنوان راهی برای ساخت سریع رابط های کاربری زیبا برای هر دستگاه اپل با استفاده از تنها یک مجموعه از ابزارهای آسان ارائه کرده است. با نحو اعلامی جدید SwiftUI، کد کمتری برای همگام نگه داشتن کد و طراحی شما لازم است.
SwiftUI یکپارچه با ابزارهای طراحی جدید Xcode کار می کند و با نمایش تغییرات کد شما در زمان واقعی، سرعت توسعه را به میزان قابل توجهی افزایش می دهد!
بعد از معرفی آخرین ویژگی‌های iOS 14 در WWDC 2020، SwiftUI 2 حتی قوی‌تر شده است! نماهای جدید، عملکرد جدید، اشکالات کمتر و عملکرد سریعتر با Swift 5.
اکنون بهانه ای برای رد کردن SwiftUI وجود ندارد.
از همین امروز شروع به یادگیری کنید!
این دوره به هیچ وجه به شرکت Netflix وابسته نیست. هیچ کد منبع برنامه واقعی Netflix هرگز نشان داده نشده است. این کد تفسیر من از نحوه ساخت برنامه با استفاده از SwiftUI است.
معرفی Introduction
-
بررسی اجمالی دوره Course Overview
معرفی Introduction
-
بررسی اجمالی دوره Course Overview
-
ایجاد یک پروژه Xcode برای SwiftUI Creating an Xcode project for SwiftUI
-
ایجاد یک پروژه Xcode برای SwiftUI Creating an Xcode project for SwiftUI
ساخت نمای "خانه". Building The 'Home' View
-
راه اندازی HomeView Setting Up HomeView
-
پیش نمایش فیلم بزرگ (قسمت 1) Large Movie Preview (Part 1)
-
پیش نمایش فیلم بزرگ (قسمت 2) Large Movie Preview (Part 2)
-
پیش نمایش فیلم بزرگ (قسمت 4) Large Movie Preview (Part 4)
-
صفحه اصلی مشاهده ردیف بالای دکمه ها HomeView Top Row of buttons
-
نمای جزئیات فیلم ساختمان (قسمت 1) Building MovieDetail View (Part 1)
-
نمای جزئیات فیلم ساختمان (قسمت 3) Building MovieDetail View (Part 3)
-
نمای جزئیات فیلم ساختمان (قسمت 4) Building MovieDetail View (Part 4)
-
تعویضگر برگه سفارشی Custom Tab Switcher
-
لیست "تریلرها و موارد دیگر". "Trailers & More" List
-
EpisodeView (قسمت 3) EpisodeView (Part 3)
-
ادغام نمایش جزئیات فیلم با نمای خانه ما Integrating MovieDetail View with our Home View
-
دکمه های ردیف بالا (قسمت 1 - تنظیم متغیرهای حالت) Top Row Buttons (Part 1 - Setting State Variables)
ساخت نمای "خانه". Building The 'Home' View
-
راه اندازی HomeView Setting Up HomeView
-
پیش نمایش فیلم بزرگ (قسمت 1) Large Movie Preview (Part 1)
-
پیش نمایش فیلم بزرگ (قسمت 2) Large Movie Preview (Part 2)
-
پیش نمایش فیلم بزرگ (قسمت 3) Large Movie Preview (Part 3)
-
پیش نمایش فیلم بزرگ (قسمت 3) Large Movie Preview (Part 3)
-
پیش نمایش فیلم بزرگ (قسمت 4) Large Movie Preview (Part 4)
-
صفحه اصلی مشاهده ردیف بالای دکمه ها HomeView Top Row of buttons
-
نمای جزئیات فیلم ساختمان (قسمت 1) Building MovieDetail View (Part 1)
-
نمای جزئیات فیلم ساختمان (قسمت 2) Building MovieDetail View (Part 2)
-
نمای جزئیات فیلم ساختمان (قسمت 2) Building MovieDetail View (Part 2)
-
نمای جزئیات فیلم ساختمان (قسمت 3) Building MovieDetail View (Part 3)
-
نمای جزئیات فیلم ساختمان (قسمت 4) Building MovieDetail View (Part 4)
-
تعویضگر برگه سفارشی Custom Tab Switcher
-
شبکه "بیشتر شبیه این". "More Like This" Grid
-
شبکه "بیشتر شبیه این". "More Like This" Grid
-
لیست "تریلرها و موارد دیگر". "Trailers & More" List
-
EpisodeView (قسمت 1) EpisodeView (Part 1)
-
EpisodeView (قسمت 1) EpisodeView (Part 1)
-
EpisodeView (قسمت 2) EpisodeView (Part 2)
-
EpisodeView (قسمت 2) EpisodeView (Part 2)
-
EpisodeView (قسمت 3) EpisodeView (Part 3)
-
ادغام نمایش جزئیات فیلم با نمای خانه ما Integrating MovieDetail View with our Home View
-
دکمه های ردیف بالا (قسمت 1 - تنظیم متغیرهای حالت) Top Row Buttons (Part 1 - Setting State Variables)
-
دکمه های ردیف بالا (قسمت 2 - پاسخ به متغیرهای حالت) Top Row Buttons (Part 2 - Responding To State Variables)
-
دکمه های ردیف بالا (قسمت 2 - پاسخ به متغیرهای حالت) Top Row Buttons (Part 2 - Responding To State Variables)
-
دکمه های ردیف بالا (قسمت 3 - نمایش منوهای همپوشانی) Top Row Buttons (Part 3 - Showing Overlay Menus)
-
دکمه های ردیف بالا (قسمت 3 - نمایش منوهای همپوشانی) Top Row Buttons (Part 3 - Showing Overlay Menus)
ساخت TabView Building A TabView
-
ساخت TabView Building A TabView
ساخت TabView Building A TabView
-
ساخت TabView Building A TabView
ساخت نمای جستجو Building The Search View
-
نمای جستجو (بخش 2 - اتصالات سفارشی) Search View (Part 2 - Custom Bindings)
ساخت نمای جستجو Building The Search View
-
نوار جستجوی سفارشی (قسمت 1) Custom Search Bar (Part 1)
-
نوار جستجوی سفارشی (قسمت 1) Custom Search Bar (Part 1)
-
نوار جستجوی سفارشی (قسمت 2) Custom Search Bar (Part 2)
-
نوار جستجوی سفارشی (قسمت 2) Custom Search Bar (Part 2)
-
نمای جستجو (قسمت 1) Search View (Part 1)
-
نمای جستجو (قسمت 1) Search View (Part 1)
-
نمای جستجو (بخش 2 - اتصالات سفارشی) Search View (Part 2 - Custom Bindings)
-
نمای جستجو (بخش 3 - پرطرفدار) Search View (Part 3 - Popular)
-
نمای جستجو (بخش 3 - پرطرفدار) Search View (Part 3 - Popular)
-
نمای جستجو (قسمت 4 - شبکه تنبل) Search View (Part 4 - Lazy Grid)
-
نمای جستجو (قسمت 4 - شبکه تنبل) Search View (Part 4 - Lazy Grid)
ساختن نمای "به زودی". Building The 'Coming Soon' View
ساختن نمای "به زودی". Building The 'Coming Soon' View
-
به زودی (قسمت اول) Coming Soon (Part 1)
-
به زودی (قسمت اول) Coming Soon (Part 1)
-
به زودی (قسمت 2 - مشاهده پیمایش ردیابی) Coming Soon (Part 2 - Tracking Scroll View)
-
به زودی (قسمت 2 - مشاهده پیمایش ردیابی) Coming Soon (Part 2 - Tracking Scroll View)
ایجاد نمای «دانلودها». Building The 'Downloads' View
ایجاد نمای «دانلودها». Building The 'Downloads' View
-
مشاهده دانلودها Downloads View
-
مشاهده دانلودها Downloads View
به روز رسانی Xcode 12! Xcode 12 Update!
-
رفع شماره 1: تصاویر کشیده Fix #1: Stretched images
به روز رسانی Xcode 12! Xcode 12 Update!
-
رفع شماره 1: تصاویر کشیده Fix #1: Stretched images
ایجاد نمای «پیش‌نمایش صفحه پیشین». Building The 'Preview Page Scroller' View
-
ساخت نمای "پیش نمایش سلول تصویر". Building the "Preview Image Cell" view
-
ساخت "پیجر" - محفظه ای قابل پیمایش از نماها Building the "Pager" - A scrollable container of views
-
نمای پخش کننده تریلر - بسته بندی پخش کننده ویدیو Trailer Player View - Video Player Wrapper
-
نمایش پیش‌نمایش - نمایش پخش ویدیوی تمام صفحه Preview View - FullScreen video playing view
-
ژست کشیدن پیشرفته 2 - ترکیب چند ژست Advanced Drag Gesture 2 - Combining Multiple Gestures
ایجاد نمای «پیش‌نمایش صفحه پیشین». Building The 'Preview Page Scroller' View
-
ساخت نمای "پیش نمایش سلول تصویر". Building the "Preview Image Cell" view
-
ساخت "ردیف پیش نمایش" - ردیف تصاویر پیش نمایش Building the "Preview Row" - Row of Preview Images
-
ساخت "ردیف پیش نمایش" - ردیف تصاویر پیش نمایش Building the "Preview Row" - Row of Preview Images
-
ساخت "پیجر" - محفظه ای قابل پیمایش از نماها Building the "Pager" - A scrollable container of views
-
نمای پخش کننده تریلر - بسته بندی پخش کننده ویدیو Trailer Player View - Video Player Wrapper
-
نمایش پیش‌نمایش - نمایش پخش ویدیوی تمام صفحه Preview View - FullScreen video playing view
-
PreviewList - لیست قابل پیمایش ویدیوها PreviewList - Scrollable list of videos
-
PreviewList - لیست قابل پیمایش ویدیوها PreviewList - Scrollable list of videos
-
ژست کشیدن پیشرفته 1 - نمایش و پنهان کردن یک پوشش تمام صفحه Advanced Drag Gesture 1 - Showing & Hiding a fullscreen overlay
-
ژست کشیدن پیشرفته 1 - نمایش و پنهان کردن یک پوشش تمام صفحه Advanced Drag Gesture 1 - Showing & Hiding a fullscreen overlay
-
ژست کشیدن پیشرفته 2 - ترکیب چند ژست Advanced Drag Gesture 2 - Combining Multiple Gestures
https://donyad.com/d/6569df
Nikita Thomas
مهندس ارشد نرم افزار iOS
نمایش نظرات