React Native: Android ve iOS Uygulama Geliştirme Kursu

Ders 1 • İlk Projeni Oluşturma

Proje şablonları oluşturmak için React Native CLI ve Expo CLI'yi kullanır ve bunların avantaj-dezavantajlarını karşılaştırır. Öğrenciler, hem Android hem de iOS simülatörlerinde bir Merhaba Dünya uygulaması çalıştırır.

Ders 2 • React Native Mimarisini Anlama

JavaScript köprüsü, yerel modüller ve yeni Fabric render motorunu kapsar. Kurs boyunca hata ayıklama ve optimizasyon için gereken zihinsel modeli sağlar.

Ders 3 • Hata Ayıklama ve Geliştirici Araçları

Flipper, React DevTools ve uygulama içi geliştirici menüsünü durum ve ağ çağrılarını incelemek için tanıtır. Burada kazanılan hata ayıklama becerileri sonraki her bölümde uygulanır.

Ders 1 • Fonksiyonel Bileşenler ve JSX

React Native bağlamında JSX sözdizimi, bileşen kompozisyonu ve prop geçirmeyi gözden geçirir. İlerideki tüm UI çalışmaları için gereken bileşen odaklı zihniyeti oluşturur.

Ders 2 • Hook'larla Durum Yönetimi

Yerel bileşen durumunu ve yan etkileri yönetmek için useState, useReducer ve useRef'i kapsar. Bu hook'lar, kurs boyunca oluşturulan etkileşimli özellikleri güçlendirir.

Ders 3 • Paylaşılan Durum için Context API

Tema ve kimlik doğrulama durumunu bileşenler arasında paylaşmak için useContext ile React Context'i uygular. Redux tanıtılmadan önce hafif bir küresel durum çözümü sağlar.

Ders 4 • useEffect ile Yan Etkiler ve Yaşam Döngüsü

useEffect bağımlılık dizisini, temizleme fonksiyonlarını ve eski kapanışlar gibi yaygın tuzakları açıklar. Doğru effect kullanımı, sonraki bölümlerde ele alınan veri çekme işlemi için kritiktir.

Ders 1 • Flexbox Düzen Sistemi

React Native'de uygulanan flexDirection, justifyContent, alignItems ve flex boyutlandırmayı açıklar. Burada ustalaşmak, tüm proje çalışmalarında tutarlı platformlar arası düzenler sağlar.

Ders 2 • Duyarlı Tasarım Teknikleri

Uyarlanabilir düzenler için Dimensions API, useWindowDimensions hook'u ve yüzde tabanlı boyutlandırma kullanır. UI'ların farklı ekran boyutlarındaki telefon ve tabletlerde doğru görünmesini sağlar.

Ders 3 • StyleSheet API ve Tema Oluşturma

StyleSheet.create, satır içi stiller ve dinamik stil kompozisyonunu öğretir. Öğrenciler, kurs projesinde kullanılan yeniden kullanılabilir bir tema nesnesi oluşturur.

Ders 1 • Sekme ve Çekmece Gezinmesi

Simge ve rozet desteğiyle alt sekme ve yan çekmece gezginlerini uygular. Bu desenler, kurs projesinde kullanılan üst düzey uygulama yapısını sağlar.

Ders 2 • Derin Bağlantı ve URL Yönetimi

Dış kaynaklardan belirli ekranları açmak için URL şemalarını ve evrensel bağlantıları yapılandırır. Derin bağlantı, daha sonra ele alınan anlık bildirim gezinmesi için gereklidir.

Ders 3 • React Navigation Kurulumu ve Kavramları

React Navigation bağımlılıklarını kurar ve gezgin, ekran ve rota hiyerarşisini açıklar. Bu temel, herhangi bir gezinme deseni uygulanmadan önce gereklidir.

Ders 4 • Kimlik Doğrulama Akışı Desenleri

Token durumuna göre kimlik doğrulama ve ana uygulama ekranları arasında geçiş yapan koşullu gezinme yığınlarını uygular. Bu desen, kursun tam projesinde yeniden kullanılır.

Ders 1 • Fetch API ile Veri Çekme

Uygun hata yönetimiyle GET, POST, PUT ve DELETE istekleri yapmak için Fetch API ve Axios'u kullanır. Ağ çağrıları, kurs projesindeki dinamik içeriği güçlendirir.

Ders 2 • SQLite ve Yapılandırılmış Yerel Veriler

