İstemci Tarafı Web Servis Tüketimi

Eğitim Hakkında

İstemci tarafında web servis tüketimi

Eğitim istemci tarafında web servislerin güvenli ve dayanıklı tüketilmesini öğretir. Tarayıcı geliştirici araçları ve curl ile istek inceleme, fetch ve axios ile async / await çağrıları, CORS ve preflight, token saklama ve XSS riski, zaman aşımı ve AbortController, yeniden deneme, ETag ve React Query ile önbellek ve OpenAPI'den TypeScript istemcisi üretimi uygulamalı işlenir.

Süre ve Format

2 Gün. Her gün dört modül; 1. gün API Tüketimine Giriş; 2. gün Güvenli ve Dayanıklı Tüketim.

Seviye

Temel Seviye — İstemci tarafında web servis tüketimi

Öğrenme Metodu

Katılımcılar gerçek genel API'lere bağlanan küçük istemci uygulamaları yazar; hata, zaman aşımı ve yetki senaryolarını bilerek tetikleyip istemci davranışını düzeltir.

Neden Bu Eğitim?

🔌Doğru Çağrı Kalıpları

fetch, HttpClient ve benzeri istemcileri doğru yaşam döngüsü ve hata yönetimiyle kullanırsınız.

🛡️Güvenli Tüketim

CORS, token saklama ve yetkilendirme risklerini bilerek istemci yazarsınız.

🔄Dayanıklı İstemci

Zaman aşımı, yeniden deneme ve önbellekle ağ sorunlarına dayanıklı uygulamalar geliştirirsiniz.

Anahtar Konular

api tüketimiweb servis tüketimifetch apihttpclientcorsrest istemcisiweb apiapi entegrasyonuapi development: client-side web service consumption

“İyi istemci, sunucunun kötü gününü yönetir.”

Ön Koşullar

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

1

Programlama Temeli

JavaScript veya C# gibi bir dilde temel bilgi gerekir.

2

HTTP Farkındalığı

İstek, yanıt ve durum kodu kavramlarını bilmek faydalıdır.

3

Geliştirme Ortamı

VS Code, Node.js veya .NET SDK ile Postman kurulu bir bilgisayar gerekir.

4

Tarayıcı Araçları

Tarayıcı geliştirici araçlarının Network sekmesini açabilmek 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ı gün sonunda API Kavramı ve Web Servis Türleri konusunu çalıştırır, API Geliştirme Araçları ve İstemci Tarafında Web Servis Tüketimi ile ilerleyip HTTP Metot ve Durum Kodu Semantiği kararlarını gerekçelendirir.

Modül 1

API Kavramı ve Web Servis Türleri

API nedir: kütüphane API'si, işletim sistemi API'si ve web API'si ayrımı
İstemci-sunucu modeli, istek / yanıt döngüsü ve HTTP mesaj yapısı (başlık, gövde, durum satırı)
Web servis türleri: REST, SOAP, GraphQL ve gRPC'nin kullanım alanları
Genel, ortak (partner) ve özel (private) API ayrımı ile iş modelleri
JSON ve XML veri biçimleri, Content-Type ve Accept başlıkları
Gerçek bir genel API'yi tarayıcı geliştirici araçları ve curl ile inceleme

Modül 2

API Geliştirme Araçları

curl ile GET, POST, başlık ekleme, -v çıktısı ve dosya yükleme
Postman ve Insomnia ile koleksiyon, ortam ve istek geçmişi yönetimi
HTTPie ve jq ile komut satırında JSON işleme
Swagger UI ve Redoc ile etkileşimli dokümantasyon
Fiddler, Charles veya mitmproxy ile trafik yakalama ve inceleme
Mock sunucular: json-server, WireMock ve Prism ile sahte API üretimi

Modül 3

İstemci Tarafında Web Servis Tüketimi

fetch ve axios ile GET / POST istekleri, async / await ve hata yakalama
CORS: preflight (OPTIONS), Access-Control-Allow-* başlıkları ve çerez / kimlik bilgisi politikaları
Zaman aşımı, iptal ve yeniden deneme mantığının istemcide uygulanması
Token saklama seçenekleri (bellek, httpOnly çerez) ve XSS riski
Yanıt önbelleği ve React Query / SWR ile sunucu durumu yönetimi
Tür güvenliği: OpenAPI'den TypeScript istemcisi üretimi

Modül 4

HTTP Metot ve Durum Kodu Semantiği

GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS metotlarının amaçları
Güvenli (safe) ve idempotent metot kavramı, PUT ile POST farkı
PATCH için JSON Patch (RFC 6902) ve JSON Merge Patch (RFC 7396)
2xx, 3xx, 4xx, 5xx durum kodu aileleri; 201 + Location, 204, 202 kullanımı
400, 401, 403, 404, 405, 409, 415, 422, 429 kodlarının doğru ayrımı
Content negotiation: Accept, Accept-Language ve 406 / 415 yanıtları

