FRONT-END APPS: RESTFUL SERVICES & CLIENTS EĞİTİMİ

Ön yüzden REST servislerini doğru tüketin

fetch ve axios ile REST API tüketimi, JWT doğrulama, CORS ve dayanıklı istemci tasarımı

Front-end Apps: RESTful Services & Clients Eğitimi, ön yüz uygulamalarının REST servisleriyle doğru ve güvenli konuşmasını öğretir. Program HTTP yöntemleri, durum kodları ve REST tasarım ilkeleriyle başlar; fetch ve axios ile async/await üzerinden veri çekme,…

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

Eğitim Hakkında

HTTP ve REST temellerinden token doğrulamaya, hata yönetiminden dayanıklı istemci tasarımına

Front-end Apps: RESTful Services & Clients Eğitimi, ön yüz uygulamalarının arka uç REST servisleriyle doğru ve güvenli biçimde konuşmasını öğretir. Katılımcılar HTTP yöntemlerini, durum kodlarını ve REST tasarım ilkelerini kavrar; fetch ve axios ile async/await üzerinden veri çeker, JWT ve OAuth2 akışlarıyla istekleri doğrular. CORS, hata yönetimi, yeniden deneme, önbellekleme ve istek iptali gibi konular işlenir ve program gerçek bir API istemcisi projesiyle tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; HTTP temelinden başlayıp fetch ve axios ile veri çekme, kimlik doğrulama ve dayanıklı bir istemci projesiyle ilerler.

Seviye

Orta Seviye — Ön yüz uygulamalarından REST servislerini tüketme: fetch, axios, kimlik doğrulama ve hata yönetimi

Öğrenme Metodu

Her modülde bir API uç noktası örnek alınır; katılımcılar isteği kurar, yanıtı işler ve ortaya çıkan istemci kodunu adım adım geliştirir.

Neden Bu Eğitim?

🔌Gerçek entegrasyon

Statik arayüzleri canlı veriyle besleyerek ön yüz ile arka uç arasındaki bağlantıyı gerçek senaryolarla kurmayı öğrenirsiniz.

🔐Güvenli istekler

Token tabanlı kimlik doğrulama, CORS ve HTTPS konularıyla isteklerinizi güvenli ve doğru biçimde yetkilendirmeyi öğrenirsiniz.

🛡️Dayanıklı istemci

Hata yönetimi, yeniden deneme ve istek iptali ile ağ sorunlarına karşı dirençli ve öngörülebilir istemciler yazarsınız.

Anahtar Konular

rest api eğitimifetch axios eğitimiön yüz rest istemcijavascript api tüketimijwt kimlik doğrulama eğitimioauth2 eğitimicors eğitimiweb geliştirme eğitimiasync await eğitimifrontend api entegrasyonu
“İyi bir ön yüz yalnızca güzel görünmez; arka uçla doğru, güvenli ve dayanıklı konuşan bir istemciyle gerçekten çalışır.”

Ön Koşullar

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

1
JavaScript bilgisi

Değişken, fonksiyon, dizi, nesne ve ES6 söz dizimine pratik hakimiyet beklenir; istemci kodu bu temel üzerine kurulur.

2
Asenkron kavramı

Promise ve geri çağırma mantığına aşinalık faydalıdır; async/await konusu eğitimde ayrıca pekiştirilir.

3
Web temelleri

HTML ve DOM ile tarayıcıda içerik oluşturma bilgisi, çekilen verinin ekrana basılması için gereklidir.

4
Geliştirme ortamı

Node.js, bir kod editörü ve tarayıcı geliştirici araçlarının kurulu olması uygulamalar için gerekir.

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ı HTTP istek-yanıt döngüsünü, yöntem ve durum kodlarını kavrar; REST kaynak modelini ve olgunluk seviyelerini örneklerle ayırt eder.
Modül 1
HTTP İstek-Yanıt Döngüsü
  • İstemci ile sunucu arasında istek-yanıt akışı
  • İstek satırı, başlık ve gövde yapısının incelenmesi
  • İçerik türü ve Accept başlığıyla müzakere
  • Durumsuz (stateless) iletişim ilkesi
  • Tarayıcı ağ sekmesinde isteğin izlenmesi
  • Güvenli ve idempotent yöntem ayrımı
