React Native: Learn & Practice

Code Play

Reklam içerir

Bu uygulama hakkında

Kısa açıklamalar, pratik kod örnekleri ve küçük zorluklar aracılığıyla React Native öğrenin. 10 modülde 148 dersi keşfedin, kodlama oyun alanında bir örnek açın ve arayüzün nasıl çalıştığını anlamak için değiştirin.

Temellerden pratiğe net bir yol
Metin, görünümler, değişkenler, bileşenler, resimler ve stillerle başlayın. Flexbox düzenleri, formlar, metin girişi, düğmeler, dokunmatik etkileşimler, kaydırma ve listelerle devam edin. Daha sonraki modüller, hook'ları, yeniden kullanılabilir bileşenleri, durum yönetimini, performans kavramlarını, duyarlı düzenleri ve uygulama projelerini tanıtır.

Düzenlemeden önce fikri okuyun
Her ders bir hedef, sade bir dil özeti, temel fikirler, kod, pratik ipuçları, küçük bir zorluk ve kendi kendine değerlendirme için soruları bir araya getirir. Örneği açıklamasıyla birlikte görün, ardından denemeye hazır olduğunuzda düzenlenebilir sürümü açın. Başlangıç, orta ve uygulama etiketleri, her konunun kursta nerede yer aldığını anlamanıza yardımcı olur.

Kendi değişikliklerinizi deneyin
Metni, değerleri, stilleri ve bileşen davranışını ayarlamak için yerleşik JavaScript ve JSX düzenleyicisini kullanın. Sözdizimi vurgulama ve satır numaraları örnekleri takip etmeyi kolaylaştırır. Geri al ve yinele, değişiklikleri keşfetmenize yardımcı olurken, kodu sıfırla başlangıç ​​örneğini geri yükler. Uygulama içi önizlemeyi açmak için Uygulamayı Çalıştır'a dokunun, ardından başka bir deneme için düzenlemeye geri dönün.

Faydalı kalıpları keşfedin
Kontrollü girişleri, form doğrulamasını, parola görünürlüğünü, karakter sayaçlarını, liste filtrelemeyi, seçilebilir öğeleri ve boş durumları inceleyin. Sayaçlar, zamanlayıcılar, canlı saat, sıcaklık dönüştürücü, bahşiş hesaplayıcı, kartlar, akordiyon, basit sekmeler ve mini bir yapılacaklar listesi ile pratik yapın. Bunlar, bir arayüzün küçük parçalarının nasıl bir araya geldiğini incelemenizi sağlayan öğrenme örnekleridir.

İhtiyacınız olan dersi bulun
Ders başlıklarını arayın veya kütüphaneyi modüle göre daraltın. Tüm dersler, devam eden dersler, kaydedilmiş favoriler ve tamamlanmış dersler arasında geçiş yapın. Önceki ve Sonraki kontrollerini kullanın veya dersler arasında kaydırın. Filtrelenmiş bir kütüphaneden bir ders açtığınızda, gezinme bu seçimi takip eder, böylece seçtiğiniz konularla kalabilirsiniz.

Öğreniminizi takip edin
Dersleri gözden geçirmek için yer imlerine ekleyin ve hazır olduğunuzda tamamlandı olarak işaretleyin. Ana ekran, ders ilerlemesini, tamamlanan ve kaydedilen ders sayısını ve çalışma serisini gösterir. Son derse devam edin veya bir sonraki tamamlanmamış konuya geçin. İlerleme ve yer işaretleri cihazınızda yerel olarak saklanır.

Deneylerinize geri dönün
Bir örneği çalıştırmak, kodunu o ders için yerel bir taslak olarak kaydeder. Taslağı geri yüklemek için oyun alanını yeniden açın veya orijinal koda dönmek için sıfırlayın. Bu, başlangıç ​​materyalini değiştirmeden bir aradan sonra bir fikri tekrar gözden geçirmeyi kolaylaştırır.

Rahat bir görünüm seçin
Öğrenme arayüzü için açık mod, koyu mod veya sistem temasını seçin. Bir kavramı okuyun, kodunu inceleyin, odaklanmış bir değişiklik yapın ve uygulamayı uygulamak için meydan okumayı kullanın.

Öğrenciler, kodlamaya ilgi duyan yeni başlayanlar ve mobil arayüz kavramlarını gözden geçiren geliştiriciler için tasarlanmıştır. Örnekler web tabanlı bir önizlemede çalışır; platforma özgü API'ler ve davranışlar yerel bir uygulamadan farklı olabilir. Uygulama reklam içerir. Bağımsız eğitim uygulaması; React Native projesiyle bağlantılı veya onun tarafından onaylanmış değildir.

Kullanıcı puanları ve yorumlar

hata kodlari gosterilebilir gelistirilebilir.