HTML WITH JAVASCRIPT & CSS: WEBSOCKETS & ASYNCHRONOUS PROCESSING EĞİTİMİ

Gerçek zamanlı ve asenkron web kurun

Event loop, Promise ve async/await ile asenkron işlem, WebSocket ile gerçek zamanlı iletişim

HTML with JavaScript & CSS: WebSockets & Asynchronous Processing Eğitimi, web'in asenkron doğasını ve gerçek zamanlı iletişimi uygulamalı öğretir.

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

Eğitim Hakkında

Event loop ve Promise temelinden WebSocket iletişimine, gerçek zamanlı mimarilere akış

HTML with JavaScript & CSS: WebSockets & Asynchronous Processing Eğitimi, modern web'in asenkron doğasını ve gerçek zamanlı iletişimi uygulamalı öğretir. Katılımcılar event loop, Promise ve async/await ile asenkron akışı kavrar; ileri Promise desenleri, iptal ve async iteratörleri işler. WebSocket API ile çift yönlü iletişim, yeniden bağlanma ve mesajlaşma kurulur. Eğitim Server-Sent Events, yayınla abone ol deseni ve güvenlikle tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; tek bir arayüz üzerinde asenkron akış ve WebSocket ile canlı iletişim adım adım kurulur.

Seviye

Orta Seviye — Event loop, Promise ve async/await ile asenkron işlem, WebSocket ile gerçek zamanlı iletişim

Öğrenme Metodu

Her modülde yazılan kod Network ve Console sekmelerinde izlenir; asenkron ve gerçek zamanlı teknikler canlı bir uygulamada uygulanır.

Neden Bu Eğitim?

⏱️Asenkronu kavrama

Event loop, mikro görev ve Promise mekaniğini gerçekten anlayarak asenkron hataların kökenini çözer ve akışı güvenle yönetirsiniz.

🔌Gerçek zamanlı iletişim

WebSocket ile sunucu ve istemci arasında çift yönlü, düşük gecikmeli iletişim kurarak canlı ve etkileşimli deneyimler üretirsiniz.

🏗️Doğru mimari seçimi

WebSocket, Server-Sent Events ve yoklama arasındaki farkları kavrayarak her senaryo için en uygun gerçek zamanlı çözümü seçersiniz.

Anahtar Konular

websocket eğitimiasenkron javascript eğitimigerçek zamanlı web uygulamasıasync await eğitimipromise eğitimievent loop eğitimiserver sent events eğitimicanlı veri akışı kursuön yüz geliştirme eğitimireal time web eğitimi
“Web artık istek beklemiyor, anında konuşuyor; asenkronu ve gerçek zamanlıyı anlamak bu diyaloğa dahil olmanın anahtarıdır.”

Ön Koşullar

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

1
JavaScript bilgisi

Fonksiyon, dizi ve nesne gibi JavaScript kavramlarına rahat aşinalık beklenir; örnekler bunlara dayanır.

2
Temel ağ bilgisi

HTTP istek ve yanıt kavramına temel aşinalık, WebSocket ve SSE konularını anlamayı kolaylaştırır.

3
Fetch deneyimi

Fetch ile istek atma deneyimi, asenkron akış ve gerçek zamanlı alternatifleri kavramada faydalı olur.

4
Editör ve tarayıcı

VS Code gibi bir editör, bir WebSocket sunucusu ve geliştirici araçlı güncel bir tarayıcı 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ı event loop ve görev kuyruklarını kavrar, callback'ten Promise'e geçişi anlar ve async/await ile okunabilir asenkron kod yazar.
Modül 1
Event Loop ve Çalışma Modeli
  • Tek iş parçacığı ve çağrı yığını
  • Web API ve geri çağırma kuyruğu
  • Makro görev ve mikro görev ayrımı
  • setTimeout ile zamanlama davranışı
  • queueMicrotask ile mikro görev ekleme
  • Bloklayan kodun arayüze etkisi