Modül 2
HTTP Yöntemleri ve Anlamları
  • GET ile kaynak okuma ve sorgu parametreleri
  • POST ile yeni kaynak oluşturma
  • PUT ve PATCH ile tam ve kısmi güncelleme
  • DELETE ile kaynak silme semantiği
  • İdempotentlik ve yan etkilerin değerlendirmesi
  • Yöntem seçiminin kaynak işlemine uygunluğu
Modül 3
Durum Kodları ve Hatalar
  • 2xx başarı kodlarının anlamları
  • 3xx yönlendirme ve koşullu istekler
  • 4xx istemci hataları ve 401/403 ayrımı
  • 5xx sunucu hatalarının istemcide ele alınması
  • Durum koduna göre akış dallanması
  • Hata gövdesinden anlamlı mesaj çıkarma
Modül 4
REST Kaynak Modeli
  • Kaynak ve URI tasarım ilkeleri
  • Koleksiyon ve tekil kaynak ayrımı
  • Richardson olgunluk seviyelerinin kavranması
  • HATEOAS ve bağlantı odaklı yanıtlar
  • Sürümleme (versioning) yaklaşımları
  • Sayfalama, filtreleme ve sıralama parametreleri
Günün hedefiKatılımcı fetch API ve axios ile GET ve POST isteklerini async/await üzerinden kurar, JSON yanıtını ayrıştırır ve arayüze bağlar.
Modül 1
fetch API ile İstek
  • fetch ile temel GET isteğinin kurulması
  • Response nesnesi ve .json() ile ayrıştırma
  • response.ok ile başarı kontrolü
  • POST isteğinde gövde ve header ayarı
  • Sorgu parametrelerinin URL'e eklenmesi
  • fetch'in neden hata fırlatmadığının anlaşılması
Modül 2
axios ile Çalışma
  • axios kurulumu ve temel istek söz dizimi
  • axios instance ile taban URL tanımı
  • Otomatik JSON dönüşümü ve veri erişimi
  • params seçeneğiyle sorgu oluşturma
  • axios hata nesnesinin yapısının incelenmesi
  • fetch ile axios arasındaki temel farklar
Modül 3
async/await ile Akış
  • Promise zincirinden async/await'e geçiş
  • try/catch ile asenkron hata yakalama
  • Birden çok isteğin sıralı çalıştırılması
  • Promise.all ile paralel istek çalıştırma
  • await ile okunabilir akış kurgusu
  • Yükleniyor durumunun yönetilmesi
Modül 4
JSON ve Veri Bağlama
  • JSON yapısının ayrıştırılması ve okunması
  • Gelen verinin arayüz modeline eşlenmesi
  • İç içe veri ve dizilerin işlenmesi
  • Veriyi DOM'a veya bileşene bağlama
  • Tarih ve sayı biçimlerinin normalleştirilmesi
  • Boş veya eksik alanların güvenli işlenmesi
Günün hedefiKatılımcı token tabanlı kimlik doğrulamayı uygular, JWT ve OAuth2 akışını kavrar, CORS kısıtlarını ve başlık yönetimini çözer.
Modül 1
Token Tabanlı Kimlik Doğrulama
  • Authorization başlığıyla token gönderimi
  • Bearer şeması ve token taşıma biçimi
  • Giriş isteğiyle token elde edilmesi
  • Token'ın güvenli saklanma yaklaşımları
  • Oturum ile token temelli yaklaşım farkı
  • İsteklere token ekleyen interceptor kurulumu
Modül 2
JWT Yapısı ve Kullanımı
  • Header, payload ve signature bölümleri
  • Token içindeki claim bilgilerinin okunması
  • Son kullanma (exp) süresinin kontrolü
  • Access ve refresh token ayrımı
  • Refresh token ile oturum yenileme akışı
  • İmza doğrulamanın sunucuya ait olması
Modül 3
OAuth2 Yetki Akışları
  • OAuth2 rollerinin ve kavramlarının tanıtımı
  • Authorization code akışının adımları
  • PKCE ile ön yüz istemci güvenliği
  • Kapsam (scope) ile yetki sınırlandırma
  • Yönlendirme ve geri dönüş URL'si yönetimi
  • Üçüncü taraf sağlayıcıyla oturum açma
