دوره آموزشی Jetpack Compose Crash برای اندروید با Kotlin

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

مقدمه ای بر آهنگسازی Introduction to Compose

• Jetpack Compose چیست؟ What is Jetpack Compose?

• Jetpack Compose چیست؟ What is Jetpack Compose?

• طرح کلی دوره Course outline

• چرا باید از Compose استفاده کنیم؟ Why should we use Compose?

• چرا به آن Compose می گویند؟ Why is it called Compose?

• چرا به آن Compose می گویند؟ Why is it called Compose?

• وراثت در مقابل ترکیب Inheritance vs Composition

• اندروید استودیو را نصب کنید Install Android Studio

• اندروید استودیو را نصب کنید Install Android Studio

• منابع پروژه و سبک تدریس Project resources and teaching style

• منابع پروژه و سبک تدریس Project resources and teaching style

مقدمه ای بر آهنگسازی Introduction to Compose

• طرح کلی دوره Course outline

• چرا باید از Compose استفاده کنیم؟ Why should we use Compose?

• وراثت در مقابل ترکیب Inheritance vs Composition

اصول اولیه Jetpack Compose Basics of Jetpack Compose

• یک پروژه Compose جدید ایجاد کنید Create a new Compose project

• یک پروژه Compose جدید ایجاد کنید Create a new Compose project

• مبانی کاتلین: کلاس ها، متغیرها و روش ها Kotlin basics: Classes, variables and methods

• اصول کاتلین: وراثت Kotlin basics: Inheritance

• مبانی اندروید: فعالیت ها و چرخه حیات آنها Android basics: Activities and their lifecycle

• Compose بر روی Composables ساخته شده است Compose is built on Composables

• Kotlin Trailling Lambdas and Compose Kotlin Trailling Lambdas and Compose

• درک پیش نمایش Understanding preview

• استفاده از Text composable Using Text composable

• بیشتر در مورد توابع Composable More on Composable functions

• با استفاده از Button composable Using Button composable

• با استفاده از Button composable Using Button composable

• شناسایی اجزای سازنده از طریق پیش نمایش Identify composables through preview

• اصلاح Composables با Modifier Modifying Composables with Modifier

• اضافه کردن افکت کلیک و padding Adding clicking effect and padding

• ترتیب اصلاح کننده ها مهم است The order of modifiers matters

• سفارشی کردن یک متن قابل ترکیب Customizing a Text Composable

• مسابقه در مورد اصول کامپوزیشن Quiz about the basics of Compose

اصول اولیه Jetpack Compose Basics of Jetpack Compose

• مبانی کاتلین: کلاس ها، متغیرها و روش ها Kotlin basics: Classes, variables and methods

• اصول کاتلین: وراثت Kotlin basics: Inheritance

• مبانی اندروید: فعالیت ها و چرخه حیات آنها Android basics: Activities and their lifecycle

• Compose بر روی Composables ساخته شده است Compose is built on Composables

• Kotlin Trailling Lambdas and Compose Kotlin Trailling Lambdas and Compose

• درک پیش نمایش Understanding preview

• استفاده از Text composable Using Text composable

• بیشتر در مورد توابع Composable More on Composable functions

• شناسایی اجزای سازنده از طریق پیش نمایش Identify composables through preview

• اصلاح Composables با Modifier Modifying Composables with Modifier

• اضافه کردن افکت کلیک و padding Adding clicking effect and padding

• ترتیب اصلاح کننده ها مهم است The order of modifiers matters

• سفارشی کردن یک متن قابل ترکیب Customizing a Text Composable

• مسابقه در مورد اصول کامپوزیشن Quiz about the basics of Compose

عناصر رابط کاربری اصلی Compose Core UI elements of Compose

• معرفی ماژول Module introduction

• افزودن سطح قابل ترکیب به صفحه نمایش Adding surface Composable to a screen

• افزودن سطح قابل ترکیب به صفحه نمایش Adding surface Composable to a screen

• بسته بندی محتوای مواد قابل ترکیب Wrap content of composables

• بسته بندی محتوای مواد قابل ترکیب Wrap content of composables

• ترکیبات را با محتوای پیچیده تراز کنید Align composables with wrapped content

• ترکیبات را با محتوای پیچیده تراز کنید Align composables with wrapped content

• ترکیب‌پذیرهای چندگانه در داخل یک والد قابل ترکیب Multiple composables inside a parent composable

• ترکیب‌پذیرهای چندگانه در داخل یک والد قابل ترکیب Multiple composables inside a parent composable

• ردیف، ستون و جعبه در نوشتن Row, Column and Box in Compose

• ردیف، ستون و جعبه در نوشتن Row, Column and Box in Compose

• ایجاد یک طرح اولیه با Row Creating a basic layout with Row

• استخراج مواد ترکیب پذیر برای استفاده مجدد Extract composables for reuse

• استخراج مواد ترکیب پذیر برای استفاده مجدد Extract composables for reuse

• تراز و چیدمان برای ردیف Alignment and arrangement for Row

