Pazar 29 Ocak 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Güncel
  3. Geliştiriciler İçin Yenilenen Chrome 97!
 Geliştiriciler İçin Yenilenen Chrome 97!
Güncel

Geliştiriciler İçin Yenilenen Chrome 97!

Yazar : Sevim Selin Özsoy 17 Ocak 2022 0 Comment

İçindekiler

  • WebTransport

    • Nasıl kullanabilirsiniz?

  • Script Tipi Özellik Tespiti

    • Nasıl kullanabilirsiniz?

  • Yeni Array Prototipleri

  • Ve Daha Fazlası!

Hepimizin internete girerken tercih ettiği Google Chrome, değişmeye ve gelişmeye devam ediyor. Yaklaşık olarak 3.2 milyar kullanıcıya sahip olan bu popüler tarayıcı, Ocak ayının başında 97. sürümünü kullanıcılarına sundu.

Chrome’un bu yeni güncellemesi, ağırlıkla web geliştiricileri mutlu edecek özellikler içeriyor. Ayrıca gizliliğine önem veren kullanıcıları da unutmayarak; bazı gizlilik ve güvenlik iyileştirmelerine de yer veriyor. Gelin bu özellikleri sizlerle birlikte inceleyelim!

WebTransport

Bu yeni API, kullanıcı ve server arasında çift yönlü, gecikme zamanı az olacak şekilde gerçek zamanlı iletişim imkanı sağlıyor. WebTransport verinizi datagram API’ları aracılığı ile hızlı fakat çok güvenilir olmayan, sırasız bir şekilde aktarma ya da stream API’ları ile güvenilir ve sıralı bir şekilde aktarma seçenekleri sunuyor.

Nasıl kullanabilirsiniz?

Ufak seneryolar ile datagram ve stream iletimini nasıl etkili kullanabilirsiniz örnekleyelim:

  • Datagramları, “User Datagram Protocol (UDP)” mesajları gibi düşünebilirsiniz fakat UDP’nin aksine gönderilen mesajlar sıkıştırılmış ve şifrelenmiş olarak iletilir. Örneğin bir oyun “state”ini kısıtlı bir zaman aralığında server’a göndermeniz gerekiyor ise, datagram API’ları bu iş için uygun bir seçenek olur.
  • Server’dan gelen medya streamlerini sıralı bir şekilde almak için stream API’ını kullanabilirsiniz.
  • Siteniz tarayıcıda açıkken server tarafından gönderilecek bildirimleri almak için kullanabilirsiniz.

Kullanmak için, HTTP/3 destekleyen bir server ihtiyacjnız var. Yeni bir WebTransport instance’ı yRtın ve bağlanmasını bekleyin, ardından veri göndermeye başlayabilirsiniz.

const url = 'https://example.com:4999/foo/bar';
const transport = new WebTransport(url);
await transport.ready;

const writer = transport.datagrams.writable.getWriter();
const data1 = new Uint8Array([65, 66, 67]);
writer.write(data1);

Script Tipi Özellik Tespiti

Nomodule özelliği sayesinde, tarayıcının desteklediği JavaScript modüllerinin tespiti yapılabiliyor. Bunun üzerine bu yeni güncellemede pipeline, harita importu, spekülasyon kuralları ve bundle’ları önceden yüklemek gibi bazı özellikler de eklendi.

Nasıl kullanabilirsiniz?

HTMLScriptElement.supports() fonksiyonunu kullanarak hangi tip scriptler kullanabileceğinizi tespit edip ve tarayıcıya en uygun seçeneği gönderebilirsiniz.

if (HTMLScriptElement.supports('importmap')) {
  // <script type="importmap" ...> kullanin.
} else if (HTMLScriptElement.supports('module')) {
  // <script type="module" ...>
 kullanin.
} else {
  // Klasik metot...
}

Yeni Array Prototipleri

JavaScript’i biraz daha kolaylaştıran bu özellik, Array ve TypedArray‘lerin findLast() fonksiyonunu desteklemesini sağlıyor. Bu fonksiyon, çalışma mantığı olarak find() ve findIndex() fonksiyonlarıyla neredeyse aynı. Tek farkı, find() ve findIndex() fonksiyonları değeri aramaya array’in başından başlarken, findLast() sondan başlıyor.

Örneğin, array’in içindeki 10’dan büyük son sayıyı bulmak istiyorsunuz. Bunun için finLast() fonksiyonunu kullanmanız hem daha kolay olacaktır, hem de sonucu daha hızlı bulmanıza yarayacaktır.

const array1 = [5, 12, 8, 130, 44, 3, 6];

function ondanBuyuk(deger) {
  return deger > 10;
}

const sonDeger = array1.findLast(ondanBuyuk);
// 44

const lIdx = array1.findLastIndex(ondanBuyuk);
// 4

Ve Daha Fazlası!

Bu yazımızda Google Chrome 97 hakkında paylaşacaklarımız şimdilik bu kadardı, görüşmek üzere!

Etiketler: chrome google chrome web programlama
Önceki Yazı
Sonraki Yazı

Sevim Selin Özsoy

editor

Süleyman Demirel Üniversitesi 4. sınıf bilgisayar mühendisliği öğrencisiyim. Front-end yazılımla ve tasarımla ilgileniyorum. Aktif olarak Süleyman Demirel Üniversitesinin bilgi işlemde part-time yazılımcı ve tasarımcı olarak çalışıyorum. Aynı zamanda da Webmaster Kitchen'da sosyal medya yöneticiliğini ve tasarımcılığını yapıyorum.

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.