İçeriğe geç
academia.sh
en
Giriş yap

Kurs İleri

Frontend Kalitesi

Bu kursun sonunda

Kursa başla

01

Başarım

Kullanıcı merkezli ölçütlerin tanımı, kritik oluşturma yolunun kısaltılması, görsel ve yazı tipi yükleme stratejileri, ağ katmanının başlıklarla ayarlanması, çalışma zamanındaki uzun görevler ve bütün bunları bir bütçeye bağlayıp gerilemeyi yakalama.

  1. 01 Kullanıcı Merkezli Ölçütler Yayınlanmış bir arayüzün hızını kullanıcının algıladığı olaylarla ölçmek; yükleme, etkileşim ve görsel kararlılık ölçütlerinin tanımları, düzen kayması puanının hesabı ve dağılımın yüzdeliklerle özetlenmesi.
  2. 02 Kritik Oluşturma Yolu İlk boyamanın beklemek zorunda olduğu kaynaklar; çizimi engelleyen biçem ile ayrıştırmayı engelleyen betiğin ayrımı, gidiş-dönüş sayısının hesaplanması ve engellemeyi kaldıran yazımlar.
  3. 03 Görsel ve Yazı Tipi Optimizasyonu Görselin aktarım, çözme ve çizim maliyetlerinin ayrılması; aday kümesinden doğru dosyanın seçilmesinin hesabı, biçim sınıflarına göre karar ve yazı tipi yükleme stratejisinin zaman çizelgesi.
  4. 04 Ağ Başarımı Tazelik ile doğrulamanın ayrılması, önbellek başlıklarının yerel bir sunucu üzerinde ölçülmesi, içerik karmalı adların değişmezlik sözü ve bağlantı ipuçlarının neyi kazandırdığı.
  5. 05 Çalışma Zamanı Başarımı Ana iş parçacığındaki uzun görevlerin toplam engelleme süresiyle ölçülmesi, işin bölüntülenmesinin ölçülen etkisi, yerleşim sarsıntısının satır sayısıyla ölçeklenmesi ve görünmeyeni çizmemenin yolları.
  6. 06 Başarım Bütçesi Başarım kararlarının yazılı bir sınıra bağlanması; bütçe türleri, sınırın nereden türetildiği, derleme çıktısını denetleyen bir program ve iki derlemeyi karşılaştırarak gerilemenin yakalanması.

02

Erişilebilirlik

Erişilebilirlik ölçütlerinin yapısı ve uygunluk düzeyleri; yerel ögelerin erişilebilirlik ağacındaki karşılığı, erişilebilir ad hesabı, ARIA'nın doğru ve yanlış kullanımı, klavye erişimi, canlı bölgeler, karşıtlık eşikleri ve otomatik denetimin sınırları.

  1. 01 Erişilebilirlik Standartları Erişilebilirliği ölçülebilir kılan dört ilke, ölçüt numaralarının yapısı, uygunluk düzeylerinin bağlaç kuralı ve uygunluğun sayfa değil süreç ölçeğinde tanımlı olması.
  2. 02 Anlamsal İşaretlemenin Rolü Erişilebilirlik ağacının belge ağacından türetilmesi, yerel ögelerin ürettiği örtük roller, erişilebilir adın hesaplanma sırası ve anlamsız kapsayıcıyla ödenen bedelin sayımı.
  3. 03 ARIA Kullanımı Erişilebilirlik ağacına yazılan rol, durum ve özellik bildirimleri; ad hesabının tamamı, birinci kuralın gerekçesi ve kötüye kullanımın ürettiği somut kırılmalar.
  4. 04 Klavye Erişimi Klavyeyle çalıştırılabilirliğin gerekleri, odak sırasıyla görsel sıranın karşılaştırılması, odak kuşatmasının tuzağa dönüştüğü sınır ve tek karakterli kısayolların koşulu.
  5. 05 Ekran Okuyucu Deneyimi Belgenin gezinme düzlemleri ve düzlem kusurlarının denetimi, duyurunun neyi taşıdığı, canlı bölgelerin kibar ve atılgan önceliği ile duyuru kuyruğunun davranışı.
  6. 06 Renk ve Karşıtlık Bileşen durumlarının kontrast eşiklerine karşı toplu denetimi, odak halkasının iki komşuya birden bakan sınavı, rengin tek kanal olamaması ve metin ölçeklemesinin getirdiği eşikler.
  7. 07 Erişilebilirlik Testi Otomatik denetleyicinin karar verebildiği kural sınıfları, ölçütlerin otomatikleştirilebilirlik dağılımı, gerçek bulgularda kaçan oranı ve elle doğrulamanın maliyete göre sıralanmış düzeni.

03

İstemci Tarafı Güvenlik

