آموزش جامع اندروید کامپوز (Android Compose) با کاتلین - آخرین آپدیت

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

مقدمه Introduction

• بررسی فایل‌های تمرینی در گیت‌هاب Check out the exercise files on GitHub

• تکامل توسعه مدرن اندروید Evolution of modern Android development

• پیش‌نیازهایی که باید بدانید What you should know

1. تعریف صفحات با استفاده از Composables 1. Define Screens with Composables

• پیاده‌سازی طرح‌ها با استفاده از composables Implement designs using composables

• چالش: خداحافظی با ConstraintLayout Challenge: Bye-bye ConstraintLayout

• تعریف صفحات با اکتیویتی‌ها و composables Define screens with activities and composables

• راه حل: خداحافظی با ConstraintLayout Solution: Bye-bye ConstraintLayout

• کاتلین برای Jetpack Compose Kotlin for Jetpack Compose

• استفاده از Modifierها برای شخصی‌سازی لایه Use modifiers to customize your layout

• واحدهای اندازه‌گیری در Compose Units of measurement with Compose

• نمایش عناصر UI با Column، Row و Box Display UI elements with Column, Row, and Box

2. ایجاد تم‌ها و استایل‌ها 2. Create Themes and Styles

• تم‌دهی (Theming) در Compose Theming in Compose

• پیکربندی رنگ‌های تم Material Design Configure Material Design theme colors

• پشتیبانی از چندین تم Material Design Support multiple Material Design themes

• مدیریت رنگ‌های Material Design در Compose Manage Material Design colors in Compose

3. مدیریت چرخه حیات و وضعیت (State) در Compose 3. Manage Compose Lifecycle and State

• چالش: در چه وضعیتی (State) هستید؟ Challenge: What state are you in?

• درک مفهوم State Hoisting Understand state hoisting

• راه حل: در چه وضعیتی هستید؟ Solution: What state are you in?

• مقدمه‌ای بر وضعیت (State) در Compose Introduction to state in Compose

• درک توابع Composable Understand composable functions

• استفاده از تابع remember Use the remember function

4. معماری رابط کاربری Compose 4. Architecting Your Compose UI

• مقدمه‌ای بر جریان داده یک‌طرفه (Unidirectional Data Flow) Introduction to unidirectional data flow

• چالش: ذخیره علاقه‌مندی‌های من Challenge: Save my favorites

• راه حل: ذخیره علاقه‌مندی‌های من Solution: Save my favorites

• افزودن ViewModel از طریق یک composable Add a ViewModel from a composable

• مشاهده داده‌ها در ViewModel Observe data in a ViewModel

• تزریق وابستگی (Dependency Injection) با Koin Dependency injection with Koin

5. ناوبری (Navigation) در Compose 5. Navigating in Compose

• افزودن کامپوننت ناوبری پایین (Bottom Navigation) Add a bottom navigation component

• مقدمه‌ای بر کامپوننت Navigation Introduction to the Navigation component

• راه‌اندازی کنترلر ناوبری (Navigation Controller) Set up a navigation controller

• مدیریت رویدادهای آیتم‌های ناوبری Handle navigation of navigation item events

• جابجایی بین صفحات Navigate between screens

6. نمایش داده‌ها در لایه‌های Lazy 6. Display Data in Lazy Layouts

• نمایش پیام‌های Snackbar Display snackbar messages

• چالش: افزودن جزئیات بصری Challenge: Adding some polish

• مدیریت وضعیت‌های در حال بارگذاری و خالی Handle loading and empty states

• راه حل: افزودن جزئیات بصری Solution: Adding some polish

• بررسی لایه‌های Lazy در Compose Explore lazy layouts in Compose

• مدیریت رویدادهای کلیک در آیتم‌های Lazy Layout Handle lazy layout item click events

• افزودن LazyGrid به یک صفحه composable Add a LazyGrid to a composable screen

• انتقال داده‌ها در ViewModel Pass data in a ViewModel

7. ایجاد لایه‌های تطبیقی (Adaptive) 7. Creating Adaptive Layouts

• مقدمه‌ای بر لایه‌های تطبیقی (Adaptive Layouts) Introduction to adaptive layouts

• مدیریت پویا ناوبری با استفاده از اندازه پنجره Handle navigation dynamically using window size

• ایجاد لایه‌های شبکه‌ای تطبیقی (Adaptive Grid) Create adaptive grid layouts

• تغییر لایه یک composable با محدودیت‌های Box Modify a composable’s layout with box constraints

8. تست لایه‌های Compose 8. Testing Compose Layouts

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

• راه حل: به بالا (To the top) Solution: To the top

• چالش: به بالا (To the top) Challenge: To the top

• نوشتن تست‌های پیشرفته UI با Semantics Write advanced UI tests with Semantics

• ایجاد تست UI با ComposeTestRule Create a UI test with the ComposeTestRule

• ایجاد تست‌های اسکرین‌شات Create screenshot tests

جمع‌بندی Conclusion

• توسعه مهارت‌های شما در Android Compose Develop your skills with Android Compose