Vanilla JavaScript ile DOM manipülasyonuna tamamen hakim olmak

• Bu yazı, vanilla JavaScript kullanarak Document Object Model (DOM) manipülasyonunda ustalaşmayı ele alıyor.
• Angular, VueJS, React, Solid ve Svelte gibi modern araçların kullanımına rağmen, web geliştirme için tarayıcı DOM API’lerini anlamanın önemini vurguluyor.
• Yazar; temel tarayıcı API’leri, anlaşılması kolay örnekler, canlı demolar, ipuçları ve en iyi uygulamalar, gerçek kullanım senaryoları ve modern tarayıcılarla Internet Explorer uyumluluğunu içeren bir kaynak derlemesi sunuyor.
• Bu kaynaklar üç seviyeye ayrılıyor: temel, orta ve ileri.
• Temel seviyede, kullanıcının renk şeması tercihine göre favicon’u dinamik olarak değiştirme, bir web sayfasının okuma süresini hesaplama ve CSS kök değişkenlerini dinamik olarak güncelleme gibi işler yer alıyor.
• Orta seviyede, Shift+Tab tuş kombinasyonuyla bir metin alanındaki girintiyi kaldırma, tam ekran moduna geçme ve spin input oluşturma gibi konular bulunuyor.
• İleri seviyede ise özel imleç oluşturma, HTML dizelerini sanitize etme ve özel kaydırma çubuğu oluşturma gibi çalışmalar var.
• Yazar ayrıca, bir modal açıldığında düzenin kaymasını önleme ve metin düğümlerinin sınır dikdörtgenini alma gibi ipuçları da paylaşıyor.
• Yazı, frontend teknik içerikleri üzerine yazarın bültenine abone olma davetiyle sona eriyor.

[GN⁺]

Hacker News yorumları

• Bu yazı, DOM manipülasyonunu tam anlamıyla ustalaşmak için çeşitli örnekler sunuyor.
• Örnekler, ayrıntılı ve işlevsel UI çalışmaları nedeniyle övgü aldı.
• Bazı kullanıcılar, temel DOM API ile çalışmanın sıkıcı ve hataya açık olduğunu düşündükleri için Svelte gibi framework'ler kullanmaya başladı.
• Belirli kodlarla ilgili olası güvenlik açıkları tartışılıyor ve whitelist kullanımı öneriliyor.
• Bazı kullanıcılar koddaki gereksiz tekrarları işaret etti ve daha verimli alternatifler önerdi.
• Bazı örneklerde, daha kullanışlı modern sürümler mevcutken eski API'ler kullanılıyor.
• "Metin alanını otomatik genişletme" tekniği bazılarına göre artık demode; bunun yerine yeni CSS özellikleri veya gizli mirror öğesi kullanımı öneriliyor.
• Yazı, temel DOM manipülasyonunu anlamanın ne kadar faydalı olduğuna dair tartışma başlattı.
• Bazı kullanıcılar, her şeyin "vanilla" JS ile yazıldığı web geliştirmenin ilk dönemlerini hatırladı.
• Bu örnekleri paketleyip kolayca güncellenebilir ve kullanılabilir hale getirmenin, kopyala-yapıştır yapmaktan daha iyi olacağı yönünde bir öneri var.