ASP.NET MVC Web Applications: Adaptive UI Layout &

Eğitim Hakkında

Responsive layout ve Output ve Response Caching ekseninde ASP.NET MVC'de adaptif arayüz düzeni ve önbellekleme stratejileri

ASP.NET MVC Web Applications: Adaptive UI Layout & Caching Strategy eğitimi, ASP.NET MVC'de adaptif arayüz düzeni ve önbellekleme stratejileri konusunu uçtan uca ele alır. Responsive layout, Output ve Response Caching, Redis önbelleği ve cache invalidation gibi başlıklar Visual Studio üzerinde canlı kodlama ve tarayıcı DevTools ve Lighthouse ölçümleri ile işlenir. Katılımcılar eğitim sonunda cihaza uyumlu arayüzler kurup çok katmanlı önbellekleme stratejisiyle sayfa süresini ölçülebilir biçimde düşürebilir hale gelir.

Süre ve Format

2 Gün. Her gün dört modül; kısa kavramsal anlatım ve ardından tarayıcı DevTools ve Lighthouse ölçümleri ile uygulama.

Seviye

Orta Seviye — ASP.NET MVC'de adaptif arayüz düzeni ve önbellekleme stratejileri için responsive layout, Output ve Response Caching ve Redis önbelleği başlıklarını kapsar.

Öğrenme Metodu

Her modül canlı kodlama ile başlar; katılımcılar tarayıcı DevTools ve Lighthouse ölçümleri üzerinde kendi çözümlerini geliştirip tartışır.

Neden Bu Eğitim?

🧩Gerçek Senaryolar

Responsive layout ve Output ve Response Caching konuları, kurumsal projelerde karşılaşılan örneklerle işlenir.

🛠️Uygulamalı Kodlama

Her modül tarayıcı DevTools ve Lighthouse ölçümleri ile pekiştirilir; Redis önbelleği katılımcılar tarafından bizzat kodlanır.

🚀Üretime Hazırlık

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

Anahtar Konular

ASP.NET MVC Web Applications: Adaptive UI Layout & Caching Strategy eğitimiASP.NET MVC Web Applications: Adaptive UI Layout & Caching Strategy kursuresponsive layoutOutput ve Response CachingRedis önbelleğicache invalidationC# eğitimi.NET eğitimi.NET kursuVisual Studio eğitimi

“İyi anlaşılmış responsive layout, 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ı, Adaptif Arayüz ve Cache Politikaları kapsamında Adaptif Arayüz ve Önbellekleme Stratejisi, Razor View, Layout ve Tag Helper, Veri ve Durum Yönetimi ve Kullanıcı Arayüzü Davranışı: JavaScript ve Ajax başlıklarını uygulamalı olarak çalışır.

Modül 1

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 2

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 3

Veri ve Durum Yönetimi

Stateless HTTP yapısı ve durum saklama seçenekleri
Session (distributed session), TempData ve cookie tabanlı saklama
Cache-Control, IMemoryCache ve IDistributedCache (Redis) kullanımı
Query string, hidden field ve model state ile sayfalar arası veri taşıma
Cookie ayarları: HttpOnly, Secure, SameSite ve GDPR/KVKK onay bandı
Uygulama yapılandırması: appsettings.json, User Secrets ve ortam değişkenleri

Modül 4

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)

Günün hedefiKatılımcı, Filtreler, Biçim ve Yayın kapsamında Filtreler, Middleware ve API/MVC Ortak Yapıları, Dağıtım Mimarisi ve Hosting, Web Uygulamalarında Hata Ayıklama ve İzleme ve JSON ve XML Veri Formatları başlıklarını uygulamalı olarak çalışır.

Modül 1

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 2

Dağıtım Mimarisi ve Hosting

Kestrel, reverse proxy (Nginx, IIS ANCM) ve in-process/out-of-process hosting
Docker imajı, multi-stage Dockerfile ve docker-compose ile çalıştırma
Azure App Service, IIS ve Linux sunucu dağıtım seçenekleri
Yük dengeleme, sticky session ve Data Protection anahtarlarının paylaşımı
Yapılandırma ve gizli bilgi yönetimi (Key Vault, environment variables)
Health checks, ölçeklendirme ve blue-green / slot swap dağıtımı

Modül 3

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

Modül 4

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

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

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.

🧩

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.

🛠️

Veri ve Durum

Stateless HTTP yapısı ve durum saklama seçenekleri dahil, Veri ve Durum Yönetimi 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.

⚡

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.

🧪

Dağıtım Mimarisi ve

Kestrel, reverse proxy (Nginx, IIS ANCM) ve in-process/out-of-process hosting dahil, Dağıtım Mimarisi ve Hosting 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.

🚀

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.

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?

Responsive layout, Output ve Response Caching, Redis önbelleği ve cache invalidation başlıklarının yanında filtreler, biçim ve yayın konusu da yer alır; uygulamalar tarayıcı DevTools ve Lighthouse ölçümleri ü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 tarayıcı DevTools ve Lighthouse ölçümleri 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: ADAPTIVE UI LAYOUT & CACHING STRATEGY EĞİTİMİ