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

دانلود UI Components, Snippets & Theming

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این دوره شامل مربی Coursera Coach است! روشی هوشمندتر برای یادگیری با گفتگوهای تعاملی و آنی که به شما کمک می‌کند تا دانش خود را آزمایش کنید، فرضیات را به چالش بکشید و در حین پیشرفت در دوره، درک خود را عمیق‌تر کنید. در این دوره، شما خواهید آموخت که چگونه با استفاده از قطعه کدهای آماده (Code Snippets) و اجزای SwiftUI، فرآیند توسعه اپلیکیشن خود را بهینه کرده و رابط‌های کاربری خیره‌کننده و کارآمد ایجاد کنید. از طریق مجموعه‌ای از دروس جذاب، به بررسی عمیق قابلیت‌های شخصی‌سازی SwiftUI، از دکمه‌ها و گرادینت‌ها گرفته تا نماهای سفارشی، انیمیشن‌ها و تم‌گذاری خواهید پرداخت. با بررسی تکنیک‌ها و قطعه کدهای واقعی، ابزارهای قدرتمندی را آزاد می‌کنید که سرعت طراحی UI را بدون کاهش کیفیت افزایش می‌دهند. همزمان با پیشرفت، روش‌های ارتقای اپلیکیشن‌های خود با متدهای مدرن طراحی را کشف خواهید کرد. شما عناصر پیشرفته UI مانند نماهای تب‌بندی شده (Tabbed Views)، اجزای قابل کشیدن (Draggable) و دکمه‌های سفارشی را می‌سازید و در عین حال با ویژگی‌های ضروری SwiftUI مانند تولید رنگ تصادفی و انیمیشن‌ها آشنا می‌شوید. این دوره طیف گسترده‌ای از ابزارهای کاربردی را پوشش می‌دهد که بلافاصله در پروژه‌های شما قابل اجرا هستند و اجازه می‌دهند ساختارهای پیچیده UI را در زمان کمتر به سرانجام برسانید. این دوره برای توسعه‌دهندگانی که به دنبال ارتقای مهارت‌های SwiftUI و بهبود بهره‌وری در طراحی رابط کاربری هستند، ایده‌آل است. چه یک کاربر متوسط SwiftUI باشید و چه مبتدی که می‌خواهد درک عمیق‌تری از اجزای UI به دست آورد، این دوره ابزارها و تکنیک‌های مورد استفاده حرفه‌ای‌ها را به شما می‌آموزد. برای بهره‌مندی حداکثری از این دوره، داشتن درک پایه‌ای از SwiftUI توصیه می‌شود. در پایان این دوره، شما قادر خواهید بود به طور بهینه اجزای UI را ایجاد و شخصی‌سازی کنید، نماهای پویا را با قطعه کدها بسازید، تجربه کاربری را با انیمیشن‌ها بهبود ببخشید و بر تم‌گذاری حالت‌های روشن و تاریک (Light and Dark Mode) در اپلیکیشن‌های خود مسلط شوید.

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

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

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

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

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

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

  • تطبیق گرادینت با متن Fitting the Gradient to the Text

  • قطعه کدهای نمای زیبا Nice View Snippets

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

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

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

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

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

سوالات جذاب و کاربردی Cool and Interesting Questions

  • NavigationStack جایگزینی دکمه بازگشت بخش اول NavigationStack - Replace Back Button - Part 1

  • NavigationStack جایگزینی دکمه بازگشت بخش دوم NavigationStack - Replace Back Button - Part 2

  • NavigationStack جایگزینی دکمه بازگشت بخش سوم NavigationStack - Replace Back Button - Part 3

  • چالش FlexToGrid تقسیم ۵۰ ۲۵ ۲۵ FlexToGrid Challenge 50 25 25 Split

  • رنگ عنوان NavigationStack NavigationStack Title Color

  • کشیدن تصویر از بالا بخش اول Drag Image from Above - Part 1

  • کشیدن تصویر از بالا بخش دوم Drag Image from Above - Part 2

  • کشیدن تصویر از بالا بخش سوم Drag Image from Above - Part 3

  • حاشیه درخشان چندرنگ با استفاده از Trim Multi-Color Glowing Border Using Trim

  • نمای ToolTip عمومی با استفاده از LongPressGesture Generic ToolTipView Using LongPressGesture

  • چالش: کپسول تقسیم شده Trimmed Challenge: Trimmed Split Capsule

  • نمای شکلات بخش اول Chocolate View - Part 1

  • نمای شکلات بخش دوم Chocolate View - Part 2