Modül 4
CORS ve Başlık Yönetimi
  • Aynı köken politikasının (SOP) mantığı
  • CORS ön kontrol (preflight) isteği akışı
  • Access-Control başlıklarının yorumlanması
  • credentials ile çerez ve kimlik gönderimi
  • Geliştirmede proxy ile CORS aşımı
  • Yaygın CORS hatalarının çözümü
Günün hedefiKatılımcı hata yönetimi, yeniden deneme, önbellekleme ve istek iptalini uygular; öğrenilenleri gerçek bir API istemcisi projesinde birleştirir.
Modül 1
Hata Yönetimi Stratejisi
  • Ağ, istemci ve sunucu hatalarının ayrımı
  • Merkezi hata yakalama katmanı tasarımı
  • Kullanıcıya anlamlı hata mesajı gösterimi
  • Hata durumunda arayüzün geri bildirimi
  • Loglama ve hata izleme entegrasyonu
  • Beklenmeyen yanıt biçimlerine karşı koruma
Modül 2
Yeniden Deneme ve İptal
  • Geçici hatalarda yeniden deneme mantığı
  • Üstel geri çekilme (exponential backoff)
  • AbortController ile istek iptali
  • Zaman aşımı (timeout) tanımlanması
  • Yarış durumu (race condition) önleme
  • Gereksiz tekrar isteklerin engellenmesi
Modül 3
Önbellek ve Performans
  • HTTP önbellek başlıklarının kullanımı
  • İstemci tarafı yanıt önbellekleme
  • ETag ve koşullu istekle bant tasarrufu
  • Tekrarlı isteklerin birleştirilmesi (dedupe)
  • Veri tazeleme ve geçersiz kılma stratejisi
  • İstek sayısını azaltan tasarım kararları
Modül 4
Bitirme Projesi: API İstemcisi
  • Gerçek bir REST API'nin keşfi ve planı
  • Yeniden kullanılabilir istek katmanı yazımı
  • Listeleme, detay ve form isteklerinin kurgusu
  • Kimlik doğrulama akışının projeye bağlanması
  • Yükleniyor ve hata durumlarının yönetimi
  • Projenin test edilip gözden geçirilmesi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
HTTP hakimiyeti

HTTP yöntemlerini, durum kodlarını ve istek-yanıt döngüsünü kavrayarak isteklerinizi doğru anlamla kurarsınız.

✅
REST tasarımı

Kaynak modeli, URI tasarımı ve olgunluk seviyeleriyle REST servislerinin mantığını okuyup doğru tüketirsiniz.

✅
fetch ve axios

fetch API ve axios ile GET ve POST isteklerini async/await üzerinden kurup JSON yanıtlarını işleyebilirsiniz.

✅
Asenkron akış

Promise, async/await ve paralel istekleri yöneterek okunabilir ve öngörülebilir asenkron kod yazarsınız.

✅
Kimlik doğrulama

Token, JWT ve OAuth2 akışlarıyla isteklerinizi güvenli biçimde yetkilendirir ve oturum yenilemeyi kurarsınız.

✅
CORS çözümü

Aynı köken politikası ve CORS ön kontrol akışını anlayarak yaygın tarayıcı erişim hatalarını çözersiniz.

✅
Dayanıklı istemci

Hata yönetimi, yeniden deneme, zaman aşımı ve iptalle ağ sorunlarına dirençli istemciler geliştirirsiniz.

✅
Önbellek ve performans

Önbellekleme, ETag ve istek birleştirme ile gereksiz trafiği azaltıp istemci performansını artırırsınız.

Kimler İçin Uygundur?

  • HTML
  • CSS ve JavaScript temeline sahip
  • ön yüz uygulamalarını REST servislerine bağlamak isteyen web geliştiricileri
  • bir arayüzü canlı veriyle beslemek isteyen junior
  • orta seviye yazılımcılar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
