Web Geliştirici Ekosistemi Ekibi - Şubat özeti

Mariko Kosaka
X
Web Geliştirici Ekosistemi Ekibi'nde neler olduğuna göz attığımız aylık özet serisinin ilk bölümüne hoş geldiniz✨

Bu web sitesi web temelleri ve yeni portalımız web.dev gibi makaleler ve kod örnekleri hazırlayan bir mühendis ve iletişim ekibiyiz. Çalışmalarımızı YouTube kanalımızda da bulabilirsiniz. @ChromiumDev hesabından bizi takip etmeyi unutmayın :)

Şubat ayı kısa bir ay olsa da içerik konusunda kısa değiliz. Ekip tarafından yapılan büyük sürümlerle başlayalım.

Sürümler

Workbox

Workbox 4.0, birkaç gün önce kullanıma sunuldu.🎉 Bu sürümde workbox-window gibi harika yeni özellikler ve mevcut Workbox paketlerinin çoğunda iyileştirmeler yer alıyor. Workbox'u zaten kullanıyorsanız 3. sürümden 4. sürüme geçiş kılavuzuna göz atın. Workbox'u mevcut projenizde nasıl kullanabileceğinizi merak mı ediyorsunuz? Bu paketleri tercih ettiğiniz paketleyicilerle kullanma ile ilgili bir kılavuz aşağıda verilmiştir. Workbox'un hangi sorunu çözmeye yardımcı olduğundan emin değil misiniz? Web'in Durumu programında yer alan hizmet çalışanları ile ilgili bu röportaja göz atın.

lit-html ve LitElement

Polymer projesi ekibi, yeni nesil iki web geliştirme kitaplığı olan lit-html ve LitElement'in kararlı sürümünü geliştirmek için yoğun bir şekilde çalışıyor. Bunları denemek ister misiniz? LitElement'i dene kılavuzundan başlayın 📝

Güvenilir Web Etkinlikleri

Chrome 72'nin yayınlanmasıyla birlikte Trusted Web Activity (TWA) pazara girdi. TWA'lar, Android etkinliğinde tam ekran Chrome kullanmanıza olanak tanır. Bu sayede web içeriğinizi uygulama alanına taşıyabilirsiniz.📱 Bu başlangıç kılavuzunu inceleyin veya @svenbudak'ın PWA'sını Google Play Store'a nasıl yüklediğini okuyun.

Sıradaki gelişmeler

Chrome 73 kararlı sürümünün (12 Mart) kullanıma sunulmasıyla birlikte, bahsetmemiz gereken birçok heyecan verici özellik var.

V8: Chrome'un JavaScript motorunda Object.fromEntries ve String.prototype.matchAll dahil olmak üzere birçok güncelleme var. v8 sürüm notuna göz atın.

Web'de ses ve video ile mi çalışıyorsunuz? Donanım medya tuşları desteği kullanıma sunuldu ve Pencere İçinde Pencere penceresindeki "Reklamı Atla" özelliği artık orijinal deneme sürümünde. Daha fazla bilgi için Chrome 73'teki Ses/Video Güncellemeleri başlıklı makaleyi inceleyin.

Kaynak denemesinden bahsetmişken Getir Önceliği ile Getir Önceliği'ne hazırlanın. Geliştiriciler, tarayıcıya öğelerin nasıl yükleneceğini belirtmek için <script>, <img> veya <link> öğesinin önemini ayarlayabilir. Bu özellik hâlâ deneme aşamasındadır. Lütfen deneyip geri bildirim gönderin.

Oluşturma performansı her zaman önceliğimizdir. Chrome 73'te, kök hedeflere (pencere, doküman veya gövde) kaydedilen wheel ve mousewheel dinleyicileri varsayılan olarak pasif dinleyiciler olur ve varsayılan olarak tekerlekle hızlı kaydırma sağlar.

Yeni özelliklere merhaba derken bazı özelliklerden de ayrılıyoruz. Bu nedenle, Chrome 73'teki desteklenen desteğin sonlandırılması ve kaldırılan özellikler bölümünü de inceleyin.

Yeni gelişme

Yakınınızdaki bir tarayıcıda kullanıma sunmak için üzerinde çalıştığımız diğer özelliklerden birkaçını aşağıda bulabilirsiniz.

Siteler arası komut dosyası çalıştırma özelliğini önlemek için Trusted Types adlı yeni bir API geliştiriyoruz. Güvenilir türleri etkinleştirmek (İçerik Güvenliği Politikası aracılığıyla), belgeyi DOM ekleme işlemlerine karşı kilitler. Bu konuda daha fazla kod örneği ve kılavuz sağlamak için çalışıyoruz. Bu sırada, Güvenilir Türleri daha ayrıntılı bir şekilde inceleyerek deneyebilirsiniz.

Chrome'da geri ve ileri düğmelerine basmak yakında çok hızlı olabilir. Kullanıcı başka bir sayfaya gittiğinde sayfaları bellekte önbelleğe almak için yeni bir geri/ileri önbelleği keşfediyoruz. Bu gönderideki açıklamaya ve bfcache prototipine göz atın.

Son olarak, Intersection observer v2, bir hedefin gerçek "görünürlüğünü" izleme fikrini sunar.

Nelerle uğraşıyoruz?

Çalışmalarımız tarayıcı özellikleriyle sınırlı değil. Ayrıca web uygulaması performansına bakar, web uygulamaları geliştirir ve dünyanın her yerindeki web geliştiricilerine yardımcı olmanın farklı yollarını düşünürüz. Bu ay üzerinde çalıştığımız bazı özelliklerden bahsetmek isteriz.

Yeni Videolar ve Podcast'ler

Martin, JavaScript SEO adlı yeni bir seri başlatıyor. İlk bölümde Google Arama'nın JavaScript sitelerini nasıl dizine eklediği ele alınıyor. Meggin kısa süre önce bir buluşmada web.dev projesiyle ilgili düşüncelerini paylaştı. Jake ve Surma, resim döndürme denemesini ele alan yeni bir HTTP203 podcast bölümüyle geri döndü.

YouTube kanalımızda "Chrome'da Yeni", "DevTools'da Yenilikler" ve "Web'in Durumu" gibi düzenli programlarımız da vardır.

Özel teşekkür

Puppeteer Örnekleri'ni incelediniz mi? Geçen yıl Eric Bidelman'ın "📯The 12 Days of Puppeteer 🤹🏻‍♂️🎁" tweet'inde görmüş olabilirsiniz. Tarayıcı ile neler yapabileceğiniz konusunda yaratıcı düşünmenize olanak tanıyan harika bir Puppeteer kod örnekleri koleksiyonudur. Bunları incelemenizi öneririz.

(Yeni girişiminiz için iyi şanslar Eric. Sizi özleyeceğiz.)

Özet

İlk aylık özeti beğendiniz mi? Bu videoyu beğendiyseniz veya geliştirilmesini istediğiniz bir konu varsa lütfen Twitter'da @kosamari üzerinden bana bildirin.

Burada tanıtılan özellikleri kullanarak yeni bir şey geliştirdiyseniz veya makalelerimizden yola çıkarak kod tabanınızda bir değişiklik yaptıysanız @ChromiumDev adresinden bize haber verin.

Mart ayında, ekibimizden birkaçı Hindistan'a giderek mobil web deneyimi hakkında daha fazla bilgi edinecek ✈️ Orada öğrendiklerimizi sizinle paylaşmak için sabırsızlanıyoruz.

Gelecek ay görüşmek üzere👋