• تراز و چیدمان برای ردیف Alignment and arrangement for Row

• کاوش ترتیب برای یک ردیف Exploring arrangement for a Row

• ستون قابل ترکیب Column composable

• ردیف تودرتو با ستون Nesting row with columns

عناصر رابط کاربری اصلی Compose Core UI elements of Compose

• معرفی ماژول Module introduction

• ایجاد یک طرح اولیه با Row Creating a basic layout with Row

• کاوش ترتیب برای یک ردیف Exploring arrangement for a Row

• ستون قابل ترکیب Column composable

• ردیف تودرتو با ستون Nesting row with columns

مفاهیم اساسی را بنویسید Compose fundamental concepts

• معرفی ماژول Module Introduction

• تغییر پارادایم اعلامی The Declarative paradigm shift

• تغییر پارادایم اعلامی The Declarative paradigm shift

• مفهوم محتوای پویا Dynamic content concept

• مفهوم محتوای پویا Dynamic content concept

• نمونه محتوای پویا Dynamic content example

• ترکیب مجدد Recomposition

مفاهیم اساسی را بنویسید Compose fundamental concepts

• معرفی ماژول Module Introduction

• نمونه محتوای پویا Dynamic content example

• ترکیب مجدد Recomposition

مدیریت دولتی در Compose State management in Compose

• معرفی ماژول Module introduction

• معرفی ماژول Module introduction

• حالت و ترکیب مجدد State and recomposition

• افزودن وضعیت لیست Adding list state

• حالت بلند کردن (بالا بردن ایالتی) Lifting up state (State Hoisting)

• حالت بلند کردن (بالا بردن ایالتی) Lifting up state (State Hoisting)

• TextField را با حالت اضافه کنید Add TextField with state

• TextField را با حالت اضافه کنید Add TextField with state

• مقدمه ای بر ViewModel و LiveData Introduction to ViewModel and LiveData

• حالت را به ViewModel ببرید Lift up state to ViewModel

• حالت را به ViewModel ببرید Lift up state to ViewModel

مدیریت دولتی در Compose State management in Compose

• معرفی ماژول Module introduction

• حالت و ترکیب مجدد State and recomposition

• افزودن وضعیت لیست Adding list state

• مقدمه ای بر ViewModel و LiveData Introduction to ViewModel and LiveData

ایجاد و قالب بندی یک طرح کارت نمایه Creating and theming a Profile card layout

• معرفی ماژول Module introduction

• ایجاد اسکلت برای طرح کارت نمایه Create skeleton for profile card layout

• ایجاد نماد نمایه برای کارت Creating profile icon for card

• ایجاد محتوای متنی برای کارت پروفایل Creating text content for profile card

• ایجاد محتوای متنی برای کارت پروفایل Creating text content for profile card

• موضوع در نوشتن Theme in Compose

• موضوع در نوشتن Theme in Compose

• سفارشی کردن رنگ ها در تم Customizing colors in theme

• Scaffold و AppBar را اضافه کنید Add Scaffold and AppBar

• سفارشی کردن اشکال در تم Customizing shapes in theme

• سفارشی کردن اشکال در تم Customizing shapes in theme

• سفارشی کردن نوع فونت در تم Customizing font type in theme

• سفارشی کردن نوع فونت در تم Customizing font type in theme

• کاربر دیگری را به طرح اضافه کنید Add another user to the layout

• کاربر دیگری را به طرح اضافه کنید Add another user to the layout

• استخراج داده های کاربر به یک موجودیت Extracting user data to an entity

• استخراج داده های کاربر به یک موجودیت Extracting user data to an entity

ایجاد و قالب بندی یک طرح کارت نمایه Creating and theming a Profile card layout

• معرفی ماژول Module introduction

• ایجاد اسکلت برای طرح کارت نمایه Create skeleton for profile card layout

• ایجاد نماد نمایه برای کارت Creating profile icon for card

• سفارشی کردن رنگ ها در تم Customizing colors in theme

• Scaffold و AppBar را اضافه کنید Add Scaffold and AppBar

لیست های پویا Dynamic lists

• معرفی ماژول Module introduction

• استفاده از LazyColumn برای لیست های طولانی Using LazyColumn for long lists

• بارگیری ناهمگام تصویر (منسوخ شده) Async image loading (Deprecated)

• استفاده از کتابخانه کویل Using Coil library

• استفاده از کتابخانه کویل Using Coil library

• تست با لیست طولانی Testing with long list

لیست های پویا Dynamic lists

• معرفی ماژول Module introduction

• استفاده از LazyColumn برای لیست های طولانی Using LazyColumn for long lists

• بارگیری ناهمگام تصویر (منسوخ شده) Async image loading (Deprecated)

• تست با لیست طولانی Testing with long list

پیمایش در نوشتن Navigation in Compose

• معرفی ماژول Module introduction

• ناوبری Jetpack در نوشتن Jetpack Navigation in Compose