ماشین حساب با پشتیبانی از حالت روشن و تاریک Calculator Supporting Light and Dark Mode

  • مقدمه‌ای بر ماشین حساب حالت روشن و تاریک Introduction to the Light and Dark Mode Calculator

  • ماشین حساب شروع به کار Calculator - Getting Started

  • طراحی Dribble و انتخاب رنگ‌های ماشین حساب Dribble Design and Selecting the Calculator Colors

  • حالت تاریک و روشن Dark and Light Mode

  • رنگ‌ها برای ماه و خورشید Colors for Moon and Sun

  • ادامه نمای اصلی ماشین حساب Continue Main Calculator View

  • پیاده‌سازی نمای خورشید و ماه Implement Sun Moon View

  • پیاده‌سازی نمای محاسبات Implementing the Computation View

  • شمارش‌های Enumerations The Enumerations

  • نمای دکمه Button View

  • مدل دکمه‌ها و نمای دکمه‌های محاسباتی Buttons Model and Calcs Button View

  • توابع کمکی رشته (String) String Helper Functions

  • پیاده‌سازی منطق ماشین حساب بخش اول Implementing the Calculator Logic - Part 1

  • پیاده‌سازی منطق برابری Implementing Equality Logic

  • پیاده‌سازی منطق نقطه اعشار Implementing the Decimal Point Logic

  • بازنویسی و بهینه‌سازی کد Refactoring Code

  • تشخیص آیپد (iPad) iPad Detection

  • تطبیق با آیپد بخش اول Adapting to iPad - Part 1

  • تطبیق با آیپد بخش دوم Adapting to iPad - Part 2

  • خداحافظی با UIScreen UIScreen - Begone!

  • حذف نمادهای نیافته No Symbol Found - Away!

آشنایی با الگوی طراحی MVVM با مثال دستور پخت Introduction to the MVVM Design Pattern with Recipes

  • مثال MVVM مدل دستور پخت MVVM Example - Recipe Model

  • مثال MVVM مدل نمای دستور پخت MVVM Example - Recipe View Model

  • مثال MVVM نمای لیست آیتم‌ها MVVM Example - ListItem View

  • مثال MVVM بهبود بخشیدن به نما MVVM Example - Improving the View

  • مثال MVVM نمای نمایش دستور پخت MVVM Example - ShowRecipeView

  • مثال MVVM اصلاح تصویر MVVM Example - Touch Up the Image

برنامه FizzBuzz و برنامه‌هایی که برنامه می‌نویسند! FizzBuzz and Programs That Write Programs!

  • مقدمه‌ای بر FizzBuzz Introduction to FizzBuzz

  • معرفی FizzBuzz در Playground Introducing FizzBuzz in the Playground

  • نمای اصلی The Main View

  • نمای درباره ما The About View

  • نمای تصویر پس‌زمینه Background Image View

  • تکمیل نمای درباره ما Completing the About View

  • نمای FizzBuzz The FizzBuzz View

  • مدل الگوریتم FizzBuzz FizzBuzz Algorithm Model

  • مدل نمای الگوریتم FizzBuzz FizzBuzz Algorithm View Model

  • افزونه Indent String Indent String extension

  • تکمیل مدل FizzBuzz Complete the FizzBuzz Model

  • نمای سازنده کد Code Creator View

نمایش نظرات

آموزش اجزای رابط کاربری (UI)، قطعه کدها و تم‌گذاری
جزییات دوره
11h 45m
63
(آخرین آپدیت)
17
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده