API DEVELOPMENT: HTML & HYPERMEDIA EĞİTİMİ

HTML'i uygulamanın motoru haline getirin

REST, hypermedia kontrolleri, HATEOAS ve htmx ile sunucu odaklı, sade API mimarisi

API Development: HTML & Hypermedia Eğitimi, HTML'i uygulama durumunun motoru olarak kullanan hypermedia yaklaşımını öğretir. Program REST ilkeleri, HTTP metotları ve içerik müzakeresiyle başlar; bağlantı ve form gibi hypermedia kontrolleri ile HATEOAS işlenir…

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

Eğitim Hakkında

REST ilkelerinden hypermedia kontrollerine, HATEOAS'tan htmx ile dinamik arayüze akış

API Development: HTML & Hypermedia Eğitimi, HTML'i yalnızca görüntüleme değil uygulama durumunun motoru olarak kullanan hypermedia yaklaşımını öğretir. Katılımcılar REST ilkelerini, HTTP metotlarını ve içerik müzakeresini kavrar; bağlantı ve form gibi hypermedia kontrollerini uygular. HATEOAS ile durum geçişleri, htmx ile sayfa yenilemeden dinamik güncelleme ve ilerlemeli zenginleştirme işlenir. Program JSON API'leriyle karşılaştırma ve mimari kararlarla tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; hypermedia odaklı tek bir uygulama REST ve htmx ile baştan sona geliştirilir.

Seviye

Orta Seviye — HTML'i hypermedia olarak kullanarak REST, HATEOAS ve htmx ile sunucu odaklı uygulama kurma

Öğrenme Metodu

Her modülde yazılan HTML yanıtları ve uç noktalar tarayıcıda çalıştırılır; hypermedia kontrolleri gerçek bir uygulamada uygulanır.

Neden Bu Eğitim?

🎯Sade mimari

Ağır JavaScript çerçeveleri yerine HTML ve hypermedia yaklaşımıyla daha az karmaşıklık ve bağımlılıkla çalışan uygulamalar kurarsınız.

🔗Gerçek REST

HATEOAS ve hypermedia kontrolleriyle REST'in asıl ilkelerini uygulayarak sunucunun istemciyi yönlendirdiği esnek API'ler tasarlarsınız.

⚡htmx ile hız

htmx ile sayfayı yenilemeden dinamik güncelleme sağlayarak modern kullanıcı deneyimini az kod ve sade bir mimariyle elde edersiniz.

Anahtar Konular

hypermedia eğitimihtmx eğitimirest api eğitimihateoas eğitimihtml hypermediaapi geliştirme eğitimisunucu odaklı web eğitimihtmx kursuweb geliştirme eğitimirest mimarisi
“HTML sadece bir belge biçimi değil, uygulama durumunun motorudur; bu eğitim o gücü modern bir mimariye dönüştürmeyi öğretir.”

Ön Koşullar

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

1
HTML bilgisi

Form, bağlantı ve semantik etiketler dahil temel HTML bilgisi beklenir; hypermedia bu yapı üzerine kurulur.

2
HTTP temeli

İstek, yanıt ve durum kodları gibi temel HTTP kavramlarına aşinalık faydalıdır; konular eğitimde pekiştirilir.

3
Sunucu tarafı deneyimi

Herhangi bir dilde temel sunucu tarafı geliştirme deneyimi faydalıdır; örnekler dilden bağımsız ilkelere dayanır.

4
Geliştirme araçları

Kod editörü, güncel tarayıcı ve istek incelemek için geliştirici araçları veya bir HTTP istemcisi gereklidir.

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ı REST'in kaynak odaklı modelini kavrar, HTTP metotlarını ve durum kodlarını doğru kullanır ve içerik müzakeresiyle yanıt türünü yönetmeyi öğrenir.
Modül 1
Kaynak Odaklı Düşünme
  • Kaynak, temsil ve URI kavramlarının ayrımı
  • Kaynak adlandırma ve URI tasarım ilkeleri
  • Durumsuzluk ve her isteğin bağımsızlığı
  • Temsil ile kaynak arasındaki ilişki
  • Koleksiyon ve tekil kaynak desenleri
  • RPC tarzı ile kaynak tarzı karşılaştırması
Modül 2
HTTP Metotları ve Anlamları
  • GET ile güvenli ve önbelleklenebilir okuma
  • POST ile kaynak oluşturma ve işlem
  • PUT ve PATCH ile güncelleme farkı
  • DELETE ile kaynak silme davranışı
  • Idempotentlik ve güvenli metot kavramı
  • Metot seçiminin arayüze yansıması
Modül 3
Durum Kodları ve Başlıklar
  • 2xx başarı ve oluşturma durum kodları
  • 3xx yönlendirme ve koşullu istekler
  • 4xx istemci hataları ve anlamları
  • 5xx sunucu hataları ve ele alınması
  • Location ve Content-Type başlıkları
  • Cache-Control ile önbellek yönetimi
Modül 4
İçerik Müzakeresi ve Türler
  • Accept başlığı ile yanıt türü isteme
  • text/html ve application/json ayrımı
  • Aynı kaynağın farklı temsilleri
  • Media type ile veri sözleşmesi
  • Dil ve karakter kodlaması müzakeresi
  • Hypermedia için uygun media type seçimi
Günün hedefiKatılımcı HTML'in bağlantı ve form kontrollerini hypermedia olarak kullanır, HATEOAS ile sunucunun yönlendirdiği durum geçişlerini ve keşfedilebilir API'yi tasarlar.
Modül 1
HTML'in Hypermedia Doğası
  • HTML'in yerleşik hypermedia kontrolleri
  • Bağlantının durum geçişi olarak anlamı
  • Formun istemciye eylem tanımlaması
  • Uygulama durumunun yanıtta taşınması
  • İstemcinin önceden bilgi gereksiniminin azalması
  • Hypermedia ile veri API arasındaki fark
Modül 2
Bağlantı ve Form Kontrolleri
  • Anlamlı rel değerleriyle bağlantı ilişkileri
  • Sonraki ve önceki sayfa bağlantıları
  • Formun method ve action ile eylem tanımı
  • Girdi alanlarıyla eylem parametrelerinin sunumu
  • GET formu ile filtreleme ve arama
  • Kontrollerin erişilebilir biçimde sunulması
Modül 3
HATEOAS ve Durum Makinesi
  • HATEOAS ilkesi ve istemci bağımsızlığı
  • Uygulamanın durum makinesi olarak modeli
  • Her yanıtta mümkün eylemlerin sunulması
  • Duruma göre bağlantıların gösterilip gizlenmesi
  • Sunucunun uygulama akışını yönlendirmesi
  • İstemci ve sunucu arasında bağın gevşemesi
Modül 4
Keşfedilebilir API Tasarımı
  • Giriş noktasından gezinilebilir API kurgusu
  • Sabit URI yerine bağlantı izleme
  • Sürümleme ve geriye uyumluluk stratejisi
  • Yanıtların önbellek dostu tasarlanması
  • Hata yanıtlarının hypermedia ile sunumu
  • İnsan ve makine için okunur temsiller
Günün hedefiKatılımcı htmx öznitelikleriyle sayfayı yenilemeden istek atar, sunucudan gelen HTML parçalarıyla arayüzü günceller ve zengin etkileşimi az kodla kurar.
Modül 1
htmx Temelleri ve Kurulum
  • htmx'in kütüphane olarak sayfaya eklenmesi
  • hx-get ve hx-post ile istek tetikleme
  • hx-target ile yanıtın yerleştirileceği öğe
  • hx-swap ile içerik değiştirme stratejisi
  • hx-trigger ile olay bazlı istek
  • Sunucudan dönen HTML parçasının işlenmesi
Modül 2
Kısmi Yanıt ve Parçalar
  • Tam sayfa yerine HTML parçası döndürme
  • Aynı uç noktadan tam ve kısmi yanıt
  • HX-Request başlığı ile istek ayrımı
  • Parça şablonlarının yeniden kullanımı
  • Liste güncelleme ve satır ekleme deseni
  • Sunucu odaklı render ile tutarlılık
Modül 3
Etkileşim Desenleri
  • Satır içi düzenleme ve kaydetme akışı
  • Form gönderimi ve doğrulama yanıtı
  • Sonsuz kaydırma ve sayfalama akışı
  • Aktif arama ve anlık filtreleme
  • Silme onayı ve öğenin listeden kaldırılması
  • Yükleniyor göstergesi ve geri bildirim
Modül 4
İlerlemeli Zenginleştirme
  • JavaScript olmadan çalışan temel akış
  • htmx ile akışın kademeli zenginleştirilmesi
  • Erişilebilirlik ve odak yönetimi
  • Tarayıcı geçmişi ve hx-push-url
  • Olay ile tetiklenen sunucu güncellemeleri
  • Küçük JavaScript ile boşlukların doldurulması
Günün hedefiKatılımcı hypermedia yaklaşımını JSON API'leriyle karşılaştırır, güvenlik ve performans konularını ele alır ve projesine uygun mimari kararı gerekçeleriyle verir.
Modül 1
Hypermedia ve JSON Karşılaştırması
  • HTML hypermedia ile JSON API farkları
  • HAL ve JSON API gibi hypermedia biçimleri
  • Mobil ve üçüncü taraf istemci ihtiyaçları
  • İstemci karmaşıklığının sunucuya taşınması
  • Veri API'sinin gerektiği durumlar
  • İki yaklaşımın bir arada kullanımı
Modül 2
Güvenlik Konuları
  • CSRF koruması ve token yönetimi
  • Kimlik doğrulama ve oturum stratejisi
  • Yetkiye göre eylem ve bağlantı gösterimi
  • Girdi doğrulama ve sunucu tarafı denetim
  • XSS riskine karşı çıktının kaçırılması
  • Güvenli başlıklar ve içerik politikası
Modül 3
Performans ve Önbellek
  • HTTP önbelleği ile tekrar isteklerin azaltılması
  • Kısmi yanıtla veri aktarımının düşürülmesi
  • Sunucu tarafı render maliyetinin yönetimi
  • ETag ve koşullu isteklerle doğrulama
  • Parça boyutu ve ağ gecikmesi dengesi
  • Ölçeklenme için durumsuzluğun korunması
Modül 4
Mimari Karar ve Uyarlama
  • Projeye uygun yaklaşımın seçilmesi
  • Ekibin yetkinliğine göre teknoloji kararı
  • Mevcut backend ile htmx entegrasyonu
  • Aşamalı geçiş ve risk yönetimi
  • Bakım kolaylığı ve uzun vadeli maliyet
  • Kurum bağlamına özel uyarlama örnekleri

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
REST ilkeleri

Kaynak odaklı modeli, HTTP metotlarını ve durum kodlarını doğru kullanarak tutarlı ve öngörülebilir API'ler tasarlayabilirsiniz.

✅
İçerik müzakeresi

Accept başlığı ve media type ile aynı kaynağın HTML ve JSON temsillerini sunan esnek uç noktalar kurabilirsiniz.

✅
Hypermedia kontrol

HTML'in bağlantı ve form kontrollerini hypermedia olarak kullanarak uygulama durumunu yanıt içinde taşıyan arayüzler kurarsınız.

✅
HATEOAS tasarımı

HATEOAS ile sunucunun yönlendirdiği durum geçişleri ve keşfedilebilir, istemciden gevşek bağlı API'ler tasarlayabilirsiniz.

✅
htmx kullanımı

htmx öznitelikleriyle sayfayı yenilemeden istek atar, sunucudan gelen HTML parçalarıyla arayüzü dinamik olarak güncellersiniz.

✅
Etkileşim desenleri

Satır içi düzenleme, aktif arama, sonsuz kaydırma ve form doğrulama gibi etkileşimleri az kodla ve sunucu odaklı kurarsınız.

✅
Güvenlik

CSRF koruması, yetkiye göre eylem sunumu ve çıktı kaçırma gibi ilkelerle güvenli hypermedia uygulamaları geliştirebilirsiniz.

✅
Mimari karar

Hypermedia ve JSON API yaklaşımlarını karşılaştırarak projenize ve ekibinize uygun mimari kararı gerekçeleriyle verebilirsiniz.

