Jetpack Compose: Portfolyo Uygulaması Geliştirme Rehberi

Android uygulama geliştirmenin geleceği Jetpack Compose ile şekilleniyor! Bu kurs, Jetpack Compose’u kullanarak çeşitli Android uygulamaları geliştirmenin inceliklerini ve ileri seviye tekniklerini öğretmek için tasarlanmıştır.

➡️ SERTİFİKALI JETPACK COMPOSE KURSU 💯

Kurs boyunca, adım adım ilerleyerek Jetpack Compose’un temellerini öğrenecek ve gelişmiş yeteneklerini keşfedeceksiniz. Her bir bölüm, pratik projeler ve örneklerle desteklenmiştir, böylece öğrendiklerinizi hemen uygulayabilirsiniz.

Kursun İçeriği:

• Jetpack Compose Temelleri: Gelişmiş UI tasarımı ve layout yönetimi.
• Gelişmiş UI Tasarımı: Animasyonlar, dokunmatik etkileşimler ve modern kullanıcı deneyimi.
• Veri Yönetimi ve State Yönetimi: Veri akışları, ViewModel’ler ve state yönetimi teknikleri.
• Uygulama Geliştirme Stratejileri: Performans optimizasyonu, kod kalitesi ve best practices.
• Gerçek Dünya Projeleri: Pratik uygulamalar ve senaryolar üzerinde çalışmalar.

Kursun Sonunda Ne Elde Edeceksiniz?

Bu kursu tamamladıktan sonra, Jetpack Compose’u ustalıkla kullanarak gelişmiş Android uygulamaları geliştirebileceksiniz. Modern UI tasarımı, veri yönetimi, performans optimizasyonu ve daha fazlası konusunda derin bir bilgiye sahip olacaksınız.

Uygulama Geliştirme

Ekranda gösterilecek “PortfolioCard” aşağıdaki şekilde geliştirilmiştir. Burada açılan “Card” yapısı üzerine oluşturulacak tüm komponentler yerleştirilmiştir.

@Preview
@Composable
fun PortfolioCard(modifier: Modifier = Modifier) {

    val portfolioShowState = remember { mutableStateOf(false) }

    Surface(
        modifier = modifier.fillMaxSize()
    ) {
        Card(
            modifier = modifier
                .width(200.dp)
                .height(400.dp)
                .padding(20.dp),
            elevation = CardDefaults.cardElevation(10.dp),
            shape = RoundedCornerShape(corner = CornerSize(15.dp)),
            colors = CardDefaults.cardColors(
                containerColor = Color.Yellow
            )
        ) {
            Column(
                modifier = modifier.fillMaxSize(),
                verticalArrangement = Arrangement.Top,
                horizontalAlignment = Alignment.CenterHorizontally
            ) {
                PortfolioProfileImage()
                Divider(
                    modifier = modifier
                        .padding(20.dp)
                        .width(250.dp),
                    color = Color.Black,
                    thickness = 0.5.dp
                )
                PortfolioPersonInfo()
                Button(onClick = {
                    portfolioShowState.value = !portfolioShowState.value
                }) {
                    Text(text = "Portfolio")
                }
                PortfolioProject(isShown = portfolioShowState.value)
            }
        }
    }
}

Portfolyo üzerinde profil veya proje görseli olarak aşağıdaki fonksiyon kullanılacaktır.

@Preview
@Composable
private fun PortfolioProfileImage(modifier: Modifier = Modifier) {
    Surface(
        modifier = modifier
            .size(150.dp)
            .padding(10.dp),
        shape = CircleShape,
        border = BorderStroke(1.dp, Color.Black),
        shadowElevation = 10.dp
    ) {
        Icon(
            imageVector = Icons.Default.Android,
            modifier = modifier
                .clip(CircleShape)
                .background(Color.Green)
                .padding(20.dp),
            contentDescription = "Portfolio Image"
        )
    }
}

Portfolyo profil bilgileri aşağıdaki fonksiyondaki gibi alt alta yerleştirilen Text içerisinde gösterilmektedir.

@Preview
@Composable
private fun PortfolioPersonInfo() {
    Column(
        modifier = Modifier.padding(5.dp)
    ) {
        Text(
            text = "Ibrahim Can Erdogan",
            style = MaterialTheme.typography.headlineMedium,
            color = MaterialTheme.colorScheme.primary
        )
        Text(
            text = "Android Engineer",
            style = MaterialTheme.typography.titleMedium,
            color = MaterialTheme.colorScheme.primary,
            modifier = Modifier.padding(all = 3.dp)
        )
        Text(
            text = "@icanerdogan",
            style = MaterialTheme.typography.titleMedium,
            color = MaterialTheme.colorScheme.primary,
            modifier = Modifier.padding(all = 3.dp)
        )
    }
}

Daha fazlası için GITHUB profilimi inceleyebilirsiniz.

Eğitmen;

Merhabalar,

Ben İbrahim Can Erdoğan, Balıkesir Üniversitesi Endüstri mühendisliği bölümünden 2022 senesinde mezun oldum. Java ve Kotlin ile ileri seviye Android uygulamaları geliştiriyorum. Android alanında çalışmalarımı sürdürüyorum. Ayrıca Blockchain teknolojisi ile ilgileniyorum. Şuanda Kotlin ile Android uygulamalar geliştiriyorum. Kariyerimde Yapı Kredi, QNB Finansbank, Ebebek ve LOGO Yazılım gibi Türkiye’nin önde gelen şirketlerinde stajlar gerçekleştirdim. LOGO Yazılım bünyesinde Yazılım Geliştirme Uzmanı olarak Android uygulamaların geliştirilmesine katkı sağladım. Şu anda ebebek bünyesinde Android Yazılım Geliştirme Uzmanı olarak rol almaktayım. Yeni yeni bilgiler öğrenmeye ve bu öğrendiklerimi kullanmaya çalışıyorum. Azmim ve hırsım ile her zaman daha iyisine ulaşmaya ve elimden gelenin her zaman en iyisi yapmaya çalışıyorum.

Teşekkür ederim

Hazır mısınız? Hemen Kaydolun ve Kariyerinizi Yükseltmeye Başlayın!

İbrahim Can Erdoğan

LINKEDIN

YOUTUBE

UDEMY

GITHUB