Modül 2
Callback ve Sorunları
  • Geri çağırma ile asenkron işlem yazımı
  • Hata önce deseniyle callback kullanımı
  • İç içe callback ve piramit sorunu
  • Kontrolün tersine dönmesi riski
  • Callback ile hata yakalama zorluğu
  • Callback'ten Promise'e geçiş gerekçesi
Modül 3
Promise Mekaniği
  • Promise durumları ve çözümlenme
  • then, catch ve finally zinciri
  • Promise döndüren fonksiyon yazma
  • Zincirde değer ve hata yayılımı
  • Promise'i çözme ve reddetme mantığı
  • Mikro görev olarak Promise işleyişi
Modül 4
async ve await Kullanımı
  • async fonksiyon ve Promise dönüşü
  • await ile değeri bekleyerek okuma
  • try catch ile asenkron hata yönetimi
  • Sıralı ve paralel await stratejileri
  • Döngü içinde await ve tuzakları
  • async stilin okunabilirlik avantajı
Günün hedefiKatılımcı Promise birleştiricilerini kullanır, isteği iptal eder ve zaman aşımı uygular, async iteratör ve generator ile akış verisini işler.
Modül 1
Promise Birleştiriciler
  • Promise.all ile tümünü bekleme
  • Promise.allSettled ile kısmi sonuç
  • Promise.race ile ilk sonucu alma
  • Promise.any ile ilk başarıyı alma
  • Paralel istek sonuçlarını birleştirme
  • Birleştiricilerde hata davranışı
Modül 2
İptal ve Zaman Aşımı
  • AbortController ve signal kullanımı
  • Fetch isteğini signal ile iptal etme
  • Zaman aşımını Promise ile kurma
  • race ile zaman aşımı yarışı deseni
  • İptal edilen işlemin temizlenmesi
  • Yarış durumlarının önlenmesi yolları
Modül 3
Generator ve Async Iterator
  • Generator fonksiyon ve yield mantığı
  • Iterator protokolü ve next çağrısı
  • async generator ile asenkron üretim
  • for await of ile akış tüketimi
  • Akış verisini parça parça işleme
  • Sonsuz akış ve geri basınç kavramı
Modül 4
Asenkron Hata Yönetimi
  • Yakalanmayan Promise reddi olayı
  • Merkezi hata yakalama stratejisi
  • Yeniden deneme ve üstel bekleme
  • Zaman aşımı ve iptal hatalarını ayırma
  • Kullanıcıya anlamlı hata geri bildirimi
  • Hata sınırları ve kurtarma akışı
Günün hedefiKatılımcı WebSocket bağlantısı kurar, mesaj gönderip alır, metin ve ikili veriyi işler ve bağlantı kopmasında yeniden bağlanma mantığı kurar.
Modül 1
WebSocket Temelleri
  • WebSocket protokolü ve HTTP yükseltme
  • new WebSocket ile bağlantı açma
  • ws ve wss güvenli bağlantı farkı
  • El sıkışma ve bağlantı kurulum akışı
  • WebSocket ile HTTP arasındaki fark
  • Bağlantı yaşam döngüsü kavramı
Modül 2
Mesajlaşma ve Olaylar
  • open, message, close ve error olayları
  • send ile sunucuya mesaj gönderme
  • Gelen mesajı message olayında işleme
  • JSON tabanlı mesaj protokolü tasarımı
  • Mesaj türü ve yönlendirme mantığı
  • readyState ile bağlantı durumu
Modül 3
İkili Veri ve Akış
  • binaryType ile ikili veri modu
  • ArrayBuffer ile ikili mesaj işleme
  • Blob verisinin alınıp çözülmesi
  • Büyük mesajların parçalara bölünmesi
  • Metin ve ikili veri karışık kullanımı
  • İkili protokolle bant genişliği tasarrufu
