Blazor WebAssembly ve ASP.NET Core Web API ile Tam Yığın Web Programlama

Benzer Eğitimler

ASP.NET Core 5 Geliştirme Eğitimi

ASP.NET Core 3 Geliştirme Eğitimi

Mikro hizmetler, ASP.NET Core ve Docker Eğitimi

F # ile ASP.NET Core Eğitimi

Eğitim Hakkında

Blazor WebAssembly ve ASP.NET Core Web API eğitimi ile bu Tam Yığın Web Programlama, Angular ve React gibi kitaplıklar tarafından popüler hale getirilen, ancak C # ile aynı bileşen tabanlı desenleri kullanarak UI uygulamaları oluşturmayı öğretir.

Neler Öğreneceksiniz

Tüm Katılımcıların şunları öğrenmesi gerekir:

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 ve SignalR (WebSockets) aracılığıyla tüketmeyi
Blazor uygulamalarını birim testini
Birim testi sunucu tarafı kodunu

Eğitim İçeriği

Giriş
Blazor nedir?
Blazor Barındırma Modelleri
Blazor Sunucusu ve Blazor WebAssembly Karşılaştırması
WebAssembly nedir?
Tarayıcı Uyumluluğu
WebAssembly 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 TextArea Öğ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
ASP.NET Core MVC ile bir REST API oluşturun
Kimlik Doğrulama ve Yetkilendirmeyi Uygulama
SignalR
SignalR nedir?
Web Soketleri nedir?
SignalR ile İki Yönlü Veri Akışını Anlayın
Razor Bileşenleri ile ASP.NET Core sunucusu arasında iletişim kurmak için SignalR kullanın

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
ASP.NET Core Web API
Web API'de Neler Test Edilmelidir?
Test Kontrolörleri
API'leri test etme
API'lerin Entegrasyon Testi

.NET Core Eğitimleri

Eğitim Ön Koşulları