İçeriğe geç
academia.sh
en
Giriş yap

Kurs Orta

React Native

Yayın Güncelleme

Bu kursun sonunda

Kursa başla

01

Temel Yapı

React Native'in çalışma modeli, ortam kurulumu, çekirdek bileşenler, biçem sistemi ve esnek kutu düzeni, dokunma ve etkileşim, platforma özgü kod.

  1. 01 React Native Nedir Köprü tabanlı bir çerçevede ortak kod ekranı çizmez, görünüm ağacını tarif eder. Ders bir güncellemenin ağacın her düğümüne ne yaptığını dört akıbetle sınıflar: korunan, güncellenen, kurulan, sökülen.
  2. 02 Ortam Kurulumu Ortam kurulumu, ortak kodun iki platformda ilk kez çalışabilmesi için gereken araç zincirini hazırlar. Ders ilk açılışta önceki ağacın olmadığını ve bütün ağacın kurulan olduğunu ölçer.
  3. 03 Çekirdek Bileşenler Çekirdek bileşenler görünüm, metin, görsel ve giriş alanıdır; hepsi görünüm ağacında bir düğümdür. Ders yer tutucu metnin görselle değiştiği güncellemede tip değişiminin ağaca ne yaptığını ölçer.
  4. 04 Biçem Sistemi Biçem, düğümün görünüşünü belirleyen bir özelliktir ve ağaçta başka her özellik gibi karşılaştırılır. Ders içeriği aynı olan yeni bir biçem nesnesinin düğümü korunan bıraktığını, tek alan değişince güncellenen çıktığını ölçer.
  5. 05 Dokunma ve Etkileşim Bir dokunuş durumu değiştirir, durum bir özelliği değiştirir ve özellik bir düğümü güncellenen yapar. Ders basılı durumun yalnız düğmeyi güncellediğini, kardeşlerin korunan kaldığını ölçer.
  6. 06 Platforma Özgü Kod Aynı ekran iki platformda farklı tarif edilebilir. Ders iki platform ağacını karşılaştırır, yalnız bir platformda bulunan anahtar düğmesinin kurulan çıktığını ve bunun çalışma anı güncellemesi olmadığını açıkça gösterir.

02

Uygulama Katmanları

Gezinme, yerel ve paylaşılan durum, ağ ve çevrimdışı davranış, yerel ve güvenli depolama, bildirimler ve derin bağlantı, hareketler ve animasyonlar.

  1. 01 Gezinme Gezinme, uygulamanın ekranlarını yığın, sekme ya da çekmece olarak düzenler. Ders yeni bir rota itilince ve geri dönülünce görünüm ağacındaki düğümlerin akıbetini ölçer: alttaki ekran korunan kalır.
  2. 02 Durum Yönetimi Durum yönetimi, ekranın zamanla değişen verisinin nerede tutulacağını belirler: tek bileşende yerel ya da birçok ekranın okuduğu paylaşılan. Ders tek bir durum değişikliğinin sepet rozetini güncellediğini, ürün listesini korunan bıraktığını ölçer.
  3. 03 Ağ ve Veri Ağ katmanı bir isteği yükleniyor, hata ve veri hâlleri üzerinden ekrana taşır; çevrimdışı önbellek ilk hâli değiştirir. Ders veri gelince yükleniyor göstergesinin sökülen, listenin kurulan olduğunu ölçer.
  4. 04 Yerel Depolama Yerel depolama, uygulama kapansa da kalması gereken veriyi tutar: küçük değerler için anahtar–değer deposu, sorgulanan kayıtlar için gömülü veritabanı. Ders açılışta depodan okunan taslağın ağaçta kurulan olduğunu, depoya yazmanın ağacı değiştirmediğini ölçer.
  5. 05 Güvenli Depolama Oturum belirteci, parola ve anahtar gibi gizli değerler düz depoda durmaz; işletim sisteminin korumalı deposuna yazılır. Ders oturum kapanınca hesap alt ağacının sökülen olduğunu, belirtecin depodan silinmesinin ise ağaçta görünmediğini ölçer.
  6. 06 Bildirimler ve Derin Bağlantı Bildirime dokunmak ya da bir bağlantıyı açmak uygulamayı belirli bir ekranda başlatır. Ders açık uygulamada bağlantının yığına tek bir ekran kurduğunu, kapalı uygulamada ise ağacın tamamının kurulduğunu ölçer.
  7. 07 Hareketler ve Animasyonlar Bir hareketin konumu ağaca özellik olarak yazılırsa her kare bir güncelleme komutu doğurur. Hareket yerel tarafta sürülürse aradaki karelerde ağaç korunur. Ders iki yolu aynı hareket üzerinde ölçer.

03

Başarım ve Üretim

Sanallaştırılmış liste ayarları, kare hızı ve profilleme, paket boyutu ve başlangıç, hata ayıklama araçları, test, yerel modül yazımı, derleme ve yayın.

  1. 01 Liste Başarımı Bir listenin başına öge eklenince satır düğümlerine ne olduğunu ölçer. Sıraya göre eşlemede satırların içeriği kayar; kararlı anahtarla aynı ekleme tek bir kurulan düğüm verir.
  2. 02 Kare Hızı ve Profilleme Ağacı üç kez yeniden üreten bir güncellemenin sıfır komut verebildiğini ölçer. Yeniden çizim ile komut ayrılır; belleme sayacı düşürür, komutu değil.
  3. 03 Paket Boyutu ve Başlangıç Ertelenmiş bir ekran yüklenince yer tutucu söküldü, ekranın düğümü kuruldu. Ders tembel yüklemenin kurulmanın zamanını değiştirdiğini, akıbeti değiştirmediğini ölçer.
  4. 04 Hata Ayıklama Araçları Bir hata sınırı bozuk alt ağacı söküp yedek görünümü kurar. Ders aynı panelin özellik değişince güncellendiğini, hata verince söküldüğünü ve sökülenin kimliğini yitirdiğini ölçer.
  5. 05 Test Bir test, güncellemenin beklenen kayıt listesini gerçek kayıt listesiyle karşılaştırır. Ders düğmeye basılınca metnin güncellendiğini ve testin neyi göremediğini ölçer.
  6. 06 Yerel Modül Yazımı Yerel modül, JavaScript tarafının platforma özgü kodu çağırdığı köprüdür. Ders yerel bir harita görünümünün ağaçta tek düğüm olduğunu ve merkez değişince bu düğümün güncellendiğini ölçer.
  7. 07 Derleme ve Yayın Geliştirmede hızlı yenileme düğümü yerinde güncellerken tam yeniden yükleme kökü söker. Ders bu farkı ölçer ve yirmi dersin akıbetlerini tek tabloda toplar.

Bitirme sınavı

React Native — Bitirme Sınavı

Hazırlanıyor

Bu kursun soru bankası henüz tamamlanmadı. Yeterli soru eklendiğinde sınav burada otomatik olarak açılır.

Aramak için yazmaya başlayın.

↑↓ ↵ Esc gezin · aç · kapat