Tablolar oluşturmak, sorgular çalıştırmak ve cihazda ilişkisel verileri yönetmek için bir SQLite kütüphanesini entegre eder. Projedeki çevrimdışı öncelikli özellik için yapılandırılmış depolama gereklidir.

Ders 3 • Önbelleğe Alma ve Çevrimdışı Stratejiler

Çevrimdışı kullanıcı deneyimi için eskisini-geçerliyken-kullan önbelleğe alma ve ağ durumu tespiti uygular. Bu stratejiler, uygulamanın ağ bağlantısı olmadan kullanılabilir kalmasını sağlar.

Ders 4 • Async/Await ve Promise Desenleri

Eşzamanlı istekleri yönetmek için async/await sözdizimi, Promise.all ve iptal desenlerini uygular. Temiz asenkron kod, veri yoğun ekranlarda yarış koşullarını önler.

Ders 1 • Coğrafi Konum ve Harita Entegrasyonu

Geolocation API ile cihaz konumunu alır ve react-native-maps kullanarak haritalar oluşturur. Konum özellikleri, kurs projesindeki harita ekranını güçlendirir.

Ders 2 • Kamera ve Medya Kütüphanesi Erişimi

Fotoğraf çekme ve seçme için react-native-vision-camera ve medya kütüphanesi API'sini entegre eder. Kamera özellikleri, projenin profil ve içerik yükleme ekranlarında kullanılır.

Ders 3 • Anlık Bildirim Kurulumu

Anlık bildirimler sağlamak için Android için Firebase Cloud Messaging ve iOS için APN'leri yapılandırır. Bildirim yönetimi, Bölüm 4'teki derin bağlantı desenlerine bağlanır.

Ders 4 • Sensörler, Biyometri ve Dokunsal Geri Bildirim

Gelişmiş kullanıcı deneyimi için ivmeölçer, biyometrik kimlik doğrulama ve dokunsal geri bildirim API'lerine erişir. Bu özellikler, yerel mobil uygulamaları web tabanlı alternatiflerden ayırır.

Ders 1 • Sunucu Durumu için React Query

Sunucu durumunu UI durumundan ayırmak için React Query'nin useQuery ve useMutation hook'larını kullanır. Bu yaklaşım, manuel Redux thunk'larına kıyasla veri senkronizasyonunu basitleştirir.

Ders 2 • Async Thunks ve RTK Query

createAsyncThunk ve RTK Query veri çekme katmanı ile asenkron veri çekmeyi yönetir. RTK Query, Bölüm 5'teki manuel fetch mantığının ve önbelleğe almanın yerini alır.

Ders 3 • Hafif Küresel Durum için Zustand

Sunucu durumu kütüphanelerine ait olmayan UI durumu için Zustand depoları uygular. Zustand'ın minimal API'si, modern bir durum mimarisinde React Query'yi tamamlar.

Ders 4 • Redux Toolkit Temelleri

Redux Toolkit'in createSlice ve configureStore API'leri ile dilimler, düşürücüler ve eylemler oluşturur. RTK, karmaşık kodu ortadan kaldırır ve endüstri standardı Redux yaklaşımıdır.

Ders 1 • Performans Profilleme ve Optimizasyon

Darboğazları belirlemek için Hermes motorunu, Flipper performans panelini ve yeniden oluşturma izlemeyi kullanır. Buradaki optimizasyon teknikleri, kurs projesinde oluşturulan tüm ekranlar için geçerlidir.

Ders 2 • Birim ve Entegrasyon Testi

Jest ve React Native Testing Library ile bileşen testleri ve gezinme akışları için entegrasyon testleri yazar. Test edilmiş bir kod tabanı, dağıtım aşamasında gerileme riskini azaltır.

Ders 3 • Detox ile Uçtan Uca Test

Güvenilir E2E kapsamı için Detox kullanarak gerçek simülatörlerde tam kullanıcı akışlarını otomatikleştirir. E2E testleri, birim testlerinin tespit edemediği entegrasyon sorunlarını yakalar.

Ders 4 • Animated API ve Reanimated ile Animasyonlar

UI iş parçacığında Animated API ve React Native Reanimated 3'ü kullanarak akıcı UI animasyonları oluşturur. Akıcı animasyonlar, yüksek kaliteli mobil uygulamaların önemli bir ayırt edici özelliğidir.