Modül 4
Yeniden Bağlanma ve Dayanıklılık
  • Bağlantı kopmasını close ile algılama
  • Üstel bekleme ile yeniden bağlanma
  • Ping pong ile canlılık kontrolü
  • Bağlantı yokken mesajları kuyruğa alma
  • Yeniden bağlanınca durumu eşitleme
  • Ağ değişiminde bağlantı yönetimi
Günün hedefiKatılımcı Server-Sent Events'i WebSocket ile karşılaştırır, yayınla abone ol desenini kurar, ölçekleme sorunlarını değerlendirir ve güvenliği sağlar.
Modül 1
Server-Sent Events
  • EventSource ile tek yönlü akış
  • SSE mesaj biçimi ve olay türleri
  • Otomatik yeniden bağlanma davranışı
  • Last-Event-ID ile kaldığı yerden devam
  • SSE ile WebSocket karşılaştırması
  • Tek yönlü akışın uygun senaryoları
Modül 2
Yayınla Abone Ol Deseni
  • Kanal ve konu tabanlı mesajlaşma
  • Abonelik ve abonelik iptali akışı
  • İstemci tarafı olay yayını mantığı
  • Mesaj yönlendirme ve filtreleme
  • Birden fazla kanalın birlikte yönetimi
  • Gevşek bağlı bileşen iletişimi
Modül 3
Ölçekleme ve Performans
  • Çok sayıda eş zamanlı bağlantı yükü
  • Mesaj hızını kısma ve toplu gönderim
  • Gereksiz mesajların filtrelenmesi
  • Arayüzde güncellemeyi gruplama
  • Bellek sızıntısı ve dinleyici temizliği
  • Yük altında gecikme ölçümü ve izleme
Modül 4
Güvenlik ve Canlı Proje
  • wss ile şifreli bağlantı zorunluluğu
  • Bağlantıda token ile kimlik doğrulama
  • Köken denetimi ve yetkilendirme
  • Gelen mesajın doğrulanması ve temizliği
  • Canlı sohbet veya pano arayüzü kurma
  • Gerçek zamanlı güncellemenin bağlanması

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Event loop

Çağrı yığını, makro ve mikro görev kuyruklarını kavrayarak asenkron kodun çalışma sırasını anlar ve zamanlama hatalarını çözersiniz.

✅
Promise ve async

Promise mekaniğini ve async/await yapısını kullanarak okunabilir, hata yönetimi sağlam ve bakımı kolay asenkron akışlar yazarsınız.

✅
Promise desenleri

Promise.all, race ve any gibi birleştiricilerle paralel işleri yönetir, sonuçları birleştirir ve kısmi başarıyı doğru ele alırsınız.

✅
İptal ve akış

AbortController ile iptal ve zaman aşımı uygular, async iteratör ve generator ile akış verisini parça parça güvenle işlersiniz.

✅
WebSocket

WebSocket ile çift yönlü bağlantı kurar, metin ve ikili mesajlaşmayı yönetir ve bağlantı yaşam döngüsünü doğru biçimde ele alırsınız.

✅
Dayanıklı bağlantı

Üstel bekleme ile yeniden bağlanma, ping pong canlılık kontrolü ve mesaj kuyruğuyla kopmalara dayanıklı iletişim kurarsınız.

✅
Gerçek zamanlı mimari

Server-Sent Events ve yayınla abone ol desenini kavrayarak her senaryo için doğru gerçek zamanlı mimariyi seçip kurarsınız.

✅
Güvenlik ve ölçek

wss, token doğrulama ve mesaj kısma ile gerçek zamanlı uygulamaları güvenli ve ölçeklenebilir biçimde tasarlayıp canlı proje kurarsınız.

