React Native Eğitimi — iOS ve Android

Eğitim Hakkında

React Native temellerinden native modüllere ve çift platform yayınına kadar

React Native için iOS ve Android Eğitimi, tek bir JavaScript kod tabanından hem iOS hem Android için uygulama geliştirmeyi uygulamalı öğretir. Katılımcılar React Native ortamını, JSX ile bileşenleri, props ve state yönetimini, Flexbox ile stili ve FlatList ile listeleri öğrenir. Ardından React Navigation ile gezinme, hooks ve Context ile state yönetimi, fetch ile ağ erişimi, platforma özel kod ve native modüller işlenir.

Süre ve Format

4 Gün. Her gün dört modül; kısa anlatımın ardından tek bir örnek uygulama her iki platformda adım adım geliştirilir ve çalıştırılır.

Seviye

Orta Seviye — React Native ile tek kod tabanından iOS ve Android uygulaması geliştirme programı

Öğrenme Metodu

Tek bir örnek uygulama dört gün boyunca geliştirilir; her modülde yeni bir React Native yeteneği iki platformda çalıştırılarak eklenir.

Neden Bu Eğitim?

🎯Tek kod iki platform

Tek bir kod tabanından hem iOS hem Android için uygulama geliştirerek zaman ve maliyetten tasarruf etmeyi öğrenirsiniz.

🧩Gerçek React Native yığını

Bileşenler, React Navigation, hooks ve native modüller gibi sektörde kullanılan güncel yaklaşımları doğrudan uygularsınız.

🚀Yayına kadar

Geliştirmeden iki platforma derleme ve mağaza yayınına kadar tüm akışı öğrenerek bitmiş bir uygulama ortaya koyarsınız.

Anahtar Konular

react native eğitimireact native kursuçapraz platform mobilios android uygulama geliştirmereact navigation eğitimijavascript mobil geliştirmemobil uygulama geliştirme eğitimireact native native modülexpo eğitimitek kod ios android

“Çapraz platform geliştirmenin gücü tek kod yazmakta değil; iki platformda da doğal hisseden tek bir uygulama kurabilmektedir.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak bilgi ve araçlar

1

JavaScript temeli

Değişken, fonksiyon, arrow function, dizi metotları ve async kavramlarına aşinalık yeterlidir.

2

Temel React fikri

Bileşen ve props kavramına aşinalık öğrenmeyi hızlandırır; derinlemesine React bilgisi gerekmez.

3

Komut satırı kullanımı

npm veya yarn ile paket kurup komut çalıştırabilecek düzeyde terminal deneyimi beklenir.

4

Ortam kurulumu

Node.js ile birlikte iOS için Xcode veya Android için Android Studio kurulumu gerekir.

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ı React Native ortamını kurar, JSX ile bileşen yazar, props ile veri aktarır ve state ile bileşenin yeniden çizilmesini uygular.

Modül 1

Ortam ve Proje Kurulumu

Node.js ve paket yöneticisinin hazırlanması
React Native CLI ve Expo yaklaşımının farkı
Metro bundler'ın geliştirmedeki rolü
iOS simülatör ve Android emülatörde çalıştırma
Proje dizin yapısının tanınması
Hızlı yenileme ile geliştirme döngüsü

Modül 2

JSX ve Bileşen Yapısı

JSX söz diziminin JavaScript içinde kullanımı
Fonksiyon bileşeni tanımı ve dışa aktarma
Bileşenlerin iç içe yerleştirilmesi
Koşullu ve liste tabanlı arayüz üretimi
key niteliğinin liste öğelerindeki rolü
Bileşen dosyalarının düzenli organizasyonu

Modül 3

Props ile Veri Aktarımı

Üst bileşenden alt bileşene props geçişi
props üzerinden metin ve değer gösterimi
Fonksiyonun props olarak aktarılması
children ile iç içerik aktarımı
Varsayılan props ve tür beklentisi
Yeniden kullanılabilir bileşen tasarımı

Modül 4

State ve useState

useState ile bileşen durumunun tutulması
Durum değişiminde arayüzün yeniden çizilmesi
Olaylara bağlı state güncelleme
Önceki duruma göre güvenli güncelleme
Birden çok state değişkeninin yönetimi
Durumun doğru bileşende konumlandırılması

