Veriyi tarayıcıda akıllıca saklayın
HTML with JavaScript & CSS: APIs & Data Storage Eğitimi, veriyi tarayıcı tarafında saklama ve yönetme tekniklerini uygulamalı öğretir.
Cookie ve Web Storage'dan IndexedDB'ye, Cache API'den çevrimdışı senkronizasyona akış
HTML with JavaScript & CSS: APIs & Data Storage Eğitimi, modern web uygulamalarında veriyi tarayıcı tarafında saklama ve yönetme tekniklerini uygulamalı olarak öğretir. Katılımcılar cookie, localStorage ve sessionStorage farklarını, IndexedDB ile yapısal veri saklamayı ve Cache API ile kaynakların önbelleğe alınmasını öğrenir. File API, Geolocation ve Notification gibi tarayıcı API'leri ele alınır; eğitim çevrimdışı senkronizasyon ve veri güvenliği konularıyla tamamlanır.
4 Gün. Her gün dört modül; tek bir web uygulaması üzerinde veri saklama katmanı adım adım kurulur ve çevrimdışı çalışır hale getirilir.
Orta Seviye — Web Storage, IndexedDB, Cache API ve tarayıcı API'leriyle istemci tarafında veri yönetimi
Her modülde yazılan kod tarayıcı geliştirici araçlarının Application sekmesinde incelenir; teknikler gerçek bir uygulama üzerinde uygulanır.
Cookie, localStorage, sessionStorage ve IndexedDB arasındaki farkları kavrayarak her senaryo için en uygun saklama yöntemini seçersiniz.
Cache API ve IndexedDB ile ağ bağlantısı olmadan da çalışan, veriyi yerelde tutan ve sonra senkronize eden uygulamalar kurarsınız.
File, Geolocation ve Notification gibi tarayıcı API'lerini kullanarak kullanıcıya yakın, zengin ve etkileşimli deneyimler üretirsiniz.
Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri
Değişken, 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, IndexedDB ve Fetch örneklerini anlamayı kolaylaştırır.
Tarayıcı geliştirici araçlarının Application ve Network sekmelerini açıp inceleyebilmek örneklerde sıkça kullanılır.
VS Code gibi bir editör ve güncel bir tarayıcı gereklidir; yerel sunucuyla çalışmak önerilir.
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:
Cookie, localStorage, sessionStorage ve IndexedDB arasındaki farkları kavrayarak her senaryo için doğru saklama yöntemini seçersiniz.
localStorage ve sessionStorage ile anahtar-değer verisini serileştirerek güvenle saklar, sınırları ve köken izolasyonunu yönetirsiniz.
IndexedDB ile tarayıcıda yapısal veritabanı kurar, object store ve indeks tanımlar, işlemler ve imleçle büyük veriyi yönetirsiniz.
Cache API ile istek ve yanıtları önbelleğe alır, sürümler ve statik varlıkları saklayarak hızlı yüklenen uygulamalar kurarsınız.
File, Geolocation ve Notification gibi tarayıcı API'lerini izin akışlarıyla kullanarak zengin ve etkileşimli özellikler eklersiniz.
Service Worker ile fetch olaylarını yakalar, önbellek stratejileri uygular ve çevrimdışı da çalışan web uygulamaları kurarsınız.
Çevrimdışı değişiklikleri kuyruğa alır, Background Sync ile erteler ve çevrimiçi olunca çakışmaları çözerek güvenle senkronize edersiniz.
Hassas veri riskini, XSS tehdidini ve token saklama tercihlerini değerlendirerek istemci tarafı depolamayı güvenli biçimde tasarlarsı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.
jQuery ile DOM, olay ve AJAX; Bootstrap grid ve bileşenlerle responsive arayüz geliştirin. Uygulamalı orta seviye ön yüz UI eğitimi ile panel projesi kurun.
Detayları Gör →
CSSOM, classList, CSS değişkenleri ve animasyonları JavaScript ile yönetin; dinamik tema geçişi ve script tabanlı stil kurun. Uygulamalı orta seviye eğitim.
Detayları Gör →
Görsel ve font optimizasyonu, HTTP, önbellek, CDN, dağıtım ve tarayıcı render sürecini öğrenin. Web performansı ve yayına alma için uygulamalı orta seviye eğiti
Detayları Gör →
ASP.NET MVC HTML Helper metotlarıyla kuvvetli tipli form, seçim, doğrulama ve özel helper yazımını gerçek örneklerle öğreten uygulamalı eğitim.
Detayları Gör →
Salesforce platformunda SLDS, Visualforce ve LWC ile HTML ve CSS kullanarak markalı, responsive ve erişilebilir arayüzler tasarlamayı öğreten eğitim.
Detayları Gör →
Utility-first yaklaşımıyla Tailwind CSS kullanarak responsive, dark mode destekli ve optimize arayüzler kurmayı öğreten uygulamalı eğitim.
Detayları Gör →