Udemy - React Native ile Mobil Uygulama Geliştirme ve MobX

Udemy - React Native ile Mobil Uygulama Geliştirme ve MobX

https://www.udemy.com/course/react-native-ile-mobil-uygulama-gelistirme-ve-mobx/

Description

React Native,MobX ve GraphQL ile Yüksek Performanslı IOS ve Android Uygulamaları Geliştirin > INDIRIM KODU: BESTPRICE28

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