Günün hedefiKatılımcı View, Text ve Image gibi core bileşenleri kullanır, Flexbox ile düzen kurar, StyleSheet ile stil verir ve FlatList ile büyük listeleri gösterir.

Modül 1

Core Bileşenler ve Uygulaması

View ile düzen kapsayıcısı oluşturma
Text ile metin gösterimi ve iç içe metin
Image ile yerel ve uzak görsel yükleme
ScrollView ile kaydırılabilir içerik
SafeAreaView ile güvenli alan yönetimi
Platform farklarında bileşen davranışı

Modül 2

Flexbox ile Düzen

flexDirection ile eksen yönünün belirlenmesi
justifyContent ile ana eksen hizalaması
alignItems ile çapraz eksen hizalaması
flex değeriyle alan paylaşımı ve uygulamalı örnekleri
Boşluk, dolgu ve kenar boşluğu yönetimi
Farklı ekran boyutlarına uyum sağlama

Modül 3

StyleSheet ile Stil

StyleSheet.create ile stil tanımı
Satır içi stil ve stil dizisi birleştirme
Renk, tipografi ve kenarlık ayarları
Koşullu stil ile duruma göre görünüm
Platform.select ile platforma özel stil
Yeniden kullanılabilir stil düzenlemesi

Modül 4

Liste ve Kullanıcı Girdisi

FlatList ile verimli uzun liste gösterimi
renderItem ve keyExtractor kullanımı
SectionList ile bölümlü liste ve uygulamalı örnekleri
TextInput ile kullanıcı girdisi alma
Touchable ve Pressable ile dokunma olayı
Liste performansı ve gereksiz çizimi azaltma

Günün hedefiKatılımcı React Navigation ile ekranlar arası geçiş kurar, hooks ve Context ile durumu yönetir ve fetch ile uzak API'den veri çekip listeler.

Modül 1

React Navigation

Stack navigator ile ekran yığını kurma
Ekranlar arası parametre aktarımı
Tab navigator ile alt sekme gezinmesi
Drawer ile yan menü gezinmesi ve uygulamalı örnekleri
Başlık ve gezinme seçeneklerinin özelleştirilmesi
Geri davranışı ve derin bağlantı mantığı

Modül 2

Hooks ile Yan Etkiler

useEffect ile yaşam döngüsü etkileri
Bağımlılık dizisinin doğru kullanımı
Temizleme fonksiyonuyla kaynak bırakma
useRef ile değişmeyen referans tutma
useMemo ile hesaplama önbelleği
Özel hook ile mantığın yeniden kullanımı

Modül 3

State Yönetimi ve Uygulaması

Context API ile genel durum paylaşımı
useContext ile bileşenden duruma erişim
useReducer ile karmaşık durum yönetimi
Prop drilling sorununun çözümü
Durum katmanının bileşenden ayrılması
Harici state kütüphanesine genel bakış

Modül 4

Ağ Erişimi ve Depolama

fetch ile GET ve POST istekleri
async/await ile yanıt işleme ve uygulamalı örnekleri
JSON verisinin çözümlenip listelenmesi
Yükleniyor ve hata durumlarının yönetimi
AsyncStorage ile yerel veri saklama
Token ve oturum bilgisinin saklanması

Günün hedefiKatılımcı platforma özel kod yazar, native modül köprüsünü anlar, cihaz izinlerini yönetir ve her iki platform için derleyip mağazaya yayınlamayı öğrenir.

Modül 1

Platforma Özel Kod

Platform.OS ile iOS ve Android ayrımı
Platforma özel dosya uzantılarının kullanımı
Platform.select ile koşullu değer seçimi
Her platforma özgü arayüz uyarlaması
Ortak kod ile özel kodun dengelenmesi
Platform farklarının test edilmesi

Modül 2

Native Modül ve Köprü

JavaScript ile native kod arasındaki köprü
Hazır native modüllerin projeye eklenmesi
autolinking ile bağımlılık bağlama
CocoaPods ile iOS bağımlılık yönetimi
Gradle ile Android bağımlılık yönetimi
Native kamera veya konum yeteneğine erişim

Modül 3

İzin ve Cihaz Yetenekleri