• به روز رسانی اندروید استودیو و Gradle Updating Android Studio and Gradle

• ایجاد طرح‌بندی صفحه جزئیات نمایه کاربر Creating user profile details screen layout

• ایجاد طرح‌بندی صفحه جزئیات نمایه کاربر Creating user profile details screen layout

• افزودن ناوبری Adding navigation

• افزودن ناوبری Adding navigation

• پویا کردن ناوبری Making navigation dynamic

• افزودن پیمایش به عقب Adding back navigation

پیمایش در نوشتن Navigation in Compose

• معرفی ماژول Module introduction

• ناوبری Jetpack در نوشتن Jetpack Navigation in Compose

• به روز رسانی اندروید استودیو و Gradle Updating Android Studio and Gradle

• پویا کردن ناوبری Making navigation dynamic

• افزودن پیمایش به عقب Adding back navigation

MVVM با Coroutines و Retrofit [برنامه Mealz] MVVM with Coroutines and Retrofit [Mealz app]

• معرفی ماژول - برنامه Mealz Module Introduction - Mealz App

• راه اندازی پروژه برنامه Mealz Setting up Mealz App project

• راه اندازی پروژه برنامه Mealz Setting up Mealz App project

• الگوهای ارائه MVC، MVP و MVVM Presentation patterns MVC, MVP and MVVM

• مقدمه ای بر MVVM و AAC Viewmodel Introduction to MVVM and AAC Viewmodel

• مقدمه ای بر MVVM و AAC Viewmodel Introduction to MVVM and AAC Viewmodel

• افزودن ViewModel و Repository Adding a ViewModel and Repository

• Picking Meal Database API Picking Meal Database API

• Picking Meal Database API Picking Meal Database API

• دریافت داده ها در قالب JSON Getting the data in JSON format

• دریافت داده ها در قالب JSON Getting the data in JSON format

• ساختاربندی کلاس های پاسخ Structuring the response classes

• ساختاربندی کلاس های پاسخ Structuring the response classes

• مقاوم سازی برای شبکه Retrofit for networking

• مقاوم سازی برای شبکه Retrofit for networking

• پاسخ به تماس برای پاسخ شبکه Callback for network response

• پاسخ به تماس برای پاسخ شبکه Callback for network response

• مقدمه ای بر کوروتین ها Introduction to Coroutines

• تعلیق توابع، محدوده، توزیع کننده ها Suspend functions, scopes, dispatchers

• استفاده از Coroutines در Compose Using Coroutines in Compose

• حالت بالابر و کوروتین در ViewModel Hoisting state and Coroutine in ViewModel

• سفارشی کردن صفحه غذاها Customizing the Meals screen

• سفارشی کردن صفحه غذاها Customizing the Meals screen

MVVM با Coroutines و Retrofit [برنامه Mealz] MVVM with Coroutines and Retrofit [Mealz app]

• معرفی ماژول - برنامه Mealz Module Introduction - Mealz App

• الگوهای ارائه MVC، MVP و MVVM Presentation patterns MVC, MVP and MVVM

• افزودن ViewModel و Repository Adding a ViewModel and Repository

• مقدمه ای بر کوروتین ها Introduction to Coroutines

• تعلیق توابع، محدوده، توزیع کننده ها Suspend functions, scopes, dispatchers

• استفاده از Coroutines در Compose Using Coroutines in Compose

• حالت بالابر و کوروتین در ViewModel Hoisting state and Coroutine in ViewModel

مقدمه ای بر انیمیشن با نوشتن [برنامه Mealz] Introduction to Animations with Compose [Mealz App]

• معرفی ماژول Module introduction

• معرفی ماژول Module introduction

• پیاده سازی آیتم های لیست در حال گسترش Implementing expanding list items

• پیمایش به صفحه جزئیات غذا Navigating to meal detail screen

• متحرک کردن اندازه از composable Animate size of composable

• متحرک سازی اجزای متعدد Animating multiple components

• متحرک سازی اجزای متعدد Animating multiple components

• در حال جمع شدن نوار ابزار روی ستون Collapsing toolbar on Column

• در حال جمع شدن نوار ابزار در LazyColumn Collapsing toolbar on LazyColumn

• در حال جمع شدن نوار ابزار در LazyColumn Collapsing toolbar on LazyColumn

مقدمه ای بر انیمیشن با نوشتن [برنامه Mealz] Introduction to Animations with Compose [Mealz App]

• معرفی ماژول Module introduction

• پیاده سازی آیتم های لیست در حال گسترش Implementing expanding list items

• پیمایش به صفحه جزئیات غذا Navigating to meal detail screen

• متحرک کردن اندازه از composable Animate size of composable

• در حال جمع شدن نوار ابزار روی ستون Collapsing toolbar on Column

جمع بندی Roundup

• توانجامش دادی! You did it!

• مراحل بعدی Next steps

• بسته شدن Wrap up

جمع بندی Roundup

• توانجامش دادی! You did it!

• مراحل بعدی Next steps

• بسته شدن Wrap up