Arayüzü dondurmadan ağır işleri paralelleştirin
Improving Responsiveness, Sharing Collections, and Parallelizing Algorithms Eğitimi, tarayıcıda ağır işleri arayüzü kilitlemeden yürütmeyi uygulamalı öğretir.
Ana iş parçacığı yükünden Web Workers'a, paylaşılan belleğe ve paralel algoritmalara akış
Improving Responsiveness, Sharing Collections, and Parallelizing Algorithms Eğitimi, tarayıcıda ağır işleri arayüzü kilitlemeden yürütmeyi uygulamalı öğretir. Katılımcılar ana iş parçacığı yükünü ve uzun görevleri kavrar, işleri bölerek yanıt veren arayüzler kurar. Web Workers ile paralel işlem, mesajlaşma ve aktarılabilir nesneler işlenir. SharedArrayBuffer ve Atomics ile koleksiyon paylaşımı, ardından worker havuzuyla algoritmaları paralelleştirme ele alınır.
4 Gün. Her gün dört modül; ağır bir işlem, arayüzü kilitlemeyen ve paralel çalışan bir yapıya adım adım dönüştürülür.
Orta Seviye — Web Workers, SharedArrayBuffer ve Atomics ile yanıt veren ve paralel çalışan arayüzler
Her modülde yazılan kodun arayüz yanıtlığına etkisi Performance sekmesinde ölçülür; teknikler gerçek bir işlem üzerinde uygulanır.
Ana iş parçacığını meşgul eden uzun görevleri tanıyıp bölerek ağır işlemler sırasında bile akıcı ve yanıt veren arayüzler kurarsınız.
Web Workers ile hesaplamaları ayrı iş parçacıklarına taşıyarak çok çekirdekli işlemcilerden yararlanan paralel çözümler üretirsiniz.
Veriyi bölüp worker havuzuna dağıtarak ağır algoritmaları paralelleştirir ve işlem süresini belirgin biçimde kısaltmayı öğrenirsiniz.
Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri
Fonksiyon, dizi ve nesne gibi JavaScript kavramlarına rahat aşinalık beklenir; örnekler bunlara dayanır.
Promise ve async/await yapısına temel aşinalık, worker mesajlaşmasını anlamayı önemli ölçüde kolaylaştırır.
Döngü, özyineleme ve dizi işleme gibi temel algoritma kavramları paralelleştirme modüllerinde kullanılır.
VS Code gibi bir editör, yerel sunucu ve Performance sekmesi olan 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:
Ana iş parçacığı yükünü ve uzun görevleri Performance sekmesiyle ölçerek arayüzü donduran darboğazları tespit eder ve giderirsiniz.
Büyük işleri parçalara bölüp requestIdleCallback ve zamanlayıcılarla yayarak ağır hesaplamada bile yanıt veren arayüzler kurarsınız.
Web Worker ile hesaplamayı ayrı iş parçacığına taşır, mesajlaşmayı ve yaşam döngüsünü doğru yöneterek gerçek paralellik sağlarsınız.
Aktarılabilir nesneler ve MessageChannel ile büyük veriyi kopyalamadan taşıyarak worker iletişim maliyetini belirgin biçimde azaltırsınız.
SharedArrayBuffer ve tipli dizilerle worker'lar arası koleksiyon paylaşır, gerekli güvenlik başlıklarını doğru biçimde yapılandırırsınız.
Atomics ile paylaşılan belleğe güvenli erişir, wait ve notify ile senkronizasyon kurar ve yarış durumlarını önlemeyi öğrenirsiniz.
Çekirdek sayısına göre worker havuzu kurar, iş kuyruğuyla görevleri dağıtır ve boşta worker'lara iş atayarak verimi artırırsınız.
Veriyi böl ve yönet deseniyle paralel işler, sonuçları birleştirir ve hızlanmayı ölçerek ağır algoritmaları gerçekten hızlandırırsı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.
Bootstrap 5 grid sistemi, bileşenler, formlar, JavaScript eklentileri ve Sass ile özelleştirmeyi kapsayan responsive arayüz geliştirme eğitimi.
Detayları Gör →
Go net/http ile Handler, ResponseWriter, html/template, HTML form işleme, dosya yükleme ve middleware kullanarak web uygulaması geliştirme eğitimi.
Detayları Gör →
Bootstrap ile tüm sayfa düzen kontrolleri, Sass değişkenleri, utility API, özel bileşen ve koyu mod ile çatıyı genişletme ve markaya uyarlama eğitimi.
Detayları Gör →
Bootstrap 5 grid, bileşen ve yardımcı sınıflarıyla duyarlı arayüz geliştirme eğitimi. Navbar, kart, form, modal ve Sass özelleştirme uygulamalı.
Detayları Gör →
Seçicilerden Flexbox, Grid, animasyon ve özel değişkenlere kadar modern CSS eğitimi. Duyarlı ve etkileşimli arayüz tasarımı uygulamalı.
Detayları Gör →
CSS seçicileri, kutu modeli, Flexbox ve medya sorgularıyla web biçimlendirme eğitimi. HTML bilenler için uygulamalı ve kurumsal CSS giriş programı.
Detayları Gör →