HTML, CSS ve JavaScript temeline sahip, ön yüz uygulamalarını REST servislerine bağlamak isteyen web geliştiricileri ve orta seviye yazılımcılar için uygundur. Değişken, fonksiyon, dizi ve nesne gibi JavaScript kavramlarına hakimiyet beklenir; asenkron programlama ve async/await eğitim içinde pekiştirilir.
Eğitimde hangi araçlar ve kütüphaneler kullanılıyor?
Veri çekme için tarayıcının yerleşik fetch API'si ve axios kütüphanesi kullanılır. İstekler tarayıcı geliştirici araçlarının ağ sekmesinde izlenir, örnek servisler için genel REST API'leri ve bir mock sunucu kullanılabilir. Kimlik doğrulama bölümünde JWT ve OAuth2 akışları örnek uç noktalar üzerinden uygulanır.
CORS hatalarını bu eğitimde çözmeyi öğrenir miyim?
Evet. Aynı köken politikası, CORS ön kontrol (preflight) isteği ve Access-Control başlıkları ayrıntılı işlenir. Geliştirme ortamında proxy ile CORS aşımı, credentials ile kimlik gönderimi ve en sık karşılaşılan CORS hatalarının nedenleri ile çözümleri uygulamalı olarak gösterilir.
Eğitimin süresi ve formatı nedir?
Eğitim dört gün sürer ve her gün dört modülden oluşur. HTTP temelinden başlayıp fetch ve axios ile veri çekme, kimlik doğrulama ve dayanıklı bir istemci projesiyle ilerler. Yüz yüze veya online yapılabilir; içerik kurumun kullandığı API ve teknoloji yığınına göre uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve geliştirilen API istemcisi projesini belgeler; kurumsal gruplara kurumun kendi servisleri üzerinden entegrasyon atölyesiyle genişletilebilir.

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. Front-end Apps: RESTful Services & Clients Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

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

Bu Eğitimle Birlikte Tercih Edilenler

Web Geliştirme GenelPython ile Web Programlama Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Python ile Web Programlama Eğitimi

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

HTTP ve WSGI temelinden Flask, SQL, ORM, REST API ve FastAPI ile asenkron servislere kadar Python ile web programlamayı uçtan uca öğreten uygulamalı eğitim.

Detayları Gör →
Web Geliştirme GenelR ile Shiny Uygulaması Web Geliştirme Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

R ile Shiny Uygulaması Web Geliştirme Eğitimi

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

R ve Shiny ile reaktif programlama, ggplot2 ve plotly etkileşimli grafikleri, gösterge panelleri ve yayını öğreten, veri odaklı uygulamalı web geliştirme eğitim

Detayları Gör →
Web Geliştirme GenelSıfırdan Front-End (Web Arayüz) Mühendisi & Uzmanı Yetiştirme ve Geliştirme Programı Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Sıfırdan Front-End (Web Arayüz) Mühendisi & Uzmanı Yetiştirme ve Geliştirme Programı Eğitimi

5 günUzmanOnline / Yüz Yüze / Hibrit

HTML, CSS, JavaScript, TypeScript, React ve Vue ile sıfırdan üretim düzeyi ön yüz mühendisliği öğreten beş günlük kapsamlı kurumsal program.

Detayları Gör →
Web Geliştirme GenelWCAG Odaklı Erişilebilir Web Geliştirme Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

WCAG Odaklı Erişilebilir Web Geliştirme Eğitimi

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

WCAG 2.2 ilkeleri, ARIA, klavye erişimi ve erişilebilirlik testiyle herkes için kullanılabilir web geliştirmeyi öğreten uygulamalı kurumsal eğitim.

Detayları Gör →
Web Geliştirme GenelWeb Front-End ve Paket Güncellemeleri Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Web Front-End ve Paket Güncellemeleri Eğitimi

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

npm bağımlılık yönetimi, semantik sürümleme, güvenlik denetimi ve kırıcı değişiklik geçişini öğreten uygulamalı kurumsal ön yüz güncelleme eğitimi.

Detayları Gör →
Web Geliştirme GenelWordPress Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

WordPress Eğitimi

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

WordPress kurulumu, Gutenberg, tema ve eklenti yönetimi, SEO, güvenlik ve bakımı uygulamalı öğreten kurumsal web sitesi yönetimi eğitimi.

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