ASP.NET MVC Web Applications: Design & Implement UI

Eğitim Hakkında

Fetch ve jQuery Ajax ve partial güncelleme ekseninde ASP.NET MVC'de kullanıcı arayüzü davranışı tasarlama

ASP.NET MVC Web Applications: Design & Implement UI Behavior eğitimi, ASP.NET MVC'de kullanıcı arayüzü davranışı tasarlama konusunu uçtan uca ele alır. Fetch ve jQuery Ajax, partial güncelleme, unobtrusive validation ve SignalR canlı güncelleme gibi başlıklar Visual Studio üzerinde canlı kodlama ve tarayıcı konsolu ve ağ sekmesi ile işlenir. Katılımcılar eğitim sonunda sayfa yenilemeden çalışan, doğrulaması istemci ve sunucuda uyumlu, canlı güncellenen arayüzler geliştirebilir 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ı konsolu ve ağ sekmesi ile uygulama.

Seviye

Orta Seviye — ASP.NET MVC'de kullanıcı arayüzü davranışı tasarlama için fetch ve jQuery Ajax, partial güncelleme ve unobtrusive validation başlıklarını kapsar.

Öğrenme Metodu

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

Neden Bu Eğitim?

🧩Gerçek Senaryolar

Fetch ve jQuery Ajax ve partial güncelleme konuları, kurumsal projelerde karşılaşılan örneklerle işlenir.

🛠️Uygulamalı Kodlama

Her modül tarayıcı konsolu ve ağ sekmesi ile pekiştirilir; unobtrusive validation katılımcılar tarafından bizzat kodlanır.

🚀Üretime Hazırlık

SignalR canlı güncelleme konusunda kalite, güvenlik ve bakım kolaylığı pratikleri kazandırılır.

Anahtar Konular

ASP.NET MVC Web Applications: Design & Implement UI Behavior eğitimiASP.NET MVC Web Applications: Design & Implement UI Behavior kursufetch ve jQuery Ajaxpartial güncellemeunobtrusive validationSignalR canlı güncellemeC# eğitimi.NET eğitimi.NET kursuVisual Studio eğitimi

“İyi anlaşılmış fetch ve jQuery Ajax, 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ı, Ajax ve İstemci Davranışı kapsamında Kullanıcı Arayüzü Davranışı: JavaScript ve Ajax, Razor View, Layout ve Tag Helper, JSON ve XML Veri Formatları ve Model Binding, Doğrulama ve ViewModel 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

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

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

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ı, Gerçek Zamanlı Arayüz ve Performans kapsamında SignalR ile Gerçek Zamanlı İletişim, Asenkron Görevler ve Arka Plan İşleri, Adaptif Arayüz ve Önbellekleme Stratejisi ve Web Uygulamalarında Hata Ayıklama ve İzleme başlıklarını uygulamalı olarak çalışır.

Modül 1

SignalR ile Gerçek Zamanlı İletişim

WebSocket, Server-Sent Events ve Long Polling aktarım yöntemleri
Hub sınıfı, Clients.All / Caller / Group ile mesaj dağıtımı
Strongly-typed hub ve JavaScript / .NET istemcisi
Grup yönetimi, kullanıcıya özel mesajlar ve kimlik doğrulama
Redis backplane veya Azure SignalR ile ölçeklendirme
Bağlantı kopması, otomatik yeniden bağlanma ve MessagePack protokolü

Modül 2

Asenkron Görevler ve Arka Plan İşleri

Async action'lar, Task<IActionResult> ve thread pool starvation
Uzun süren işlerde IHostedService / BackgroundService kullanımı
Hangfire veya Quartz.NET ile zamanlanmış ve tekrarlayan görevler
Channel<T> ile arka plan kuyruğu ve CancellationToken (RequestAborted)
Paralel dış servis çağrıları ve HttpClientFactory, Polly retry politikaları
Async hatalarının izlenmesi ve zaman aşımı yönetimi

Modül 3

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 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:

✅

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.

🧩

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.

🛠️

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.

🔐

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.

⚡

SignalR ile Gerçek

WebSocket, Server-Sent Events ve Long Polling aktarım yöntemleri dahil, SignalR ile Gerçek Zamanlı İletişim alanında somut çözümler üretebilirsiniz.

🧪

Asenkron Görevler ve

Async action'lar, Task<IActionResult> ve thread pool starvation dahil, Asenkron Görevler ve Arka Plan İşleri 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.

🚀

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?

Fetch ve jQuery Ajax, partial güncelleme, unobtrusive validation ve SignalR canlı güncelleme başlıklarının yanında gerçek zamanlı arayüz ve performans konusu da yer alır; uygulamalar tarayıcı konsolu ve ağ sekmesi ü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ı konsolu ve ağ sekmesi 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: DESIGN & IMPLEMENT UI BEHAVIOR EĞİTİMİ