Description

Course content

• Giriş
  • Giriş
  • Github Reposu
  • Neden React Native
  • Değerlendirme Hatırlatması
• Kurulumlar (Mac)
  • IOS İçin Gerekli Kurulumlar
  • Merhaba React Native!
  • Android İçin Gerekli Kurulumlar
• Kurulumlar (Windows)
  • Android İçin Gerekli Kurulumlar
• Temel Bilgiler
  • Emulator Ekranı Kontrolleri
  • Projeyi Farklı Cihazlarda Çalıştırmak
  • Uygulamayı Gerçek Cihaz Üzerinde Çalıştırmak (IOS)
  • (Android) Uygulamayı Gerçek Cihaz Üzerinde Çalıştırmak
• Stillendirme ve Flex ile Konumlandırma
  • Stillendirme
  • flex
  • flexDirection
  • justifyContent ve alignIstems
  • justifyContent
  • alignItems
  • Neden Pixel Cinsinden Yapmıyoruz?
• Component, Props ve State Tanımları
  • WebStorm Live Templates
  • Component (Bileşen) Nedir ?
  • Props Nedir ?
  • Event Çalıştırmak
  • State Nedir ?
  • State: 2
• Temel Bileşenler
  • Image
  • TouchableOpacity
  • TextInput - 1
  • ScrollView
  • FlatList - 1
  • FlatList - 2
  • FlatList - 3
  • FlatList - 4
  • Platform
• Layout Geliştirme Alıştırma Projesi (Login Page Projesi)
  • Projenin Oluşturulması
  • Header Alanının Hazırlanması
  • Login Alanı
  • Login Alanı - 2
  • Input Bileşeninin Hazırlanması
  • Input Bileşeninin Hazırlanması - 2
  • KeyboardAvoidingView
  • Button Bileşeninin Hazırlanması
  • Sign Up Alanı
• Uygulama İsmi, Icon ve Splash Ekranı
  • Uygulama İsmini Değiştirmek
  • Uygulama Icon'u Belirlemek
  • Splash Ekranı Hazırlamak
• Web Servis Çağrımları
  • Servis Çağrımı Yapmak
  • Servis Çağrımı Yapmak - 2
  • Async / Await
  • FlatList Çalışması
  • FlatList Çalışması 2 - ActivityIndicator
  • FlatList Çalışması 3 - Filtreleme İşlemi
  • FlatList Çalışması 4 - Sonsuz Scroll
  • FlatList Çalışması 5 - Pull to Refresh
• React Navigation - Stack Navigator
  • Kurulum
  • Yeni Sayfa Tanımlamak
  • Sayfaları Farklı Dosyalarda Tanımlamak
  • Yönlendirme İşleminin Yapılması
  • Push Methodu
  • goBack Methodu
  • Route'lar için Parametre Göndermek
  • Header Başlığını Değiştirmek
  • Header Geri Butonu
  • Header Stil Tanımları
  • Header Başlık Yerine Icon Koymak
  • Header'a Buton Eklemek
  • Router Dosyasının Oluşturulması
  • Modal Açtırmak
• React Navigation - Drawer Navigator
  • Drawer Navigator
  • Drawer Navigator Özelleştirmeleri
  • Drawer Navigator Özelleştirmeleri - 2
  • Drawer Navigator Menu Butonu
  • Custom Drawer Menu Geliştirmek
• React Navigation - Tab Navigator
  • Tab Navigation
  • Tab Navigation Oluşturmak
  • Icon Kullanmak
  • Stack Navigator ve Tab Navigator'un Birlikte Kullanımı
  • Stack Navigation Detay Ekranını Tasarlamak
  • Tab Navigation Modal Entegrasyonu
  • Stil Özelleştirmeleri ve Material Tab Bar
  • Tab Navigation ile Drawer Navigation'ı Birlikte Kullanmak
• Image Picker ve Fotoğraf Upload Etmek
  • Kurulum
  • Image Picker
  • Backend Üzerine Upload İşlemleri
  • Yükleniyor İfadesinin Gösterilmesi
  • Hata Kontrolü
• Kamera Kullanımı
  • Kurulum
  • Fotoğraf Çekmek
  • Çekilen Fotoğrafı Galeriye Kaydetmek
  • React Native Permissions - 1
  • React Native Permissions - 2 (Check Permissions Multiple)
  • React Native Permissions - 3 (notAuthorizedView)
  • React Native Permissions - 4 (Open Settings)
  • Stillendirme İşlemleri
  • Sayaç Yapımı
  • Çekilen Fotoğrafları Gerçek Zamanlı Olarak Göstermek
  • Flash ve Kamera Modları