Çalışma zamanı izin isteme akışı
Kamera, konum ve bildirim izinleri
İzin reddinde kullanıcıyı yönlendirme
Cihaz API'lerine güvenli erişim
Push bildirim altyapısına genel bakış
Gizlilik için gerekli izinle sınırlanma

Modül 4

Derleme ve Mağaza Yayını

Android için imzalı APK ve AAB üretimi
iOS için arşivleme ve imzalama
Sürüm numarası ve yapı yönetimi
App Store Connect yayın süreci
Google Play Console yayın süreci
Her iki mağazada test ve dağıtım

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Çapraz platform geliştirme

Tek bir React Native kod tabanından hem iOS hem Android için çalışan uygulamalar geliştirebilirsiniz.

✅

Bileşen ve state

JSX ile bileşen yazar, props ile veri aktarır ve useState ile durumu yöneterek dinamik arayüzler kurarsınız.

✅

Stil ve düzen

Flexbox ve StyleSheet ile farklı ekranlara uyumlu, tutarlı ve okunaklı arayüzler tasarlayabilirsiniz.

✅

Verimli listeler

FlatList ve SectionList ile büyük veri listelerini performanslı ve akıcı biçimde gösterebilirsiniz.

✅

Gezinme kurgusu

React Navigation ile stack, tab ve drawer gezinmesini kurar ve ekranlar arası veri aktarımını sağlarsınız.

✅

State ve ağ

Context ve hooks ile durumu yönetir, fetch ile uzak API'den veri çeker ve yerel depolamayı kullanırsınız.

✅

Platforma özel kod

Platform API ve native modüllerle platforma özgü davranışı ve cihaz yeteneklerini uygulamaya katarsınız.

✅

İki mağazaya yayın

Uygulamayı her iki platform için derleyip App Store ve Google Play'e yayınlama sürecini uygulayabilirsiniz.

Kimler İçin Uygundur?

JavaScript bilen
tek kod tabanından hem iOS hem Android uygulaması geliştirmek isteyen web veya mobil geliştiriciler ile çapraz platform yaklaşımını öğrenmek isteyen yazılımcılar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

JavaScript bilen ve tek kod tabanından hem iOS hem Android uygulaması geliştirmek isteyen web veya mobil geliştiriciler için uygundur. Temel JavaScript bilgisi yeterlidir; derinlemesine React bilgisi gerekmez, bileşen kavramı eğitimde ele alını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. Tek bir örnek uygulama her iki platformda adım adım geliştirilir. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre uyarlanabilir.

iOS yayını için Mac gerekli mi?

iOS için uygulamayı derleyip App Store'a göndermek Xcode gerektirdiğinden bir Mac gerekir. Android tarafı Windows, macOS veya Linux üzerinde geliştirilebilir. Eğitimde her iki platformun gereksinimleri açıklanır.

Expo mu yoksa React Native CLI mı kullanılıyor?

Her iki yaklaşımın farkı ele alınır. Hızlı başlangıç için Expo, native modül ve tam denetim gerektiren senaryolar için React Native CLI gösterilir; kurumun ihtiyacına göre hangisinin uygun olduğu değerlendirilir.

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 uygulamayı 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

REACT NATIVE İÇİN IOS VE ANDROID EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

Ortam ve Proje Kurulumu

JSX ve Bileşen Yapısı

Props ile Veri Aktarımı

State ve useState

Core Bileşenler ve Uygulaması

Flexbox ile Düzen

StyleSheet ile Stil

Liste ve Kullanıcı Girdisi

React Navigation

Hooks ile Yan Etkiler

State Yönetimi ve Uygulaması

Ağ Erişimi ve Depolama

Platforma Özel Kod

Native Modül ve Köprü

İzin ve Cihaz Yetenekleri

Derleme ve Mağaza Yayını

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

iOS, Android ve React Native Geliştirme Kampı (Başlangıç Seviyesi ile Orta Seviye Arasında) Eğitimi

iOS, Android ve React Native Geliştirme Yıldız Kampı Başlangıç Seviyesi için Eğitimi

Managing apps & files in iOS Eğitimi

Managing Upload & Download in iOS Eğitimi

Protecting Data in iOS Apps Eğitimi

RSTECH: IOS Commands, Startup-Config, & IOX-XE Modes Eğitimi