MVC, TAG HELPERS, & VIEW COMPONENTS EĞİTİMİ

Yeniden kullanılabilir MVC arayüz bileşenleri yazın

Yerleşik ve özel Tag Helper, View Component, Partial View, Razor Class Library ve bileşen test yaklaşımları.

Bu eğitim ASP.NET Core MVC’de yeniden kullanılabilir arayüz bileşenleri geliştirmeyi anlatır. Yerleşik Tag Helper (form, input, anchor, cache, environment), özel Tag Helper yazımı, TagHelperContext ve TagHelperOutput, View Component yaşam döngüsü, ViewCompone…

3 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

ASP.NET Core Razor Tag Helper, View Component ve Partial View ile yeniden kullanılabilir arayüz bileşenleri

Bu eğitim ASP.NET Core MVC’de yeniden kullanılabilir arayüz bileşenleri geliştirmeyi anlatır. Yerleşik Tag Helper (form, input, anchor, cache, environment), özel Tag Helper yazımı, TagHelperContext ve TagHelperOutput, View Component yaşam döngüsü, ViewComponent ile Partial View farkı, Razor Class Library ile paketleme, DI kullanımı, önbellek ve birim testi uygulamalı işlenir.

Süre ve Format

3 Gün. Her gün dört modül; Yerleşik Tag Helper’lar; Özel Tag Helper Geliştirme; View Component ve Paylaşım.

Seviye

Orta Seviye — ASP.NET Core Razor Tag Helper, View Component ve Partial View ile yeniden kullanılabilir arayüz bileşenleri

Öğrenme Metodu

Her modül Visual Studio 2022, .NET 8 SDK ve ASP.NET Core MVC üzerinde canlı kodlama, hata ayıklama ve mini görevlerle işlenir; katılımcılar kendi bilgisayarında örnekleri yeniden üretir.

Neden Bu Eğitim?

🧑‍💻Uygulamalı Lab

Her gün Visual Studio 2022, .NET 8 SDK ve ASP.NET Core MVC üzerinde kod yazılır; konular sunum yerine çalışan örneklerle pekiştirilir.

🎯Konuya Özgü İçerik

Program Tag Helper Temelleri ile başlayıp Performans ve Kalite ile biter; gerçek projelerde karşılaşılan durumlara odaklanır.

📈Doğrudan Projeye

Edinilen teknikler aSP.NET Core Razor Tag Helper, View Component ve Partial View ile yeniden kullanılabilir arayüz bileşenleri alanındaki günlük işlerde hemen kullanılabilecek şekilde kurgulanır.

Anahtar Konular

tag helperview componentasp.net core razorcustom tag helperpartial viewrazor class librarymvc arayüz bileşenleriasp.net core mvc
“Bir kez iyi yazılmış bileşen, her sayfada zaman kazandırır.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1
MVC ve Razor

Controller, View ve Razor sözdizimi bilgisi gerekir.

2
HTML/CSS

Bootstrap ve HTML yapısına aşinalık beklenir.

3
Çalışma Ortamı

Uygulamalar için Visual Studio 2022, .NET 8 SDK ve ASP.NET Core MVC kurulu veya erişilebilir bir bilgisayar önerilir.

4
Aktif Katılım

Her gün laboratuvar çalışması yapıldığından kod yazmaya ve soru sormaya hazır gelinmesi beklenir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı yerleşik Tag Helper’larla formları ve bağlantıları sadeleştirir.
Modül 1
Tag Helper Temelleri
  • @addTagHelper ve _ViewImports kaydı
  • HTML Helper ile karşılaştırma
  • asp-controller, asp-action, asp-route-* öznitelikleri
  • IntelliSense desteği ve “!” gösterimi
  • Tag Helper kapsam ve devre dışı bırakma (!)
  • Razor derleme ve hata ayıklama
Modül 2
Form Tag Helper’ları
  • Form, Input, Label, Select, Textarea
  • asp-for ile model bağlama
  • Validation Message / Summary tag helper
  • Anti-forgery token otomasyonu
  • Enum ve SelectList ile açılır liste
  • Çoklu seçim ve checkbox listesi
Modül 3
Yardımcı Tag Helper’lar
  • Environment tag helper ile ortama göre içerik
  • Cache ve Distributed Cache tag helper
  • Link ve Script tag helper: fallback ve versiyonlama (asp-append-version)
  • Image tag helper
  • Partial tag helper
  • Component tag helper
