آموزش طراحی رابط کاربری در اندروید استودیو - آخرین آپدیت

ایجاد رابط کاربری پایه در اندروید Basic UI creation in Android

• مقدمه‌ای بر دوره Introduction to the course

• رابط کاربری موبایل چگونه ساخته می‌شود؟ How is mobile UI built?

• چالش‌های منحصر به فرد UI در اندروید Unique challenges for Android UI

• راه‌اندازی اندروید استودیو Setting up Android Studio

• Activity چیست؟ What is an Activity?

• تعریف یک Activity Defining an activity

• Viewها و Layoutها Views and Layouts

• Layoutها و Viewها در کاتلین Layouts and Views in Kotlin

• چرخه حیات Activity The activity lifecycle

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

• رابط کاربری با توابع Composable UI with Composable functions

• چیدمان‌ها در Compose Layouts in Compose

• ساخت رابط کاربری با استفاده از Composableها Building UI with Composables

• خلاصه فصل: ایجاد رابط کاربری پایه در اندروید Module summary: Basic UI creation in Android

ساخت رابط کاربری با Jetpack Compose Building UI with Jetpack Compose

• Modifierها Modifiers

• استایل‌دهی با استفاده از Modifierها Styling with modifiers

• استفاده از Modifierها در چیدمان‌ها Modifiers with layouts

• مدیریت رویدادها و Callbackها Event handling and callbacks

• State (وضعیت) چیست؟ What is a state?

• اعلام وضعیت (Declaring state) Declaring state

• Recomposition (بازسازی مجدد) Recomposition

• ذخیره و بازیابی وضعیت Saving and Restoring State

• تفاوت Composableهای Stateful و Stateless Stateful vs stateless composables

• Scaffold Scaffold

• اجزای Material Material components

• وضعیت Scaffold Scaffold state

• خلاصه فصل: ساخت رابط کاربری با Jetpack Compose Module summary: Building UI with Jetpack Compose

رابط کاربری پیشرفته با Jetpack Compose Advanced UI with Jetpack Compose

• کامپوننت Navigation The Navigation component

• ناوبری در Compose Navigation in Compose

• NavHost و Nav Controller NavHost & Nav Controller

• ناوبری تب‌بندی شده (Tabbed Navigation) Tabbed Navigation

• تعریف یک لیست Defining a list

• تعریف یک شبکه (Grid) Defining a grid

• Lazy Layoutها چیستند؟ What are lazy layouts?

• تعریف Lazy Listها Defining lazy lists

• تعریف Lazy Grid Defining lazy grid

• خلاصه فصل: رابط کاربری پیشرفته با Jetpack Compose Module summary: Advanced UI with Jetpack Compose

استایل‌دهی به رابط کاربری UI Styling

• تابع Theme The Theme function

• تعریف رنگ‌ها Defining colors

• استایل‌دهی به متن Styling text

• تم Material Design Material Design theme

• مشاهده‌پذیری متحرک (Animated visibility) Animated visibility

• انیمیشن مقداری (Value animation) Value animation

• خلاصه فصل: انیمیشن‌ها Module summary: Animations

پروژه نهایی Final Project

• مرور دوره: طراحی رابط کاربری Course Recap: Create the User Interface

• تبریک! شما دوره طراحی رابط کاربری را به پایان رساندید Congratulations, you have completed Create the User Interface