Kullanıcıyı arayüzün kendisinden koruyan katmanlar; çıktı kaçırma, içerik güvenlik politikası, kaynaklar arası paylaşım kuralları, istek sahteciliğine karşı belirteç ve çerez nitelikleri, güvenlik başlıkları, üçüncü taraf betik riski ve yaygın açık sınıflarının istemci tarafı izdüşümü.

  1. 01 Siteler Arası Betik Çalıştırma Sayfaya giren metnin kod olarak çalışması sorunu; yansıyan, depolanmış ve DOM tabanlı türlerin oluşum yolu, bağlama duyarlı çıktı kaçırma ve bağ hedeflerinde şema izin listesi.
  2. 02 İçerik Güvenlik Politikası Tarayıcıya hangi kaynağın yüklenebileceğini bildiren politikanın yazımı; yönergeler ve kaynak ifadeleri, im ve karma tabanlı izin, rapor kipi ve ihlal kaydı, politikanın kapsamadığı alanlar.
  3. 03 Kaynaklar Arası Paylaşım Aynı kaynak politikasının neyi engellediği, basit istek ile ön denetim ayrımı, paylaşım başlıklarının anlamı, kimlik bilgili isteklerin kuralları ve sık görülen yanlış yapılandırmalar.
  4. 04 İstek Sahteciliği Çerezlerin kendiliğinden eklenmesinden doğan saldırı sınıfı; SameSite ve Secure niteliklerinin karar tablosu, oturuma bağlanmış istek belirteci, kaynak başlığı denetimi ve yöntem disiplini.
  5. 05 Güvenlik Başlıkları Taşıma güvenliğinin zorlanması, çerçevelemenin sınırlanması, referans bilgisinin daraltılması, tür tahmininin kapatılması ve kaynak yalıtımı; eksikleri bulan bir yapılandırma denetleyicisi.
  6. 06 Üçüncü Taraf Betik Riski Kendi yazılmayan kodun sayfa kaynağının yetkileriyle çalışması; tedarik zincirinin halkaları, alt kaynak bütünlüğü karmasının üretimi ve doğrulanması, bütünlüğün kapsamı ve çalışma zamanı yalıtımı.
  7. 07 Yaygın Web Riskleri Sık görülen açık sınıflarının istemci tarafındaki karşılıkları; arayüzde verilen yetki kararları, açık yönlendirme, istemciye ulaşan veriye duyulan güven ve pakete sızan sırlar.

04

Test ve İzleme

Davranış odaklı bileşen sınama, erişilebilir rollere göre eleman seçimi, uçtan uca akış doğrulama, görsel gerileme karşılaştırması, kırılgan testlerin nedenleri ve üretimden dönen alan verisiyle hata kayıtlarının okunması.

  1. 01 Birim ve Bileşen Testleri Bileşen testinin birim testinden ayrıldığı sınır, davranış sözleşmesi ile uygulama ayrıntısının ayrılması ve aynı yeniden düzenlemede iki test biçiminin nasıl farklı davrandığı.
  2. 02 Kullanıcı Merkezli Sorgular Erişilebilir rol ve erişilebilir adın sorgu ölçütüne dönüştürülmesi, aynı belgenin rol sorgusuyla ve sınıf seçicisiyle sorgulanması, iki ölçütün yeniden düzenleme ve erişilebilirlik gerilemesi karşısındaki davranışı.
  3. 03 Uçtan Uca Testler Gerçek tarayıcıda çalışan testlerin kapsadığı risk, akışın durum makinesi olarak modellenmesi ve doğrulanması, bekleme ile veri yalıtımı kararları ve bu testlerin neden az sayıda tutulduğu.
  4. 04 Görsel Gerileme Testi Referans görüntüyle aday görüntünün piksel düzeyinde karşılaştırılması, piksel toleransı ile oran eşiğinin ayrı işlevleri, maskeleme kararı ve karşılaştırmayı anlamlı kılan belirlenimcilik koşulları.
  5. 05 Test Kararlılığı Kırılgan testin tanımı ve maliyeti, zamanlama, sıraya bağımlılık ve paylaşılan durumun belirlenimci bir benzetimle sayılması, her nedenin çözümü ve yeniden deneme ile karantinanın yeri.
  6. 06 Gerçek Kullanıcı İzleme Laboratuvar ölçümüyle alan verisinin yanıtladığı farklı sorular, alanda ölçüt toplama ve gönderme biçimi, yüzdelik dilim hesabıyla dağılımın okunması, bölütleme ve örneklem büyüklüğünün etkisi.
  7. 07 Hata İzleme İstemci hatalarının yakalandığı noktalar, kaynak haritasıyla yığıt izinin okunur kılınması, parmak izi üreterek gruplama, bir grubun etkisinin ölçülmesi ve gürültü ile gizlilik kararları.

Aramak için yazmaya başlayın.

↑↓ ↵ Esc gezin · aç · kapat