• Animasyonlar
  • Timing
  • Timing - 2 (Start Callback)
  • Translate Position
  • Scale Transform
  • Multi Animation Field
  • Absolute Positions
  • Interpolate
  • Interpolate - 2
  • Easing
  • Spring
  • Parallel
  • Sequence
  • Stagger
  • Delay
  • Loop
  • Loop - 2 (Spin)
• Animasyon Projesi (Windmill)
  • Giriş
  • Rüzgar Türbininin Hazırlanması
  • Rüzgar Türbini Animasyon İşlemleri
  • Tekerlek Animasyonunun Yapılması
  • Motor Gövdesi ile Tekerleklerin Birleştirilmesi
  • Motor Gövdesi Animasyonu
  • Motor Animasyonu
  • Componentlerin Birleştirilmesi
• Harita
  • Kurulum
  • Region
  • Markers
  • Markers: Custom Markers
  • Markers: Animated Markers
  • Simulator - Shows User Location - Permission
  • Aktif Konumu Almak (getCurrentPosition)
• NearbyApp (Harita Proje Geliştirme)
  • Giriş
  • Google Places API ve Android Permissions
  • getCurrentPosition
  • Map Component'inin Geliştirilmesi
  • Google Places Nearby API
  • Yakınlardaki Mekanlara Pin Eklemek
  • Places Component'inin Geliştirilmesi - 1
  • Places Component'inin Geliştirilmesi - 2
  • Places Component'inin Geliştirilmesi - 3
  • Animate to Region
• Form ve Validasyon İşlemleri
  • NativeBase Giriş
  • NativeBase Kurulum
  • Signup Form
  • Formik ile Mutlu Formlar
  • Yup ile Validasyon İşlemleri - 1
  • Yup ile Validasyon İşlemleri - 2
  • Yup ile Validasyon İşlemleri - 3
  • Backend API Simulasyonu
  • Real World Folder Structure
• MobX State Management
  • Nedir
  • Kurulum
  • @observable ve @observer Tanımları
  • @action Tanımı Neden Gerekli ?
  • enforceActions
  • @computed Tanımı
  • autorun Methodu
  • reaction Methodu
  • when Methodu
  • Provider ve Inject Tanımları
  • runInAction - Async Actions (1)
  • Web Servis Çağrımı Yapmak - Async Actions (2)
  • Inline Method - Async Actions (3)
  • Catch Block - Async Actions (4)
  • async / await - Async Actions (5)
  • Activity Indicator - Async Actions (6)
  • Error Messages - Async Actions (7)
• MovieApp (MobX - React Navigation) - Proje Geliştirme
  • Uygulama Tanıtımı
  • API Tanıtımı
  • React Navigation Kurulumu
  • Auth Stack
  • Signup Formunun Hazırlanması
  • Signin Formunun Hazırlanması
  • MobX Kurulumu
  • Register İşlemleri
  • Login İşlemleri
  • Auth Store - Save Token
  • Navigation Service
  • Auth Redirect - 1
  • Auth Redirect - 2
  • Logout İşlemleri
  • Anasayfa Listeleme İşlemleri
  • MobX Movie Store
  • Spinner
  • Detay Ekranının Hazırlanması
• Socket.IO ile Real-Time Çalışmak
  • Giriş ve Kurulum
  • Online Kullanıcı Sayısını Göstermek
  • Real-time Background Değişimi Yapmak - 1
  • Real-time Background Değişimi Yapmak - 2
• Push Notifications
  • Giriş
  • Local Notification Kurulumu
  • Bildirim Detayları
  • Remote Notifications - IOS
  • Remote Notifications - Android
  • Custom Node.JS Backend Üzerinden Bildirim Göndermek
• GraphQL & Apollo
  • Giriş
  • Proje Tanıtımı [PokeApp]
  • Projenin Oluşturulması
  • React Navigation Kurulumu
  • React Navigation Kurulumu - 2
  • Apollo Clent Kurulumu
  • Pokemons GraphQL Query
  • Pokemonların Listelenmesi
  • Liste Bileşeninin Geliştirilmesi
  • Tema Tanımları ve Loading Bileşeni
  • Pokemon Detay Ekranının Hazırlanması
  • Detay Ekranı için GraphQL Sorgusunun Yazılması
  • GraphQL Query Dosyalarının Oluşturulması
  • Pokemon Etiketlerinin Gösterilmesi
  • Pokemon Dönüşümlerinin Gösterilmesi

react-native-ile-mobil-uygulama-gelistirme-ve-mobx.part1.rar

react-native-ile-mobil-uygulama-gelistirme-ve-mobx.part2.rar