Modül 4
Sayfalama ve Menü
  • Aktif menü öğesi için anchor yaklaşımı
  • Sayfalama bileşeni için model
  • Bootstrap uyumlu çıktı üretimi
  • Rota değerlerinin korunması
  • Erişilebilirlik (aria) öznitelikleri
  • Mobil uyumluluk
Günün hedefiKatılımcı kendi Tag Helper’ını yazıp paketler.
Modül 1
Tag Helper Sınıfı
  • TagHelper taban sınıfı ve Process/ProcessAsync
  • HtmlTargetElement ve eşleştirme kuralları
  • TagHelperContext ve TagHelperOutput
  • Öznitelik özellikleri ve tip dönüşümü
  • Alt içeriği değiştirme (GetChildContentAsync)
  • TagBuilder ile HTML üretimi
Modül 2
Gelişmiş Tag Helper
  • ViewContext ve HttpContext erişimi
  • DI ile servis kullanma
  • Parent/child (coordinated) tag helper
  • Dictionary öznitelik (asp-route-*) deseni
  • Koşullu görüntüleme (rol/policy tabanlı)
  • Çıktı önbelleği ve performans
Modül 3
Örnek Bileşenler
  • Yetkiye göre gösterilen buton tag helper
  • E-posta maskeleme tag helper
  • Tarih biçimlendirme / “zaman önce” tag helper
  • Markdown render tag helper
  • SEO etiketi (meta, canonical) tag helper
  • Uyarı kutusu (alert) bileşeni
Modül 4
Birim Test
  • TagHelperContext ve Output taklit etme
  • Çıktı HTML doğrulaması
  • Edge case: boş içerik, özel karakter
  • HTML encode ve XSS riski
  • Kapsam ve regresyon testi
  • Tag Helper dokümantasyonu
Günün hedefiKatılımcı View Component ile veri odaklı bileşenler yazar ve paylaşır.
Modül 1
View Component
  • ViewComponent sınıfı, Invoke ve InvokeAsync
  • Default.cshtml ve Shared/Components yolu
  • Component çağrısı: Component.InvokeAsync ve vc: tag helper
  • Parametre geçirme ve ViewModel
  • View component ile Partial View farkı
  • Controller’dan bağımsız veri çekme
Modül 2
Uygulama Örnekleri
  • Alışveriş sepeti özeti bileşeni
  • Dinamik menü (veritabanından)
  • Bildirim sayacı
  • Son yazılar / en çok okunanlar listesi
  • Çoklu dil seçici
  • Duyuru bandı ve kullanıcı kartı
Modül 3
Razor Class Library
  • RCL oluşturma ve static web assets
  • Görünümleri ve wwwroot’u paylaşma
  • Uygulamadan görünüm geçersiz kılma (override)
  • NuGet paketi olarak yayın
  • Sürümleme ve bağımlılık yönetimi
  • Birden çok projede kullanım
Modül 4
Performans ve Kalite
  • View component çıktısını önbellekleme
  • Async I/O ve bloklamama
  • Razor derleme önbelleği
  • Erişilebilirlik ve test
  • Kapanış projesi: ortak UI kütüphanesi
  • En iyi uygulamalar ve kod gözden geçirme

Eğitim Kazanımları

Program sonunda katılımcılar:

🧩
Tag Helper Temelleri

Tag Helper Temelleri kapsamında @addTagHelper ve _ViewImports kaydı gibi yapıları kendi projenizde doğrudan uygulayabilirsiniz.

⚙️
Form Tag Helper’ları

Form Tag Helper’ları kapsamında Form, Input, Label, Select, Textarea gibi yapıları kendi projenizde doğrudan uygulayabilirsiniz.

🧪
Sayfalama ve Menü

Sayfalama ve Menü kapsamında Aktif menü öğesi için anchor yaklaşımı gibi yapıları kendi projenizde doğrudan uygulayabilirsiniz.

🔍
Tag Helper Sınıfı

Tag Helper Sınıfı kapsamında TagHelper taban sınıfı ve Process/ProcessAsync gibi yapıları kendi projenizde doğrudan uygulayabilirsiniz.

🚀
Örnek Bileşenler

