ASP.NET MVC Web Applications: Composing the UI Layout

Eğitim Hakkında

_Layout ve Sections ve Partial View ve ViewComponent ekseninde ASP.NET MVC'de arayüz düzeni (layout) oluşturma

ASP.NET MVC Web Applications: Composing the UI Layout eğitimi, ASP.NET MVC'de arayüz düzeni (layout) oluşturma konusunu uçtan uca ele alır. _Layout ve Sections, Partial View ve ViewComponent, Tag Helper ve Bootstrap grid gibi başlıklar Visual Studio üzerinde canlı kodlama ve Bootstrap tabanlı örnek tema ile işlenir. Katılımcılar eğitim sonunda tekrar kullanılabilir layout, partial ve view component'lerle tutarlı bir arayüz iskeleti kurabilir hale gelir.

Süre ve Format

2 Gün. Her gün dört modül; kısa kavramsal anlatım ve ardından Bootstrap tabanlı örnek tema ile uygulama.

Seviye

Orta Seviye — ASP.NET MVC'de arayüz düzeni (layout) oluşturma için _Layout ve Sections, Partial View ve ViewComponent ve Tag Helper başlıklarını kapsar.

Öğrenme Metodu

Her modül canlı kodlama ile başlar; katılımcılar Bootstrap tabanlı örnek tema üzerinde kendi çözümlerini geliştirip tartışır.

Neden Bu Eğitim?

🧩Gerçek Senaryolar

_Layout ve Sections ve Partial View ve ViewComponent konuları, kurumsal projelerde karşılaşılan örneklerle işlenir.

🛠️Uygulamalı Kodlama

Her modül Bootstrap tabanlı örnek tema ile pekiştirilir; Tag Helper katılımcılar tarafından bizzat kodlanır.

🚀Üretime Hazırlık

Bootstrap grid konusunda kalite, güvenlik ve bakım kolaylığı pratikleri kazandırılır.

Anahtar Konular

ASP.NET MVC Web Applications: Composing the UI Layout eğitimiASP.NET MVC Web Applications: Composing the UI Layout kursu_Layout ve SectionsPartial View ve ViewComponentTag HelperBootstrap gridC# eğitimi.NET eğitimi.NET kursuVisual Studio eğitimi

“İyi anlaşılmış _Layout ve Sections, bakımı kolay ve güvenilir yazılımın ilk adımıdır.”

Ön Koşullar

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

1

C# Deneyimi

Sınıf, interface, koleksiyon ve LINQ kullanımı ile en az birkaç aylık C# deneyimi.

2

Temel Web/SQL

HTTP, JSON ve temel SQL sorgularına aşinalık (web konuları için) beklenir.

3

Geliştirme Ortamı

Visual Studio 2022 (Community yeterli) ve .NET 8 SDK kurulu, yönetici haklarına sahip bir dizüstü bilgisayar.

4

Git Bilgisi

Örnek kodları depodan çekmek için temel Git komutları bilinmelidir.

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ı, Layout, View ve Bileşen Kompozisyonu kapsamında Razor View, Layout ve Tag Helper, ASP.NET MVC Mimarisi ve İstek Yaşam Döngüsü, Filtreler, Middleware ve API/MVC Ortak Yapıları ve Model Binding, Doğrulama ve ViewModel başlıklarını uygulamalı olarak çalışır.

Modül 1

Razor View, Layout ve Tag Helper

Razor sözdizimi: @model, @if/@foreach, @functions ve HTML encoding
_Layout.cshtml, _ViewStart, _ViewImports ve Sections (@RenderSection)
Partial View, View Component ve Display/Editor Templates
Tag Helper'lar: form, input, select, validation, environment, cache
HTML Helper'lar (Html.TextBoxFor, Html.DropDownListFor) ile Tag Helper karşılaştırması
Bootstrap ile responsive düzen ve Bundling/Minification (LibMan, WebOptimizer)

Modül 2

ASP.NET MVC Mimarisi ve İstek Yaşam Döngüsü

Model-View-Controller sorumlulukları ve front controller kavramı
İstek yaşam döngüsü: routing, controller factory, action invoker, result execution
Controller, Action, ActionResult türleri (View, Json, Redirect, File, StatusCode)
Proje yapısı: Controllers, Views, wwwroot/Content, Program.cs ve Startup
Razor view'ları, ViewBag/ViewData/TempData farkları
MVC ile Web Forms ve Razor Pages karşılaştırması

Modül 3

Filtreler, Middleware ve API/MVC Ortak Yapıları

Action filter, Result filter ve Exception filter yazımı
ServiceFilter / TypeFilter ile DI'li filtre
Global filter kaydı ve sıralama (Order)
ViewComponent ve Partial View ile tekrar kullanılabilir UI
Model binding özelleştirme (IModelBinder) ve Value Provider
Localization: IStringLocalizer, kültür seçimi ve çok dilli uygulama

Modül 4

Model Binding, Doğrulama ve ViewModel

Model binding kaynakları: route, query, form, body ([FromBody], [FromQuery])
Data Annotations: Required, StringLength, Range, RegularExpression, Compare
Özel doğrulama attribute'u ve IValidatableObject
ModelState, ValidationSummary ve istemci tarafı unobtrusive validation
ViewModel, DTO ve AutoMapper ile entity'den model eşleme
Overposting saldırısı ve [Bind] / ayrı input modeli ile korunma

Günün hedefiKatılımcı, JavaScript, Önbellek ve Hata Ayıklama kapsamında Kullanıcı Arayüzü Davranışı: JavaScript ve Ajax, Adaptif Arayüz ve Önbellekleme Stratejisi, JSON ve XML Veri Formatları ve Web Uygulamalarında Hata Ayıklama ve İzleme başlıklarını uygulamalı olarak çalışır.