Kimler İçin Uygundur?

  • Gerçek zamanlı özellikler kurmak isteyen ön yüz geliştiriciler
  • asenkron JavaScript'i derinleştirmek isteyen geliştiriciler
  • canlı veri akışı gereken arayüzler geliştiren web ekipleri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Gerçek zamanlı özellikler kurmak isteyen ön yüz geliştiriciler, asenkron JavaScript'i derinleştirmek isteyen geliştiriciler ve canlı veri akışı gereken arayüzler geliştiren web ekipleri için uygundur. JavaScript ve temel HTTP bilgisi, Fetch deneyimiyle birlikte beklenir.
WebSocket ile Server-Sent Events arasındaki fark nedir?
WebSocket çift yönlü ve düşük gecikmeli bir bağlantı kurar; hem istemci hem sunucu mesaj gönderebilir. Server-Sent Events ise yalnızca sunucudan istemciye tek yönlü akış sağlar ve HTTP üzerinde çalışır. Eğitimde ikisinin hangi senaryoda tercih edileceği ve yoklamaya göre avantajları uygulamalı karşılaştırılır.
Gerçek bir WebSocket uygulaması kuruluyor mu?
Evet. Son günde canlı sohbet veya gerçek zamanlı pano gibi bir arayüz kurulur; WebSocket ile mesajlaşma, yeniden bağlanma ve durum eşitleme uygulanır. Ayrıca wss ile şifreli bağlantı, token ile kimlik doğrulama ve gelen mesajın doğrulanması güvenlik açısından ele alınır.
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. Tek bir arayüz üzerinde asenkron akış ve WebSocket ile canlı iletişim adım adım kurulur. Yüz yüze veya online yapılabilir; içerik kurumun gerçek zamanlı ihtiyaçları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 gerçek zamanlı uygulamayı 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. HTML with JavaScript & CSS: WebSockets & Asynchronous Proces 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 CSSHTML - Content Authoring with New and Advanced Features Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML - Content Authoring with New and Advanced Features Eğitimi

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

HTML5'in gelişmiş formları, audio/video, Canvas, SVG, Web Storage, IndexedDB ve cihaz API'leriyle zengin içerik geliştirme eğitimi. İleri ve uygulamalı.

Detayları Gör →
HTML ve CSSHTML Controls, Bindings, & Collections Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML Controls, Bindings, & Collections Eğitimi

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

HTML form kontrolleri, tek ve iki yönlü veri bağlama ve koleksiyonları liste, tablo ve ızgaraya bağlama eğitimi. Tepkisel ve performanslı arayüzler.

Detayları Gör →
HTML ve CSSHTML Helpers for ASP.NET MVC Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML Helpers for ASP.NET MVC Eğitimi

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

ASP.NET MVC ve Core için Razor, strongly-typed HTML Helper'lar, EditorFor/DisplayFor şablonları ve Tag Helper'larla form üretimi eğitimi. Uygulamalı ve model od

Detayları Gör →
HTML ve CSSHTML with JavaScript & CSS: Advanced CSS Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML with JavaScript & CSS: Advanced CSS Eğitimi

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

Flexbox, CSS Grid, transform, keyframe animasyon, custom properties ve duyarlı tasarımla ileri CSS eğitimi. Modern, performanslı ve ölçeklenebilir arayüzler.

Detayları Gör →
HTML ve CSSHTML with JavaScript & CSS: Advanced Input Validation Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML with JavaScript & CSS: Advanced Input Validation Eğitimi

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

HTML5 kısıtları, Constraint Validation API, düzenli ifadeler ve erişilebilir hatalarla ileri form doğrulama eğitimi. İstemci ve sunucu güvenliği birlikte.

Detayları Gör →
HTML ve CSSHTML with JavaScript & CSS: APIs & Data Storage Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML with JavaScript & CSS: APIs & Data Storage Eğitimi

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

localStorage, IndexedDB, Cache API ve tarayıcı API'leriyle istemci tarafında veri saklama ve çevrimdışı uygulama kurmayı öğreten orta seviye web eğitimi.

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