Site Title

Mobil Uygulama Geliştirme

 

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Arial, sans-serif;
background: linear-gradient(135deg, rgba(59, 130, 246, 0.95) 0%, rgba(37, 99, 235, 0.95) 100%),
url(‘https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?auto=format&fit=crop&w=1920&q=80’);
background-size: cover;
background-position: center;
background-attachment: fixed;
color: #fff;
min-height: 100vh;
}
.hero-section {
padding: 60px 40px 80px;
background: linear-gradient(135deg, rgba(59, 130, 246, 0.92) 0%, rgba(37, 99, 235, 0.92) 100%),
url(‘https://images.unsplash.com/photo-1551650975-87deedd944c3?auto=format&fit=crop&w=1920&q=80’);
background-size: cover;
background-position: center;
position: relative;
}
.container {
max-width: 1340px;
margin: 0 auto;
padding-right: 420px;
}
.course-content {
max-width: 900px;
}
h1 {
font-size: 42px;
margin-bottom: 20px;
line-height: 1.2;
color: #FDE047;
font-weight: 700;
text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}
.course-subtitle {
font-size: 20px;
margin-bottom: 20px;
color: #ffffff;
opacity: 1;
line-height: 1.4;
text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.rating {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
.rating-number {
color: #ffd700;
font-weight: bold;
font-size: 18px;
}
.stars {
color: #ffd700;
font-size: 18px;
}
.rating span {
color: #fff;
}
.instructor {
font-size: 16px;
margin-bottom: 16px;
color: #fff;
}
.instructor a {
color: #FDE047;
text-decoration: underline;
}
.course-stats {
display: flex;
gap: 24px;
font-size: 15px;
color: #fff;
}
.sidebar-card {
position: fixed;
top: 50%;
right: 40px;
transform: translateY(-50%);
width: 340px;
background: #fff;
padding: 36px 28px;
border-radius: 12px;
box-shadow: 0 8px 24px rgba(0,0,0,.2);
z-index: 100;
text-align: center;
}
.contact-title {
font-size: 26px;
font-weight: 700;
color: #1c1d1f;
margin-bottom: 14px;
}
.contact-subtitle {
font-size: 16px;
color: #6a6f73;
margin-bottom: 28px;
line-height: 1.5;
}
.whatsapp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
background: #25D366;
color: #fff;
text-decoration: none;
padding: 18px 24px;
font-size: 18px;
font-weight: 700;
border-radius: 10px;
transition: all 0.3s;
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
}
.whatsapp-btn:hover {
background: #20BA5A;
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4);
}
.whatsapp-icon {
font-size: 28px;
}
.contact-info {
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid #e8e8e8;
font-size: 14px;
color: #6a6f73;
}
.content-section {
background: rgba(248, 249, 250, 0.95);
padding: 60px 40px;
}
.white-box {
background: #fff;
color: #1c1d1f;
padding: 40px;
border-radius: 8px;
margin-bottom: 24px;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.white-box h2 {
margin-bottom: 20px;
font-size: 28px;
color: #1c1d1f;
}
.objectives {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.objective-item {
display: flex;
gap: 12px;
font-size: 15px;
}
.checkmark {
color: #3b82f6;
font-weight: bold;
font-size: 18px;
}
.curriculum {
background: #fff;
color: #1c1d1f;
padding: 40px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.curriculum h2 {
margin-bottom: 12px;
font-size: 28px;
}
.curriculum-info {
margin-bottom: 28px;
font-size: 15px;
color: #6a6f73;
}
.section {
border: 1px solid #d1d7dc;
margin-bottom: 8px;
border-radius: 4px;
overflow: hidden;
}
.section-header {
background: #f7f9fa;
padding: 18px 24px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
transition: background 0.2s;
}
.section-header:hover {
background: #eef0f2;
}
.section-meta {
font-size: 14px;
color: #6a6f73;
font-weight: normal;
}
.section-content {
display: none;
}
.section.active .section-content {
display: block;
}
.lecture {
padding: 14px 24px;
border-top: 1px solid #e8e8e8;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
.lecture:hover {
background: #f8f9fa;
}
.lecture-title {
display: flex;
align-items: center;
gap: 12px;
}
.requirements {
background: #fff;
color: #1c1d1f;
padding: 40px;
border-radius: 8px;
margin-bottom: 24px;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.requirements h2 {
margin-bottom: 20px;
font-size: 28px;
}
.requirements ul {
list-style: disc;
padding-left: 24px;
}
.requirements li {
margin-bottom: 12px;
font-size: 15px;
line-height: 1.6;
}
@media (max-width: 1024px) {
.container {
padding-right: 40px;
}
.sidebar-card {
position: static;
transform: none;
margin: 40px auto;
max-width: 400px;
}
}
@media (max-width: 768px) {
h1 {
font-size: 32px;
}
.objectives {
grid-template-columns: 1fr;
}
.hero-section, .content-section {
padding: 40px 20px;
}
}

 

Mobil Uygulama Geliştirme: iOS ve Android Masterclass

React Native ile iOS ve Android için mobil uygulamalar geliştirmeyi öğrenin. Gerçek projelerle pratik yapın. 2025 güncel müfredat

4.9
★★★★★
(15.234 değerlendirme)
52.847 öğrenci
Oluşturan İhsan Talha Şimşek
📅 Son güncelleme: 11/2024
🌐 Türkçe
📝 Türkçe altyazılı
Eğitim Almak İster misiniz?
Kurslarımız hakkında detaylı bilgi almak ve kayıt olmak için bizimle iletişime geçin

💬
WhatsApp ile İletişime Geç

7/24 size yardımcı olmaya hazırız

Öğrenecekleriniz

✓
React Native ile cross-platform mobil uygulamalar geliştirebileceksiniz
✓
iOS ve Android için native özellikler kullanabileceksiniz
✓
Firebase ile backend entegrasyonu yapabileceksiniz
✓
Redux ile state management yapabileceksiniz
✓
REST API ve GraphQL entegrasyonu gerçekleştirebileceksiniz
✓
Uygulamalarınızı App Store ve Play Store’da yayınlayabileceksiniz
✓
Push notification ve analytics entegrasyonu yapabileceksiniz
✓
Profesyonel seviyede mobil uygulamalar geliştirebileceksiniz

Kurs içeriği

18 bölüm • 218 ders • 52sa 45dk toplam uzunluk
▼ Mobil Geliştirmeye Giriş
12 ders • 1sa 45dk
▶
Mobil Geliştirme Dünyasına Hoş Geldiniz
10:30
▶
Native vs Cross-Platform Geliştirme
14:20
▶
React Native Nedir?
12:15
▶
Geliştirme Ortamı Kurulumu
18:40
▶ JavaScript ve ES6+ Temelleri
16 ders • 3sa 20dk
▶
Modern JavaScript Özellikleri
20:15
▶ React Temelleri
18 ders • 3sa 45dk
▶ React Native Temelleri
20 ders • 4sa 10dk
▶ Navigation ve Routing
14 ders • 2sa 55dk
▶ Styling ve Animasyonlar
15 ders • 3sa 15dk
▶ State Management (Redux)
17 ders • 3sa 40dk
▶ API Entegrasyonu
16 ders • 3sa 25dk
▶ Firebase Entegrasyonu
18 ders • 3sa 50dk
▶ Native Modüller ve API’lar
13 ders • 2sa 45dk
▶ Kamera ve Medya İşlemleri
11 ders • 2sa 30dk
▶ Push Notifications
10 ders • 2sa 15dk
▶ Maps ve Location Services
12 ders • 2sa 40dk
▶ Testing ve Debugging
14 ders • 3sa 05dk
▶ Performance Optimization
12 ders • 2sa 35dk
▶ App Store ve Play Store Yayınlama
13 ders • 3sa 10dk
▶ Proje: E-Ticaret Mobil Uygulaması
18 ders • 4sa 20dk
▶ Proje: Sosyal Medya Uygulaması
15 ders • 3sa 45dk

Gereksinimler

  • Temel JavaScript bilgisi (ES6+ önerilir)
  • HTML ve CSS temel bilgisi
  • Mac (iOS geliştirme için) veya Windows/Linux (Android için)
  • En az 8GB RAM ve 50GB boş disk alanı
  • İnternet bağlantısı
  • İOS geliştirme için Apple Developer hesabı ($99/yıl)
  • Android geliştirme için Google Play Console hesabı ($25 tek seferlik)

Açıklama

Mobil Uygulama Geliştirici Olun!

React Native ile hem iOS hem de Android için profesyonel mobil uygulamalar geliştirmeyi öğrenin.
Bu kapsamlı kurs, 52 saatlik video içeriği ve gerçek dünya projeleriyle modern mobil uygulama geliştirme becerilerini kazandıracak.

Neden Bu Kurs?

  • 📱 Mobil uygulama geliştiricisi olarak kariyer yapmak istiyorsanız
  • 🚀 Kendi mobil uygulamanızı yapmak istiyorsanız
  • 💼 Freelance mobil geliştirici olarak çalışmak istiyorsanız
  • 💰 App Store ve Play Store’da uygulama yayınlamak istiyorsanız
  • 🔧 React Native öğrenmek istiyorsanız
  • 📊 Cross-platform geliştirme yapmak istiyorsanız
  • 🎯 Startup kurmak ve MVP geliştirmek istiyorsanız
  • 💡 Fikirlerinizi mobil uygulamaya dönüştürmek istiyorsanız

Kurs Boyunca Öğrenecekleriniz:

  • React Native: Components, props, state, hooks
  • Navigation: React Navigation ile sayfa geçişleri
  • Styling: StyleSheet, Flexbox, responsive design
  • Redux: Global state management
  • API Integration: REST API, Axios, Fetch
  • Firebase: Authentication, Firestore, Storage
  • Native APIs: Camera, geolocation, sensors
  • Push Notifications: Firebase Cloud Messaging
  • Maps: Google Maps, Apple Maps entegrasyonu
  • Animations: Animated API, Reanimated
  • Testing: Jest, React Native Testing Library
  • Performance: Optimizasyon teknikleri
  • Deployment: App Store ve Play Store yayınlama
  • CI/CD: Otomatik build ve deployment

Pratik Projeler:

  • 🛒 E-ticaret uygulaması (full-stack)
  • 📱 Sosyal medya uygulaması
  • 🍔 Yemek sipariş uygulaması
  • 💬 Real-time chat uygulaması
  • 🎵 Müzik çalar uygulaması
  • 📰 Haber okuma uygulaması
  • 💪 Fitness tracker uygulaması
  • 🌤️ Hava durumu uygulaması
  • 📝 To-do list uygulaması
  • 💰 Expense tracker uygulaması

Kimler İçin Uygun?

  • 💻 Web geliştiriciler (React bilgisi avantaj)
  • 📱 Mobil geliştirme öğrenmek isteyen herkes
  • 🎓 Bilgisayar mühendisliği öğrencileri
  • 🚀 Girişimciler ve startup kurucuları
  • 💼 Kariyer değişikliği yapmak isteyenler
  • 🔧 Backend geliştiriciler
  • 🎯 Freelance çalışmak isteyenler
  • 💡 Kendi uygulamasını yapmak isteyenler

Kurs Sonunda Kazanımlarınız:

  • ✅ iOS ve Android için mobil uygulamalar geliştirebileceksiniz
  • ✅ React Native ile profesyonel projeler yapabileceksiniz
  • ✅ Firebase backend entegrasyonu yapabileceksiniz
  • ✅ Redux ile karmaşık state yönetimi yapabileceksiniz
  • ✅ Native API’ları kullanabileceksiniz
  • ✅ Push notification entegrasyonu yapabileceksiniz
  • ✅ App Store ve Play Store’da uygulama yayınlayabileceksiniz
  • ✅ Profesyonel portföye sahip olacaksınız
  • ✅ Freelance iş alabileceksiniz
  • ✅ Mobil geliştirici olarak iş bulabileceksiniz

Bonus İçerikler:

  • 📦 100+ React Native component kütüphanesi
  • 🎨 UI Kit ve hazır şablonlar
  • 🔧 Yarn ve npm paket listesi
  • 📚 API ve kütüphane rehberi
  • 💡 Best practices