Örnek Bileşenler kapsamında Yetkiye göre gösterilen buton tag helper gibi yapıları kendi projenizde doğrudan uygulayabilirsiniz.

🛠️
Birim Test

Birim Test kapsamında TagHelperContext ve Output taklit etme gibi yapıları kendi projenizde doğrudan uygulayabilirsiniz.

📦
Uygulama Örnekleri

Uygulama Örnekleri kapsamında Alışveriş sepeti özeti bileşeni gibi yapıları kendi projenizde doğrudan uygulayabilirsiniz.

🔐
Razor Class Library

Razor Class Library kapsamında RCL oluşturma ve static web assets gibi yapıları kendi projenizde doğrudan uygulayabilirsiniz.

Kimler İçin Uygundur?

  • ASP.NET Core MVC
  • arayüz geliştiren ve ortak bileşen kütüphanesi oluşturmak isteyen geliştiriciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
ASP.NET Core MVC ile arayüz geliştiren ve ortak bileşen kütüphanesi oluşturmak isteyen geliştiriciler için uygundur.
MVC, Tag Helpers, & View Components eğitiminde hangi araçlar kullanılır?
Uygulamalar Visual Studio 2022, .NET 8 SDK ve ASP.NET Core MVC üzerinde yürütülür; her modülün sonunda çalışan bir örnek veya mini proje tamamlanır.
Eğitim kaç gün sürer ve nasıl işlenir?
Program 3 gündür ve her gün dört modülden oluşur; ilk gün yerleşik Tag Helper’lar ile başlanır, son gün view Component ve Paylaşım ile tamamlanır.
Ön bilgi gerekir mi?
Controller, View ve Razor sözdizimi bilgisi gerekir. Bootstrap ve HTML yapısına aşinalık beklenir.
Eğitim sonunda sertifika alınır mı?
Eğitimi tamamlayan katılımcılara Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir; üçüncü taraf bir kurumun sınavı söz konusuysa sınav başvurusu ve ücreti ilgili kuruma aittir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. MVC, Tag Helpers, & View Components Eğitimi Sertifika Kodu DV-2026XX00 Tarih 27.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

C# ve .NET.NET ve MS SQL ile Web Uygulaması Geliştirme Eğitimi
Yazılım Geliştirme Eğitimleri

.NET ve MS SQL ile Web Uygulaması Geliştirme Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

.NET ve MS SQL ile Web Uygulaması Geliştirme: T-SQL ve stored procedure, ADO.NET parametreli sorgular ve EF Core migration. 3 gün uygulamalı eğitim | DVA.

Detayları Gör →
C# ve .NET.NET Web Services: WCF, Web API, gRPC, and SignalR Eğitimi
Yazılım Geliştirme Eğitimleri

.NET Web Services: WCF, Web API, gRPC, and SignalR Eğitimi

4 günİleriOnline / Yüz Yüze / Hibrit

.NET Web Services: WCF, Web API, gRPC, and SignalR: WCF binding ve contract, Web API, gRPC streaming, SignalR hub. 4 gün uygulamalı eğitim, DVA Katılım Sertifik

Detayları Gör →
C# ve .NETAdo.Net - LinQ - Entity Framework Eğitimi
Yazılım Geliştirme Eğitimleri

Ado.Net - LinQ - Entity Framework Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Ado.Net - LinQ - Entity Framework: SqlDataReader, LINQ to Entities ve DbContext Change Tracker. 3 gün uygulamalı eğitim | DVA.

Detayları Gör →
C# ve .NETAdvanced C#, Design Patterns and Best Practices Eğitimi
Yazılım Geliştirme Eğitimleri

Advanced C#, Design Patterns and Best Practices Eğitimi

4 günİleriOnline / Yüz Yüze / Hibrit

Advanced C#, Design Patterns and Best Practices: Span<T> ve pattern matching, async/Channel<T> ve GoF kalıpları. 4 gün uygulamalı eğitim | DVA.

Detayları Gör →
C# ve .NETAdvanced Entity Framework Eğitimi
Yazılım Geliştirme Eğitimleri

Advanced Entity Framework Eğitimi

3 günİleriOnline / Yüz Yüze / Hibrit

Advanced Entity Framework: TPH/TPT kalıtım, global query filter, SaveChanges interceptor, execution plan analizi. 3 gün uygulamalı eğitim, DVA Katılım Sertifika

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn