MOBILE APP DEVELOPMENT: DEFINING THE UI FOR AN ANDROID APP EĞİTİMİ

Android arayüzünü ustaca tanımla

XML View, ConstraintLayout, Material 3 ve Jetpack Compose ile Android arayüz tasarımı

Bu eğitim, bir Android uygulamasının kullanıcı arayüzünü baştan sona tanımlamayı öğretir. Program View ve ViewGroup sistemi, temel bileşenler ve XML düzen, ConstraintLayout ile duyarlı yerleşim, Material 3 bileşenleri, tema ve koyu mod, Jetpack Compose ile bi…

4 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

View sisteminden Compose'a, bileşenlerden tema ve erişilebilirliğe

Bu eğitim, bir Android uygulamasının kullanıcı arayüzünü baştan sona tanımlamayı öğretir. Katılımcılar View ve ViewGroup sistemini, temel bileşenleri ve XML ile düzen kurmayı uygular. ConstraintLayout ile duyarlı ekranlar, Material 3 bileşenleri, tema, tipografi ve koyu mod ele alınır. Ardından Jetpack Compose ile bildirimsel arayüz, Modifier, durum ve lazy listeler işlenir. Program animasyon, uyarlanabilir yerleşim ve erişilebilirlik ilkeleriyle tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; aynı ekran hem XML hem Jetpack Compose ile kurularak yaklaşımların sonuçları karşılaştırmalı gösterilir.

Seviye

Orta Seviye — Android arayüzünü XML View sisteminden Jetpack Compose'a tanımlama programı

Öğrenme Metodu

Örnek bir arayüz dört gün boyunca önce XML, ardından Jetpack Compose ile kurulur; her modül yeni bir bileşen veya yerleşim tekniği ekler.

Neden Bu Eğitim?

🎨Tasarımı koda dökme

Tasarım taslaklarını ölçü, boşluk ve bileşenlerle doğru biçimde koda aktararak amaçlandığı gibi görünen arayüzler kurarsınız.

📐Duyarlı arayüz

Telefon, tablet ve farklı yönlerde bozulmayan, ekran boyutuna uyum sağlayan esnek düzenler tasarlamayı öğrenirsiniz.

🧩XML ve Compose birlikte

Hem klasik View tabanlı arayüzleri hem de modern Jetpack Compose'u kavrayarak her iki yaklaşımda rahatça çalışırsınız.

Anahtar Konular

android arayüz tasarımıjetpack compose eğitimiconstraintlayoutmaterial 3 androidandroid ui eğitimixml layoutcompose durum yönetimiandroid erişilebilirlikmobil uygulama geliştirme eğitimiandroid tema
“İyi bir arayüz tesadüf değildir; doğru yerleşim, tutarlı tema ve erişilebilirlik kararlarının bilinçli biçimde bir araya gelmesidir.”

Ön Koşullar

Eğitimden en iyi verimi almak için faydalı olacak hazırlık

1
Kotlin temeli

Değişken, fonksiyon ve lambda gibi temel Kotlin kavramlarına aşinalık arayüz kodunu okumayı kolaylaştırır.

2
Temel Android bilgisi

Activity oluşturup basit bir ekran göstermeyi bilmek, odağın arayüz tasarımına kalmasını sağlar.

3
Android Studio kurulumu

Android Studio'nun kurulu ve bir emülatör ya da cihazla önizleme yapabilir durumda olması gerekir.

4
Tasarım okuma

Figma veya basit bir taslaktan ölçü, renk ve boşluk okuyabilmek arayüzü uygulamayı kolaylaştırı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ı View ve ViewGroup hiyerarşisini kavrar, temel arayüz bileşenlerini kullanır ve XML düzen ile ilk ekranları yapılandırmayı öğrenir.
Modül 1
View ve ViewGroup Hiyerarşisi
  • View ile ViewGroup arasındaki temel fark ve rol
  • Görünüm ağacının kök düzenden yapraklara kurulması
  • wrap_content, match_parent ve sabit boyut davranışı
  • layout_margin ile padding arasındaki ayrım
  • Görünüm ağacı derinliğinin performansa etkisi
  • View Binding ile görünümlere tip güvenli erişim
Modül 2
Temel Arayüz Bileşenleri
  • TextView ile metin gösterimi ve biçimlendirme
  • Button ve ImageButton ile eylem oluşturma
  • EditText ile girdi alma ve giriş tipi ayarı
  • ImageView ile görsel ve scaleType seçimi
  • CheckBox, RadioButton ve Switch kullanımı
  • İçerik açıklamasıyla erişilebilir bileşen
Modül 3
LinearLayout ve FrameLayout
  • Dikey ve yatay yönlendirmeyle öğe sıralama
  • layout_weight ile boş alanın oransal paylaşımı
  • gravity ve layout_gravity arasındaki fark
  • FrameLayout ile görünümlerin üst üste yığılması
  • İç içe düzenlerin maliyeti ve sadeleştirme
  • ScrollView ile uzun içeriğin kaydırılması
Modül 4
Kaynaklar ve Boyut Birimleri
  • strings.xml ile metinlerin dışarı alınması
  • dp ve sp birimleriyle yoğunluktan bağımsız ölçü
  • colors.xml ve renk kaynaklarının düzenlenmesi
  • dimens.xml ile boyutların merkezi tanımı
  • Farklı yoğunluklar için görsel kaynak sağlama
  • Vektör çizimlerle ölçeklenebilir ikonlar
Günün hedefiKatılımcı ConstraintLayout ile duyarlı ekran kurar, Material 3 bileşenlerini kullanır ve tema, tipografi ile koyu mod desteğini uygular.
Modül 1
ConstraintLayout ile Yerleşim
  • Yatay ve dikey kısıtlarla görünüm sabitleme
  • match_constraint (0dp) ile esnek genişlik
  • Bias ile iki kısıt arasında oransal konum
  • Chain ile görünümleri bir eksende gruplama
  • Guideline ve barrier ile esnek referanslar
  • Layout Editor ile görsel kısıt kurma
Modül 2
Material 3 Bileşenleri
  • Material 3 kütüphanesinin projeye eklenmesi
  • TopAppBar ve alt gezinme bileşenlerinin kullanımı
  • Card, Chip ve liste öğesi bileşenleri
  • FloatingActionButton ile birincil eylem
  • TextField ve buton çeşitlerinin uygulanması
  • Dokunma alanı ve 8dp ızgara disiplini
Modül 3
Tema, Renk ve Tipografi
  • Tema ve renk şemasının merkezi tanımı
  • Dynamic Color ile sistem renklerine uyum
  • Tipografi ölçeği ve metin stillerinin tanımı
  • Birincil, ikincil ve yüzey renklerinin rolü
  • Stil ve tema mirası ile tutarlı görünüm
  • Marka renklerinin Material şemasına oturtulması
Modül 4
Koyu Mod ve Duyarlılık
  • Açık ve koyu tema için ayrı renk kaynakları
  • Gece kaynaklarıyla otomatik tema geçişi
  • layout nitelikçileriyle tablet düzeni
  • Yatay ve dikey yön için ayrı düzen sağlama
  • Kontrast ve erişilebilir metin boyutları
  • Farklı ekranlarda önizleme ile doğrulama
Günün hedefiKatılımcı Jetpack Compose ile bildirimsel arayüz kurar, Modifier zinciriyle boyut ve boşluğu yönetir ve Compose'da durumu doğru biçimde ele alır.
Modül 1
Composable ve Yeniden Besteleme
  • Composable fonksiyon ve bildirimsel arayüz mantığı
  • XML ile Compose yaklaşımı arasındaki temel fark
  • Yeniden besteleme kavramı ve tetiklenmesi
  • @Preview ile arayüzü anında görüntüleme
  • Composable fonksiyonların saf tutulması
  • Yeniden besteleme kapsamının daraltılması