Günün hedefiKatılımcı OAuth 2.0, JWT ve API Yetkilendirme ve Hata Yönetimi ve Problem Details konularını uygulayarak HTTP Önbellekleme ile Platform Yerel (Native) API Özellikleri adımlarını aynı örnek üzerinde birleştirir.

Modül 1

OAuth 2.0, JWT ve API Yetkilendirme

Authorization Code + PKCE, Client Credentials ve Refresh Token akışları
JWT yapısı: header, payload, imza; RS256 ve HS256 farkı
JWT zafiyetleri: alg=none, zayıf anahtar, süresi dolmuş token kabulü
Scope ve claim tabanlı yetkilendirme, RBAC ve ABAC
Token iptali, kısa ömürlü access token ve rotasyon
Keycloak ile yetkilendirme sunucusu kurulumu ve API entegrasyonu

Modül 2

Hata Yönetimi ve Problem Details

RFC 9457 / 7807 application/problem+json yapısı: type, title, status, detail, instance
Doğrulama hatalarında alan bazlı hata listesi biçimi
4xx ile 5xx ayrımı: istemci hatası ile sunucu hatası sorumluluğu
Hata mesajlarında bilgi sızıntısını önleme (stack trace, SQL ifadesi)
İstek kimliği (correlation ID) ile hata yanıtlarının loglarla eşleştirilmesi
429 Too Many Requests ve Retry-After ile istemci geri çekilme (backoff) yönlendirmesi

Modül 3

HTTP Önbellekleme

Cache-Control yönergeleri: max-age, s-maxage, no-store, no-cache, private, public
ETag ve If-None-Match ile koşullu GET, 304 Not Modified yanıtı
Last-Modified ve If-Modified-Since farkı
If-Match ile iyimser eşzamanlılık kontrolü ve 412 Precondition Failed
Vary başlığı ve CDN / ters vekil (Varnish, NGINX) önbelleği davranışı
Önbellek geçersizleştirme stratejileri ve stale-while-revalidate

Modül 4

Platform Yerel (Native) API Özellikleri

Fetch API: Request / Response nesneleri, AbortController ile iptal ve akış okuma
Web Storage, IndexedDB ve Cache Storage ile istemci tarafı veri saklama
Geolocation, Notifications ve Clipboard gibi izin gerektiren tarayıcı API'leri
Service Worker yaşam döngüsü, çevrimdışı çalışma ve arka plan senkronizasyonu
Web Workers ile ağır işlerin ana iş parçacığından ayrılması
Intersection Observer, ResizeObserver ve Performance API ile ölçüm ve davranış izleme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

API Temelleri

API türlerini ayırt edip gerçek bir web API'sinin istek ve yanıtını okuyabilirsiniz.

🧩

API Araç Seti

Geliştirme sırasında curl, Postman, jq ve proxy araçlarını verimli biçimde kullanabilirsiniz.

🔧

Servis Tüketimi

Tarayıcı veya mobil istemciden web servisleri güvenli ve dayanıklı biçimde tüketebilirsiniz.

📐

HTTP Semantiği

HTTP metotlarını ve durum kodlarını doğru semantikle kullanan uçlar tasarlayabilirsiniz.

🛡️

OAuth ve JWT

OAuth 2.0 akışlarını ve JWT doğrulamasını güvenli biçimde API'nize uygulayabilirsiniz.

🧪

Hata Yönetimi

Tutarlı problem+json hata yanıtları üretip istemcilerin hatadan toparlanmasını kolaylaştırabilirsiniz.

🚀

Önbellek Yönetimi

ETag ve Cache-Control ile API yanıtlarını önbelleğe alıp tutarlılığı koruyabilirsiniz.

📊

Yerel API Kullanımı

Tarayıcı yerel API'lerinin temel ve ileri düzey özelliklerini uygulamalarınızda kullanabilirsiniz.

Kimler İçin Uygundur?

Frontend
full-stack geliştiriciler ile mobil uygulama geliştirenler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Frontend ve full-stack geliştiriciler ile mobil uygulama geliştirenler için uygundur.

Hangi dil kullanılıyor?

Örneklerde eğitim kapsamına göre JavaScript veya C# kullanılır; kavramlar diğer dillere doğrudan taşınır.

Sunucu tarafı bilgisi gerekir mi?

Hayır; odak istemci tarafındaki çağrı, hata ve güvenlik konularıdır.

Genel API'ler mi kullanılacak?

Evet; herkese açık örnek API'ler ve eğitimde sağlanan sahte (mock) sunucular kullanılır.

Sertifika veriliyor mu?

Tamamlayan katılımcılara Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

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

API DEVELOPMENT: CLIENT-SIDE WEB SERVICE CONSUMPTION EĞİTİMİ