Modül 1

Kullanıcı Arayüzü Davranışı: JavaScript ve Ajax

jQuery ile DOM manipülasyonu ve olay yönetimi
Ajax: $.ajax, fetch API ve partial view'ı dinamik güncelleme
Unobtrusive Ajax, Ajax.BeginForm ve form doğrulaması
Client-side doğrulama (jQuery Validate) ve sunucu doğrulaması ile uyum
SignalR veya polling ile canlı güncellemeler
DataTables, Select2, modal pencere ve toast bileşenleri; erişilebilirlik (ARIA)

Modül 2

Adaptif Arayüz ve Önbellekleme Stratejisi

Responsive/adaptive tasarım: viewport meta, CSS grid-flex, media query
Kullanıcı ajanına (device) göre farklı view veya layout seçimi
Response Caching, [ResponseCache] ve ETag/Last-Modified başlıkları
Output Caching (.NET 7+), cache policy ve vary by query/header
IMemoryCache ve Redis ile veri önbelleği, sliding/absolute expiration
Cache invalidation stratejileri, CDN kullanımı ve statik dosya sıkıştırma

Modül 3

JSON ve XML Veri Formatları

System.Text.Json ve Newtonsoft.Json: serileştirme seçenekleri, JsonPropertyName
Content negotiation, Accept başlığı ve formatter'lar
XML desteği: AddXmlSerializerFormatters, DataContract ve XmlSerializer
JsonResult, özel JsonConverter ve tarih/enum dönüştürme
Ajax ile JSON gönderme/alma (fetch, jQuery.ajax) ve CORS ayarları
Büyük veri için streaming (IAsyncEnumerable) ve JSON şema doğrulama

Modül 4

Web Uygulamalarında Hata Ayıklama ve İzleme

Visual Studio ile web uygulaması debug: IIS Express, Kestrel ve Attach to Process
Developer Exception Page, loglama ve ILogger kategorileri
Tarayıcı DevTools: Network, Console, Sources ve performans sekmesi
Fiddler / dotnet-trace / dotnet-counters ile canlı tanı
Application Insights, OpenTelemetry ve dağıtık izleme (traceparent)
Hot Reload, çalışma zamanı hata ayıklama ve üretimde güvenli tanı yöntemleri

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Razor View, Layout

Razor sözdizimi: @model, @if/@foreach, @functions ve HTML encoding dahil, Razor View, Layout ve Tag Helper alanında somut çözümler üretebilirsiniz.

🧩

ASP.NET MVC Mimarisi

Model-View-Controller sorumlulukları ve front controller kavramı dahil, ASP.NET MVC Mimarisi ve İstek Yaşam Döngüsü alanında somut çözümler üretebilirsiniz.

🛠️

Filtreler, Middleware ve

Action filter, Result filter ve Exception filter yazımı dahil, Filtreler, Middleware ve API/MVC Ortak Yapıları alanında somut çözümler üretebilirsiniz.

🔐

Model Binding, Doğrulama

Model binding kaynakları: route, query, form, body ([FromBody], [FromQuery]) dahil, Model Binding, Doğrulama ve ViewModel alanında somut çözümler üretebilirsiniz.

⚡

Kullanıcı Arayüzü Davranışı:

jQuery ile DOM manipülasyonu ve olay yönetimi dahil, Kullanıcı Arayüzü Davranışı: JavaScript ve Ajax alanında somut çözümler üretebilirsiniz.

🧪

Adaptif Arayüz ve

Responsive/adaptive tasarım: viewport meta, CSS grid-flex, media query dahil, Adaptif Arayüz ve Önbellekleme Stratejisi alanında somut çözümler üretebilirsiniz.

📦

JSON ve XML

System.Text.Json ve Newtonsoft.Json: serileştirme seçenekleri, JsonPropertyName dahil, JSON ve XML Veri Formatları alanında somut çözümler üretebilirsiniz.

🚀

Web Uygulamalarında Hata

Visual Studio ile web uygulaması debug: IIS Express, Kestrel ve Attach to Process dahil, Web Uygulamalarında Hata Ayıklama ve İzleme alanında somut çözümler üretebilirsiniz.

Kimler İçin Uygundur?

MVC web uygulamalarında bu konuda derinleşmek isteyen .NET web geliştiricileri

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

MVC web uygulamalarında bu konuda derinleşmek isteyen .NET web geliştiricileri.

Eğitime katılmak için ön bilgi gerekir mi?

Sınıf, interface, koleksiyon ve LINQ kullanımı ile en az birkaç aylık C# deneyimi. HTTP, JSON ve temel SQL sorgularına aşinalık (web konuları için) beklenir. Gerekli ortam: Visual Studio 2022 (Community yeterli) ve .NET 8 SDK kurulu, yönetici haklarına sahip bir dizüstü bilgisayar.

Eğitimde hangi konular işleniyor?

_Layout ve Sections, Partial View ve ViewComponent, Tag Helper ve Bootstrap grid başlıklarının yanında javascript, önbellek ve hata ayıklama konusu da yer alır; uygulamalar Bootstrap tabanlı örnek tema üzerinden yürür.

Eğitim sonunda sertifika veriliyor mu?

Evet, katılım ve başarı koşullarını sağlayanlara Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir. Bu eğitim herhangi bir üretici sınavının yerine geçmez; sınav söz konusuysa başvuru ve ücreti ilgili kuruma aittir.

Eğitim kaç gün sürer ve nasıl işlenir?

Program 2 gündür; her gün dört modül işlenir. Anlatımın ardından Bootstrap tabanlı örnek tema ile uygulama yapılır, sorularınız oturum içinde yanıtlanır.

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

ASP.NET MVC WEB APPLICATIONS: COMPOSING THE UI LAYOUT EĞİTİMİ