Modül 2
Compose Yerleşim Fonksiyonları
  • Column ve Row ile dikey ve yatay dizilim
  • Box ile görünümlerin üst üste yerleştirilmesi
  • Arrangement ile öğeler arası boşluk dağıtımı
  • Alignment ile eksende hizalama kontrolü
  • Spacer ve weight ile esnek alan paylaşımı
  • ConstraintLayout'un Compose karşılığı
Modül 3
Modifier Zinciri
  • Modifier ile boyut, padding ve kenar boşluğu
  • background, border ve clip ile görünüm
  • clickable ile dokunma davranışı ekleme
  • Modifier sırasının sonuca etkisi
  • fillMaxWidth ve wrapContentSize davranışı
  • Yeniden kullanılabilir Modifier tanımı
Modül 4
Compose'da Durum Yönetimi
  • remember ve mutableStateOf ile yerel durum
  • Durumun değişiminde arayüzün yeniden bestelenmesi
  • State hoisting ile durumun yukarı taşınması
  • rememberSaveable ile durumun korunması
  • Olay ve durum için tek yönlü akış deseni
  • ViewModel durumunun Compose'da gözlemi
Günün hedefiKatılımcı Compose ile lazy listeler ve gezinme kurar, basit animasyonlar ekler ve uyarlanabilir yerleşim ile erişilebilirlik ilkelerini uygular.
Modül 1
Lazy Listeler ve Izgara
  • LazyColumn ile verimli dikey liste gösterimi
  • items bloğuyla veri listesinin bağlanması
  • key ile öğe kimliği ve verimli güncelleme
  • LazyVerticalGrid ile ızgara düzeni
  • Yapışkan başlık (sticky header) kullanımı
  • Kaydırma durumunun izlenmesi ve korunması
Modül 2
Compose Navigation
  • Navigation Compose ile ekran akışının tanımı
  • NavHost ve composable hedeflerin kurulması
  • Rota üzerinden argüman aktarımı
  • Geri yığını ve geri davranışının yönetimi
  • Alt gezinme çubuğuyla sekme akışı
  • Tek Activity ve çok composable mimarisi
Modül 3
Animasyon ve Geçişler
  • animate*AsState ile değer tabanlı animasyon
  • AnimatedVisibility ile görünme ve kaybolma
  • Crossfade ile iki içerik arasında yumuşak geçiş
  • updateTransition ile çoklu değer animasyonu
  • Liste öğesi görünüm animasyonları
  • Animasyonun performansa etkisinin gözetilmesi
Modül 4
Uyarlanabilirlik ve Erişilebilirlik
  • WindowSizeClass ile ekran boyutuna uyarlama
  • Büyük ekranlarda iki panelli yerleşim
  • contentDescription ile anlamlı etiketleme
  • TalkBack ile ekran okuyucu uyumu
  • Kontrast ve dokunma alanı asgari ölçüleri
  • Önizleme ile farklı cihazlarda doğrulama

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
View sistemi

View ve ViewGroup hiyerarşisini kavrar, temel bileşenlerle XML düzen kurmayı güvenle uygularsınız.

✅
Duyarlı yerleşim

ConstraintLayout ile düz bir hiyerarşide duyarlı ve farklı ekranlara uyumlu arayüzler tasarlayabilirsiniz.

✅
Material 3 tasarımı

Material 3 bileşenleri, tema ve tipografi ile tutarlı ve modern bir görsel dil oluşturabilirsiniz.

✅
Tema ve koyu mod

Renk şeması, Dynamic Color ve koyu mod desteğiyle erişilebilir ve uyumlu temalar kurabilirsiniz.

✅
Compose ile arayüz

Jetpack Compose ve Modifier zinciri ile bildirimsel, okunabilir ve yeniden kullanılabilir arayüzler kurarsınız.

✅
Compose'da durum

remember, state hoisting ve ViewModel ile Compose arayüzünün durumunu doğru biçimde yönetebilirsiniz.

