Jetpack Compose: Layouts & State Eğitimi

Eğitim Hakkında

Compose'da yerleşim sistemi ve state yönetimi mimarisi

Eğitim, Compose yerleşim modelini ve state yönetimini derinlemesine ele alır. Ölçüm ve yerleştirme aşamaları, Layout composable ve Modifier.layout ile özel yerleşim, intrinsic ölçüm, ConstraintLayout ve BoxWithConstraints, WindowSizeClass ile adaptif tasarım, ViewModel, StateFlow, UiState sınıfları, tek yönlü veri akışı, LaunchedEffect, DisposableEffect ve rememberUpdatedState konularını içerir.

Süre ve Format

2 Gün. Her gün dört modül; 1. gün Yerleşim Sistemi; 2. gün State Yönetimi.

Seviye

Orta Seviye — Compose'da özel yerleşim, ConstraintLayout, adaptif arayüz ve ViewModel ile state yönetimi

Öğrenme Metodu

Katılımcılar özel yerleşim bileşenleri yazar, tablet ve telefon için adaptif ekran kurar ve ViewModel tabanlı bir ekranı test eder.

Neden Bu Eğitim?

🎯Özel Yerleşim

Hazır yerleşimlerin yetmediği durumlarda kendi Layout bileşeninizi yazarsınız.

🧪Adaptif Arayüz

Telefon, katlanabilir ve tablet için tek kod tabanında uyumlu arayüz kurarsınız.

⚙️Düzenli State

ViewModel ve UiState ile öngörülebilir state mimarisi oluşturursunuz.

Anahtar Konular

Compose layoutCompose state managementConstraintLayout ComposeWindowSizeClassViewModel StateFlowLaunchedEffectAndroid mimariadaptif arayüzCompose UI testiJetpack Compose ileri

“Yerleşimi anlayan, ekranı ölçülebilir; state'i yöneten, davranışı öngörülebilir kılar.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1

Compose Temeli

Composable, Modifier ve remember kullanımı bilinmelidir.

2

Kotlin Coroutines

Coroutine ve Flow temel bilgisi gerekir.

3

ViewModel

ViewModel kavramına aşinalık yararlıdır.

4

Android Studio

Güncel Android Studio ve emülatör kurulu olmalıdır.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı Compose yerleşim modelini kavrar ve özel layout yazar.

Modül 1

Yerleşim Modeli

Tek geçişli ölçüm ve yerleştirme
Constraints: minWidth, maxWidth, minHeight, maxHeight
Modifier sırası ve ölçüm etkisi
Intrinsic ölçüm (IntrinsicSize)
Layout Inspector ile hata ayıklama
SubcomposeLayout ne zaman gerekir

Modül 2

Özel Layout

Layout composable ve MeasurePolicy
measurable.measure ve placeable.place
Modifier.layout ile özel modifier
ParentData modifier
Akış (flow) yerleşimi yazımı
Alignment line ve baseline

Modül 3

ConstraintLayout

constraintlayout-compose bağımlılığı
createRefs, constrainAs, linkTo
Guideline, barrier ve chain
Bölgesel yerleşimde Box ile karşılaştırma
ConstraintSet ve MotionLayout genel bakış
Ne zaman ConstraintLayout seçilir

Modül 4

Adaptif Arayüz

BoxWithConstraints
WindowSizeClass: Compact, Medium, Expanded
List-detail ve NavigationSuiteScaffold
Katlanabilir cihaz duruşu (WindowInfoTracker)
Yatay ve dikey yön
Windowed ve çok pencere modu

Günün hedefiKatılımcı state'i mimari düzeyde yönetir ve yan etkileri doğru kullanır.

Modül 1

State Mimarisi

Tek yönlü veri akışı (UDF)
UiState data class ve sealed hiyerarşi
Olay (event) modelleme
State'in kaynağı: tek doğruluk kaynağı
Snapshot state sistemi
State yükleme ve hata durumları

Modül 2

ViewModel ve Flow

ViewModel yaşam döngüsü
StateFlow ve MutableStateFlow
collectAsStateWithLifecycle
SharedFlow ile tek seferlik olaylar
SavedStateHandle
viewModelScope ve iptal

Modül 3

Yan Etkiler

LaunchedEffect ve anahtar yönetimi
rememberCoroutineScope
DisposableEffect ile temizlik
SideEffect ve produceState
rememberUpdatedState
snapshotFlow ile state'ten akış

Modül 4

Test ve Kararlılık

Stable ve Immutable anotasyonları
Strong skipping ve recomposition
Compose derleyici raporları
ViewModel birim testi (Turbine)
Compose UI testi: createComposeRule
Semantik ağaç ile doğrulama

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Layout Modeli

Compose ölçüm ve yerleştirme modelini açıklayabilirsiniz.

🛠️

Özel Layout

Layout composable ile özel yerleşim yazabilirsiniz.

📈

ConstraintLayout

ConstraintLayout ile karmaşık ekranları kurabilirsiniz.

🔍

Adaptif Tasarım

WindowSizeClass ile telefon ve tablet uyumlu ekran yapabilirsiniz.

🧩

UDF Mimarisi

UiState ve olaylarla tek yönlü veri akışı uygulayabilirsiniz.

🚀

ViewModel Kullanımı

StateFlow ile yaşam döngüsüne duyarlı state sunabilirsiniz.

🔒

Yan Etkiler

LaunchedEffect ve DisposableEffect'i doğru kullanabilirsiniz.

📊

UI Testi

Compose test kuralıyla ekranları doğrulayabilirsiniz.

Kimler İçin Uygundur?

Compose temelini bilen Android geliştiricileri
uygulama mimarisini düzenlemek isteyen mobil ekipler içindir

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Compose temelini bilen Android geliştiricileri ve uygulama mimarisini düzenlemek isteyen mobil ekipler içindir.

Hilt veya DI anlatılır mı?

Odak yerleşim ve state'tir; ViewModel enjeksiyonu için temel Hilt örneği gösterilir.

Katlanabilir cihaz desteği var mı?

Evet, WindowInfoTracker ile duruş algılama anlatılır.

Compose UI testi işlenir mi?

createComposeRule ile semantik tabanlı testler yazılır.

Belge verilir mi?

Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika

JETPACK COMPOSE: LAYOUTS & STATE MANAGEMENT EĞİTİMİ