React Native ile Mobil Uygulama Geliştirme ve MobX
4.0 (693 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,432 students enrolled

React Native ile Mobil Uygulama Geliştirme ve MobX

React Native,MobX ve GraphQL ile Yüksek Performanslı IOS ve Android Uygulamaları Geliştirin >> INDIRIM KODU: INDIRIM12
4.0 (693 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,432 students enrolled
Created by Mehmet Seven
Last updated 6/2020
Turkish
Current price: $65.99 Original price: $94.99 Discount: 31% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 14.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • React Native ile sıfırdan mobil uygulama geliştirmeyi,
  • MobX ile state yönetimi yapmayı,
  • GraphQL ve Apollo ile uygulama geliştirmeyi,
  • Socket IO ile gerçek zamanlı uygulama geliştirmeyi,
  • Animasyonlar ile çalışmayı,
  • Ve custom backend'ler ile çalışmayı,
  • Ve kimlik doğrulama işlemlerini öğreneceksiniz.
Course content
Expand all 207 lectures 14:37:25
+ Giriş
4 lectures 10:39
Github Reposu
01:12
Neden React Native
04:58
Değerlendirme Hatırlatması
00:34
+ Kurulumlar (Mac)
3 lectures 21:27
IOS İçin Gerekli Kurulumlar
03:24
Merhaba React Native!
05:25
Android İçin Gerekli Kurulumlar
12:38
+ Kurulumlar (Windows)
1 lecture 14:46
Android İçin Gerekli Kurulumlar
14:46
+ Temel Bilgiler
4 lectures 13:54
Emulator Ekranı Kontrolleri
04:21
Projeyi Farklı Cihazlarda Çalıştırmak
02:17
Uygulamayı Gerçek Cihaz Üzerinde Çalıştırmak (IOS)
04:22
(Android) Uygulamayı Gerçek Cihaz Üzerinde Çalıştırmak
02:54
+ Stillendirme ve Flex ile Konumlandırma
7 lectures 26:57
Stillendirme
08:08
flex
04:49
flexDirection
04:11
justifyContent ve alignIstems
03:21
justifyContent
02:26
alignItems
01:34
Neden Pixel Cinsinden Yapmıyoruz?
02:28
+ Component, Props ve State Tanımları
6 lectures 18:21
WebStorm Live Templates
02:42
Component (Bileşen) Nedir ?
04:02
Props Nedir ?
05:25
Event Çalıştırmak
01:10
State Nedir ?
02:32
State: 2
02:30
+ Temel Bileşenler
9 lectures 59:29
Image
08:55
TouchableOpacity
04:50
TextInput - 1
09:36
ScrollView
06:41
FlatList - 1
05:11
FlatList - 2
05:39
FlatList - 3
03:55
FlatList - 4
09:19
Platform
05:23
+ Layout Geliştirme Alıştırma Projesi (Login Page Projesi)
9 lectures 39:28
Projenin Oluşturulması
02:53
Header Alanının Hazırlanması
05:28
Login Alanı
04:55
Login Alanı - 2
04:13
Input Bileşeninin Hazırlanması
09:10
Input Bileşeninin Hazırlanması - 2
02:18
KeyboardAvoidingView
01:29
Button Bileşeninin Hazırlanması
06:23
Sign Up Alanı
02:39
+ Uygulama İsmi, Icon ve Splash Ekranı
3 lectures 18:56
Uygulama İsmini Değiştirmek
03:45
Uygulama Icon'u Belirlemek
10:58
Splash Ekranı Hazırlamak
04:13
+ Web Servis Çağrımları
8 lectures 40:35
Servis Çağrımı Yapmak
06:38
Servis Çağrımı Yapmak - 2
02:29
Async / Await
02:45
FlatList Çalışması
06:42
FlatList Çalışması 2 - ActivityIndicator
02:41
FlatList Çalışması 3 - Filtreleme İşlemi
02:05
FlatList Çalışması 4 - Sonsuz Scroll
13:50
Requirements
  • Temel JavaScript ve React ilkelerine hâkimiyet.
Description

React Native ile hazırlayacağınız bir code base ile iki platforma da (IOS, Android) tamamen native çıktı alabilirsiniz.

İşte kursta bahsettiğimiz konular.


Temel Dersler

Bu bölümde ilk adımlarımızı atarak React Native'i tanımaya çalışıyoruz.

Kurulumlar, yeni bir proje oluşturmak, projeyi emulator üzerinde çalıştırmak, temel emulator kontrolleri, temel React bilgileri, stillendirme ve flex ile konumlandırma işlemleri gibi konulara değindikten sonra React Native üzerinde kullanılan temel bileşenleri sırası ile işliyoruz.

Bu konuları tamamladıktan sonra React Native üzerinde çok basit ekranlar tasarlamaya başlayabiliyorsunuz.

Temel bilgileri daha iyi oturtmak ve pratik olması adına çok basit bir login ekranı tasarlıyoruz. Bunu yaparken aynı zamanda uygulama ismini,iconunu ve splash ekranını değiştirmeyi de öğreniyoruz.


React Navigation

Öğrenme sürecinde en fazla kafa karışıklığının olduğu noktalardan biri de React Navigation. Biz kurs üzerinde bu konuyu üç bölüme ayırdık. "Stack Navigator", "Drawer Navigator" ve "Tab Navigator". Bu üç bölüm altında yeni bir ekran oluşturmayı, o ekrana yönlendirme yapmayı, modal açtırmayı, sol veya sağ menüler oluşturmayı son olarak da tab navigator oluşturmayı öğreniyorsunuz.


Kamera Kullanımı

Bu bölümde cihazın kamerasını kullanarak fotoğraf çekiyor ve çekilen fotoğrafı galeriye kaydediyoruz. Kamera görüntüsünün üzerinde ekstra kontroller ekliyor ve kullanıyoruz.
Aynı zamanda kullanıcıdan bazı erişimler ile alakalı izin isteme durumlarını da bu bölüm üzerinde öğrenmeye başlıyoruz.


Animasyonlar

React Native'in sağladığı Animated nesnesini kullanarak animasyon hazırlamayı öğreniyoruz. Animated altındaki bir çok methodu tanıma şansı yakalıyoruz.
Temel animasyon oluşturma bilgisine sahip olduktan rüzgar türbini projesi geliştiriyoruz.


Harita Kullanımı

Mobil uygulama geliştirme dendiğinde akla ilk gelenlerden biri de harita nesnesi. Bu bölümde harita kullanımı ile alakalı temel bilgileri ediniyorsunuz. Marker göstermek, animated marker, aktif konumu almak vb.
Yine bu bölümde izinler ile alakalı neler yapmanız gerektiğini pekiştirme imkanı buluyorsunuz.

Harita kullanımına genel manada aşina olduktan sonra yakınlardaki restoran ve kafeleri gösteren bir uygulama geliştiriyoruz.


MobX State Management

State yönetimi konusunda esnek, basit ve kolay anlaşılabilir bir yapı olan MobX hakkında bütün temel bilgileri bu bölümde öğreniyoruz.
observable, observer, action, async action, enforceActions, computed, autorun, reaction, when, provider ve inject gibi MobX'e özel tanımları anlamaya çalışıyoruz.

Yine diğer bölümlerde olduğu gibi temel bilgileri edindikten sonra o temel'i kullanarak basit bir proje geliştiriyoruz.

Bu projede React Navigation ve MobX'i bir arada görme şansı yakalıyoruz. Formik ile kayıt ve giriş ekranları tasarlıyor, validasyon işlemlerini Yup ile yapıyoruz.
Custom bir Node.JS servise bağlanıp kullanıcı kaydı yapıyor ve giriş yapıldıktan sonra kullanıcıya bir token tahsis ediyoruz.

Yani işin özü, bu projede MobX ve React Navigation ile bir kayıt ve giriş sürecini yönetmeyi öğreniyorsunuz.


Socket.IO ile Real-Time Çalışmak

Socket.IO, gerçek zamanlı işler yapmak istediğimizde akla ilk gelen yapılardan biri. Chat yazılımları ve multiplayer oyunlarda çokça tercih edilen bir teknoloji.

Kurs üzerinde bir Node.JS backend'i oluşturup Socket IO'yu kullanıyor ve gerçek zamanlı veri aktarımı yapıyoruz.


Push Notifications

Firebase ve kendi oluşturduğumuz Node.JS backend aracılığı ile uzak ve lokal bildirimler göndermeyi kurs üzerinde detaylı olarak inceliyoruz.


GraphQL & Apollo

Günümüz yazılım trendlerinde tepeye oynayan GraphQL ve Apollo Client'ı kullanarak bir mobil uygulama geliştiriyoruz.  Apollo Client ile state yönetimini çok daha az eforla yapabilirsiniz.


Yeni Eklenecek Bölümler

  • Styled Components

  • Background Tasks

  • Uygulamayı Yayınlamak

Who this course is for:
  • Mobil uygulama geliştirme konularına merakı olan,
  • Kısa sürede mobil uygulama geliştirmeye başlamak isteyen,
  • React Native'e hâkim olmak isteyen herkes.