Veriyi getirin, gönderin, arayüze akıtın
HTML with JavaScript & CSS: Data Flow, Consuming, & Transmitting Data Eğitimi, arayüz ile sunucu arasında veri alışverişini uçtan uca öğretir.
Fetch ile veri tüketmekten form gönderimine, REST desenlerinden hata yönetimine akış
HTML with JavaScript & CSS: Data Flow, Consuming, & Transmitting Data Eğitimi, web uygulamasının sunucuyla veri alışverişini baştan sona uygulamalı öğretir. Katılımcılar Fetch API ile veri tüketmeyi, JSON ayrıştırmayı ve yanıt durumlarını ele almayı öğrenir. FormData ve JSON gövdesiyle veri gönderme, REST uç noktalarıyla çalışma, CORS ve kimlik doğrulama başlıkları işlenir. Eğitim hata yönetimi, yeniden deneme ve arayüzde veri akışı ile tamamlanır.
3 Gün. Her gün dört modül; tek bir arayüz, bir REST API'den veri tüketecek ve ona veri gönderecek biçimde adım adım kurulur.
Orta Seviye — Fetch, JSON, FormData ve REST ile veriyi tüketme, gönderme ve arayüzde akıtma
Her modülde yazılan istek kodu Network sekmesinde incelenir; veri akışı gerçek bir REST API üzerinde uçtan uca uygulanır.
Veriyi sunucudan getirmekten arayüzde göstermeye ve geri göndermeye kadar tüm akışı kavrayarak dinamik uygulamalar kurarsınız.
Fetch API, Promise ve async/await ile temiz, okunabilir ve iptal edilebilir ağ istekleri yazarak eski XHR kalıplarını bırakırsınız.
Durum kodlarını, zaman aşımını ve yeniden denemeyi doğru ele alarak ağ hatalarına dayanıklı ve güvenilir arayüzler üretirsiniz.
Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri
Fonksiyon, dizi ve nesne gibi temel JavaScript kavramlarına aşinalık beklenir; örnekler bunlara dayanır.
Promise ve async/await yapısına temel düzeyde aşinalık, Fetch örneklerini anlamayı önemli ölçüde kolaylaştırır.
input, form ve submit gibi temel form öğelerine aşinalık, veri gönderme modüllerinde faydalı olur.
VS Code gibi bir editör ve Network sekmesini inceleyebileceğiniz güncel bir tarayıcı gereklidir.
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.
Program sonunda katılımcılar:
Fetch API ile sunucudan veri getirir, JSON yanıtını ayrıştırır ve durum kodlarını ele alarak güvenilir okuma akışları kurarsınız.
async/await ve Promise.all ile sıralı ve paralel istekleri yönetir, yükleniyor ve hata durumlarını temiz biçimde ele alırsınız.
POST, PUT ve PATCH ile sunucuya JSON gövdesi gönderir, kaynak oluşturma ve güncelleme akışlarını doğru biçimde kurarsınız.
FormData ve URLSearchParams ile form verisini kodlar, dosya yükler ve gönderim olaylarını yakalayarak sağlam formlar kurarsınız.
Constraint Validation API ve HTML öznitelikleriyle istemci tarafı doğrulama yapar, erişilebilir hata mesajları gösterirsiniz.
REST uç noktalarıyla tutarlı çalışır, CORS kurallarını ve ön kontrol isteklerini anlayarak köken sorunlarını çözersiniz.
Authorization başlığıyla token gönderir, 401 ve 403 yanıtlarını ele alır ve token yenileme akışını güvenle yönetirsiniz.
Üstel bekleme ile yeniden deneme, iptal ve önbellekleme uygulayarak ağ hatalarına dayanıklı istek katmanları kurarsınız.
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.
CSS seçiciler, görsel efektler, CSS değişkenleri ve JavaScript ile dinamik stil, koyu tema ve animasyonları öğreten orta seviye biçimlendirme eğitimi.
Detayları Gör →
Event loop, Promise, async/await, WebSocket ve Server-Sent Events ile asenkron işlem ve gerçek zamanlı iletişim kurmayı öğreten orta seviye eğitim.
Detayları Gör →
Web Workers, SharedArrayBuffer ve Atomics ile yanıt veren arayüzler kurmayı ve algoritmaları paralelleştirmeyi öğreten orta seviye performans eğitimi.
Detayları Gör →
Sıfırdan HTML ve CSS öğrenin: etiketler, semantik yapı, formlar, seçiciler, kutu modeli ve ilk web sayfanızı kodlayın. Başlangıç seviyesi uygulamalı eğitim.
Detayları Gör →
HTML, CSS ve JavaScript'i birlikte öğrenin: semantik yapı, Flexbox, DOM, olaylar ve form doğrulama ile dinamik web uygulaması geliştirin. Uygulamalı eğitim.
Detayları Gör →
JavaScript dil kurallarını, fonksiyonları, kapsam ve closure'ı öğrenin; DOM ile HTML elemanlarını seçip olaylarla yönetin. Uygulamalı orta seviye eğitim.
Detayları Gör →