Kimler İçin Uygundur?

  • Karmaşık JavaScript çerçeveleri yerine sunucu odaklı sade mimariler kurmak isteyen geliştiriciler
  • REST
  • hypermedia kavramlarını derinleştirmek isteyen backend yazılımcıları ve htmx ile çalışmak isteyen ekipler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Karmaşık JavaScript çerçeveleri yerine sunucu odaklı sade mimariler kurmak isteyen geliştiriciler, REST ve hypermedia kavramlarını derinleştirmek isteyen backend yazılımcıları ve htmx ile çalışmak isteyen ekipler için uygundur. Temel HTML ve HTTP bilgisi beklenir.
Hypermedia yaklaşımı JSON API'nin yerini alır mı?
Hayır, ikisi farklı ihtiyaçlara hizmet eder. Hypermedia, tarayıcı odaklı uygulamalarda karmaşıklığı sunucuya taşıyarak sadeleşme sağlar; JSON API ise mobil ve üçüncü taraf istemciler için uygundur. Eğitimde iki yaklaşımın güçlü yanları ve bir arada kullanımı karşılaştırmalı ele alınır.
htmx için JavaScript bilmek şart mı?
htmx'in temel kullanımı HTML öznitelikleriyle olur ve çok az JavaScript gerektirir. Bazı ileri durumlarda küçük JavaScript parçaları eklenir. Eğitim JavaScript olmadan çalışan temel akışı kurar ve htmx ile kademeli zenginleştirmeyi gösterir; derin JavaScript bilgisi gerekmez.
Eğitim belirli bir backend diline bağlı mı?
Hayır. İlkeler dilden bağımsızdır ve herhangi bir sunucu tarafı teknolojide uygulanabilir. Örnekler HTTP ve HTML düzeyinde ilerler; kurumun kullandığı dile göre uyarlanabilir. Önemli olan hypermedia ve REST ilkelerinin kavranması ve htmx ile uygulanmasıdır.
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 örnek hypermedia uygulamasını belgeler; kurumsal gruplara özel uyarlama yapılabilir.

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. API Development: HTML & Hypermedia 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

HTML ve CSSResponsive Web Tasarımı Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Responsive Web Tasarımı Eğitimi

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

Mobile-first yaklaşım, media queries, Flexbox, Grid, srcset ve container queries ile her ekrana uyumlu responsive arayüz tasarlama eğitimi.

Detayları Gör →
HTML ve CSSSass (Syntactically Awesome Style Sheets) Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Sass (Syntactically Awesome Style Sheets) Eğitimi

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

Sass ile değişken, mixin, fonksiyon, @use modül sistemi ve 7-1 mimarisini uygulamalı öğreten kurumsal SCSS eğitimi. Modüler ve ölçeklenebilir CSS.

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

Temel Seviye HTML Eğitimi

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

Sıfırdan HTML öğreten temel seviye kurumsal eğitim. Doküman yapısı, metin, bağlantı, görsel, tablo, form ve semantik etiketler uygulamalı.

Detayları Gör →
HTML ve CSSTemel ve İleri Seviye HTML Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Temel ve İleri Seviye HTML Eğitimi

4 günİleriOnline / Yüz Yüze / Hibrit

Temel etiketlerden semantik HTML5, gelişmiş form, çoklu ortam, Canvas, Web Storage ve web bileşenlerine uzanan kapsamlı kurumsal HTML eğitimi.

Detayları Gör →
HTML ve CSSAdvanced Options & Responsive Web Design Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Advanced Options & Responsive Web Design Eğitimi

4 günİleriOnline / Yüz Yüze / Hibrit

Flexbox, CSS Grid, container query ve akışkan tipografiyle her ekrana uyumlu arayüz kurmayı öğreten ileri seviye responsive web tasarım eğitimi.

Detayları Gör →
HTML ve CSSBasic Coding in Adobe Dreamweaver CC Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Basic Coding in Adobe Dreamweaver CC Eğitimi

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

Adobe Dreamweaver CC ile HTML, CSS kod yazımı, CSS Designer, Emmet, Bootstrap ve FTP ile site yayınlamayı öğreten uygulamalı kurumsal eğitim.

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