Blazor WebAssembly'a Giriş eğitiminde katılımcılar, Angular ve React gibi kitaplıklar tarafından popüler hale getirilen aynı bileşen tabanlı kalıpları kullanarak ancak C # programlamayı kullanarak UI uygulamaları oluşturmayı öğrenirler.
Hedefler:
Blazor platformunu anlamayı
Bileşenlerle kullanıcı arayüzleri oluşturmayı
Veri bağlamayı ve olay işlemeyi kullanmayı
Bileşenleri oluşturmayı
Blazor sayfaları oluşturun ve yönlendirmeyi yapılandırmayı
Blazor WebAssembly uygulamasını üretime dağıtmayı
Sunucu verilerini REST API'leri aracılığıyla tüketmeyi
Blazor uygulamalarını birim testini
Topics:
Giriş
Blazor nedir?
Blazor Barındırma Modelleri
Blazor Server ve Blazor WebAssembly nedir?
WebAssembly nedir?
Tarayıcı Uyumluluğu
Web Meclisi ve JavaScript
.NET Core / C # bir web tarayıcısında nasıl çalışır?
Blazor WebAssembly Uygulaması
Proje Şablonu
Yeni Bir Uygulama Oluşturun
Blazor WebAssembly 'ı ASP.NET Core MVC Sunucusu ile Barındırma
Yapılandırma
Bağımlılık Enjeksiyonu
Ortamlar
Logging
Hataları Yönetme
WebAssembly Hata Ayıklama
Razor Bileşenleri ve Veri Bağlama
Bileşen nedir?
Veri Modeli Oluşturma
Veri Modelini HTML'ye Bağlama
Keyfi Öznitelikleri Geçirme
Olayları Yönetme
Durum Güncellemelerini ve Yeniden Oluşturmayı Manuel Olarak Tetikle
Razor Bileşenlerini Oluşturma
Bir Bileşeni Daha Küçük Bileşenlere Ayırma
Tek Yönlü Veri Bağlama
İki Yönlü Veri Bağlama
Parametreleri Kullanarak Üst Bileşenden Alt Bileşene Veri Geçirme
Olay Geri Çağırmalarını Kullanarak Bir Alt Bileşenden Ana Bileşene Veri Aktarma
Performansı Optimize Etmek İçin Tuşları Kullanın
DOM Öğelerine Erişmek İçin Referansları Kullanın
Razor Bileşen Kitaplıkları
Razor Bileşen Tasarım Desenleri
Parametreler Değiştirilemez
Kaldırma Durumu Yukarı
Genel Olarak Devlet Yönetimi
Razor Bileşen Formları
Formun amacı nedir?
Form, Giriş, Seçim ve Metin Alanı Öğelerini Kullanarak Veri Toplama
Form Öğesi İki Veri Bağlamasını Keşfedin
Blazor Edit Form Razor Bileşeni ile Formlar Oluşturun
Bağlamı Düzenleme Kavramını Keşfedin
Özel Düzenleme Formu Denetimlerini Kullanın
Giriş metni
TextArea Girdi
Giriş Seçimi
Numara giriniz
Giriş Onay Kutusu
Giriş Tarihi
Forma Doğrulama Uygulama
Görünüm Modelini Doğrulama Nitelikleriyle Süsleme
Kod Özel Doğrulama Öznitelikleri
Razor Bileşen Sayfaları
Sayfa modeli nedir?
Razor Sayfaları ve Razor Bileşenleri arasındaki farklar
Bir Razor Bileşenini Sayfa Olarak Kullanma
Yönlendirici Bileşenini Keşfedin
Sayfa Yönlendirmeyi Yapılandırma
Birden Çok Montajdan Bileşenlere Yönlendirme
Rota Parametrelerini Kullanma
Sorgu Dizesini Kullanma
Razor Bileşen Sayfasına Yetkilendirme Uygulama
Bileşen Ağacı içinde Yetkilendirmeyi Kullanma
Sunucu Verilerini Kullanma
ASP.NET Core MVC Web API'si
ASP.NET Core MVC nedir?
REST API nedir?
API Denetleyicisi nedir?
Http İstemcisini Enjekte Etme
Http İstemcisini Keşfetme
HttpClient kullanarak bir Blazor Bileşeninden bir REST API çağırma
JavaScript ile etkileşim
JavaScript Interop nedir?
JavaScript ne zaman gereklidir?
Senkron ve Asenkron Çağrılar
Bir Bileşenden JavaScript işlevi nasıl çağırılır
JavaScript'ten C # kodu nasıl çağırılır
Statik Yöntemleri Çağırma
Örnek Yöntemlerini Çağırma
Blazor WebAssembly Uygulamasında JavaScript Kodunu Düzenleme
JavaScript Ekosistemini Keşfedin
İstemci Tarafı Kitaplıkları
NPM ve Yarn
Web paketi
Yararlı Kitaplıklar
Birim Testi
Birim Testi nedir?
Birim Testinin İlkeleri
Bir Birim Tanımlamak
Kurulum / Teardown
İzolasyonda Test
Neyin Test Edileceğini Belirleme
Kod kapsamı
Test Çerçeveleri
Taslaklar, Taklitler ve Casuslar
xUnit
XUnit nedir?
Test Çerçevesi
Gerçekler ve Teori
İddialar
Visual Studio ile entegrasyon
Razor Bileşenleri
Razor Bileşeninde Neler Test Edilmelidir?
BUnit nedir?
XUnit ile bUnit'i kullanma
C # veya Razor sözdizimindeki testler altında bileşenleri kurun ve tanımlayın
Anlamsal HTML karşılaştırıcısını kullanarak sonucu doğrulayın
Bileşenlerle etkileşim kurun ve inceleyin
Olay işleyicilerini tetikle
Basamaklı değerler sağlayın
Enjeksiyon hizmetleri
Mock IJsRuntime
Anlık görüntü testi gerçekleştirin