Node.js ve React Native Kursu

Ders 1 • Node.js Ortamının Kurulumu

Node.js, npm ve temel CLI araçlarını kurar ve yapılandırır. Doğru kurulum, kurs boyunca ortam hatalarını önler.

Ders 2 • Proje Yapısı ve Kodlama Kuralları

Sürdürülebilir bir kod tabanı için klasör organizasyonunu, adlandırma kurallarını ve linting kurallarını tanımlar. Tutarlı yapı, ekip projelerinde işe alım sürtünmesini azaltır.

Ders 3 • Tam Yığın Mimarisini Anlama

Bir Node.js arka ucu ile bir React Native ön ucu arasındaki ilişkiyi haritalar. Sonraki her bölüm için gereken zihinsel modeli sağlar.

Ders 1 • API'yi Test Etme ve Dokümantasyon

API rotaları için birim ve entegrasyon testleri yazar ve etkileşimli API dokümantasyonu oluşturur. Test edilmiş, dokümante edilmiş API'ler ön uç geliştirmeyi hızlandırır.

Ders 2 • Kimlik Doğrulama ve Yetkilendirme

Öğrenciler ve eğitmenler için JWT tabanlı kimlik doğrulama ve rol tabanlı erişim kontrolü uygular. Güvenli kimlik doğrulama, korunan tüm API rotalarını korur.

Ders 3 • Bir Veritabanına Bağlanma

Eğitim içeriğini ve kullanıcı ilerlemesini kalıcı hale getirmek için ilişkisel veya belge veritabanıyla entegre olur. Öğrenciler modeller yazar ve CRUD işlemleri gerçekleştirir.

Ders 4 • RESTful API Uç Noktalarını Tasarlama

Kurslar, dersler ve kullanıcılar için uç noktalar tasarlamak üzere REST ilkelerini uygular. Doğru API tasarımı, React Native ön ucuyla temiz entegrasyon sağlar.

Ders 1 • Kullanıcı Girişi ve Formlarını Yönetme

TextInput, Switch ve Picker kullanarak kontrollü form bileşenleri oluşturur. Giriş yönetimi, giriş, test ve arama ekranları için gereklidir.

Ders 2 • Yeniden Kullanılabilir Bileşen Kitaplığı Oluşturma

Ortak kullanıcı arayüzü modellerini, dokümante edilmiş özelliklerle paylaşılan bir bileşen kitaplığına çıkarır. Yeniden kullanılabilir bileşenler, sonraki bölümlerde ekran geliştirmeyi hızlandırır.

Ders 3 • StyleSheet ve Flexbox ile Stil Oluşturma

Bileşenleri konumlandırmak ve boyutlandırmak için React Native'in StyleSheet API'sini ve Flexbox düzen modelini uygular. Tutarlı stil oluşturma modelleri, ekran boyutları arasında düzen hatalarını önler.

Ders 1 • Yerel Durum için React Hooks

Bileşen düzeyinde durumu ve yan etkileri yönetmek için useState, useReducer ve useEffect kullanır. Bu hook'lar, uygulamadaki her durum bilgisine sahip özelliğin temelini oluşturur.

Ders 2 • Çevrimdışı Destek ve Yerel Kalıcılık

Kritik verileri yerel olarak depolar, böylece öğrenciler ağ bağlantısı olmadan içeriğe erişebilir. Çevrimdışı yetenek, eğitim amaçlı mobil uygulamalar için önemli bir farklılaştırıcıdır.

Ders 3 • Context API ile Genel Durum

Kimlik doğrulama durumu ve kullanıcı tercihleri için Context tabanlı bir depo uygular. Context, derinlemesine iç içe ekran ağaçları arasında prop delme işlemini önler.

Ders 1 • Kimlik Doğrulama Akışı ve Korumalı Rotalar

JWT varlığına bağlı olarak koşullu olarak kimlik doğrulama veya uygulama gezginlerini işler. Rotaları korumak, kurs içeriğine yetkisiz erişimi önler.

Ders 2 • Yığın ve Sekme Gezginleri

Ders akışları için bir yerel yığın gezgini ve ana bölümler için bir alt sekme gezgini oluşturur. Gezginleri birleştirmek sezgisel bir uygulama yapısı oluşturur.

Ders 3 • React Navigation Temel Kavramları

React Navigation'ı kurar ve yazılan rota parametreleriyle bir kök gezgin yapılandırır. Gezinme mimarisi, uygulamadaki tüm kullanıcı yolculuğunu belirler.

Ders 1 • İlerleme Takibi ve Gösterge Panelleri

Kişisel bir gösterge panelinde grafikler ve tamamlama rozetleriyle öğrenci ilerlemesini görüntüler. İlerleme verileri arka uçtan alınır ve gerçek zamanlı olarak görselleştirilir.

Ders 2 • Ders İçeriği Oynatıcı

Bir ilerleme göstergesiyle metin, resim ve video ders içeriğini işler. Oynatıcı, tamamlanmayı izler ve güncellemeleri arka uca gönderir.

Ders 3 • Bildirimler ve Hatırlatıcılar

Öğrencilere tamamlanmamış dersleri ve yaklaşan son tarihleri hatırlatmak için yerel ve anlık bildirimler gönderir. Bildirimler arka uçta zamanlanır ve bir anlık bildirim hizmeti aracılığıyla teslim edilir.

Ders 4 • Test ve Değerlendirme Motoru

Anında geri bildirim ve puanlama ile çoktan seçmeli ve kısa cevaplı testleri uygular. Test sonuçları, eğitmen incelemesi için arka uçta kalıcı hale getirilir.

Ders 1 • Bileşen İşlemesini Optimize Etme

Gereksiz yeniden işlemeleri ortadan kaldırmak için React.memo, useMemo ve useCallback uygular. İşleme optimizasyonu, kaydırma ve animasyon pürüzsüzlüğünü doğrudan iyileştirir.

Ders 2 • React Native Performansını Profil Oluşturma

Yavaş işlemeleri ve JS iş parçacığı darboğazlarını belirlemek için React Native Profiler ve Flipper'ı kullanır. Optimizasyondan önce profil oluşturma, kritik olmayan yollarda boşa harcanan çabayı önler.

Ders 3 • Paket Boyutunu ve Yükleme Süresini Azaltma

Uygulama paketini küçültmek için kod bölme, tembel içe aktarmalar ve varlık optimizasyonu uygular. Daha küçük paketler kurulum boyutunu azaltır ve soğuk başlatma süresini iyileştirir.

Ders 1 • Uçtan Uca Test Stratejisi

Tam yığın boyunca gerçek öğrenci yolculuklarını simüle eden uçtan uca testler yazar. Uçtan uca testler, entegrasyon gerilemelerini üretime ulaşmadan önce yakalar.

Ders 2 • Sürekli Entegrasyon Hattı

Her çekme isteğinde linting, birim testleri ve E2E testlerini çalıştıran bir sürekli entegrasyon hattı yapılandırır. Otomatik kontroller, ekip genelinde kod kalitesi standartlarını zorunlu kılar.

Ders 3 • Node.js Arka Ucunu Dağıtma

Express sunucusunu Docker ile konteynerleştirir ve bir bulut platformuna dağıtır. Güvenilir bir arka uç dağıtımı, mobil uygulamanın her zaman canlı bir API'ye sahip olmasını sağlar.

Ders 4 • İzleme ve Çökme Raporlama

Yayından sonra canlı uygulamayı izlemek için hata izleme ve analitik araçlarıyla entegre olur. Proaktif izleme, üretim sorunları için ortalama çözüm süresini azaltır.