✅
Listeler ve gezinme

LazyColumn ve Navigation Compose ile verimli listeler ve çok ekranlı akış tasarlayabilirsiniz.

✅
Animasyon ve erişim

Compose animasyonlarını, uyarlanabilir yerleşimi ve erişilebilirlik ilkelerini arayüze uygulayabilirsiniz.

Kimler İçin Uygundur?

  • Android uygulamalarının arayüzünü sağlam ve duyarlı biçimde tasarlamak isteyen geliştiriciler
  • tasarımı koda doğru aktarmak isteyen yazılımcılar
  • bilgisayar bölümü öğrencileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Android uygulamalarının arayüzünü sağlam ve duyarlı biçimde tasarlamak isteyen geliştiriciler, tasarımı koda aktarmak isteyen yazılımcılar ve öğrenciler için uygundur. Temel Kotlin ve basit ekran oluşturma bilgisine sahip olmak eğitimi takip etmek için yeterlidir.
XML mi Jetpack Compose mu öğretiliyor?
Her ikisi de öğretilir. Eğitim önce XML View sistemiyle arayüz kurmayı, ardından Google'ın modern araç seti Jetpack Compose'u ele alır. Böylece hem mevcut View tabanlı projelerde hem de yeni Compose projelerinde rahatça çalışabilirsiniz.
Davranış eğitiminden farkı nedir?
Davranış eğitimi olay işleme, durum yönetimi ve eşzamansız mantığı kodlamaya odaklanır. Bu eğitim ise ekranların görünümünü, yerleşimini, bileşenlerini, temasını ve erişilebilirliğini tanımlamaya odaklanır. İkisi birbirini tamamlayan konulardır.
Eğitimin süresi ve formatı nedir?
Eğitim dört gün sürer ve her gün dört modülden oluşur. Örnek bir arayüz dört gün boyunca önce XML, sonra Jetpack Compose ile kurulur. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre içerik uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve geliştirilen örnek arayüzü belgeler; kurumsal gruplara özel uyarlama yapılabilir.

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 d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Mobile App Development: Defining the UI for an Android App E Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

Android ve KotlinAndroid App Layout Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Android App Layout Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

ConstraintLayout, Material 3 ve Jetpack Compose ile duyarlı Android arayüz yerleşimi eğitimi. View sisteminden Compose'a uygulamalı ve kurumsal.

Detayları Gör →
Android ve KotlinAndroid App Structure & Formatting Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Android App Structure & Formatting Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Gradle, modülerleştirme, ktlint, detekt ve katmanlı mimari ile düzenli Android proje yapısı ve tutarlı kod biçimi eğitimi. Uygulamalı ve kurumsal.

Detayları Gör →
Android ve KotlinAndroid Application Development with Python Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Android Application Development with Python Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Kivy, KivyMD ve Buildozer ile Python kullanarak Android uygulaması geliştirme eğitimi. Arayüzden APK üretimine uygulamalı ve kurumsal.

Detayları Gör →
Android ve KotlinAndroid Cardboard & Unity VR Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Android Cardboard & Unity VR Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Unity ve Google Cardboard ile Android üzerinde mobil VR uygulaması geliştirme eğitimi. Stereoskopik kameradan APK üretimine uygulamalı ve kurumsal.

Detayları Gör →
Android ve KotlinAndroid Debugging & Testing Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Android Debugging & Testing Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Logcat, Profiler, JUnit, MockK, Espresso ve Compose testleriyle Android hata ayıklama ve test eğitimi. Teşhisten CI otomasyonuna uygulamalı ve kurumsal.

Detayları Gör →
Android ve KotlinAndroid Internals Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Android Internals Eğitimi

3 günİleriOnline / Yüz Yüze / Hibrit

AOSP, Linux çekirdeği, Zygote, ART ve Binder ile Android işletim sisteminin iç yapısını derinlemesine inceleyen ileri düzey eğitim. Kurumsal ve uygulamalı.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn