Aylık Web Geliştirme Güncellemesi 9⁄2018: Yerel Tembel Yükleme ve Hayali Çalışma

JavaScript'i CO2 ile karşılaştırmak ilginç bir kavram ama yine de çok geçerli. Chrome ekibi için çalışan ve web'in şu anki durumu hakkında pek çok içgörüye sahip olan Alex Russel, çok fazla JavaScript kullanmanın veya yalnızca onu kullanmanın (aşamalı geliştirme/zarif bozulma olmadan), çok fazla CO2 ile aynı etkiye sahip olacağını söylüyor. Dünya gezegenindeki ekosistem — ekosistem parçalanacak. Ve yaşamak için belirli bir miktarda CO2'ye ihtiyacımız olduğu gibi, web'de JavaScript'e ihtiyacımız var. Farkı yaratan işte bu ince çizgidir – çok fazla olmamakla ve hiç olmamak arasındaki çizgi.

Bugünlerde sahip olduğumuz yerel tarayıcı API'leriyle, onları çok fazla şişirmeden ve yalnızca JavaScript'e güvenmeden harika web hizmetleri oluşturmak için harika bir fırsatımız olduğunu hissediyorum. Yerel öğeleri Özel Öğeler API'si ile ES6 Sınıfları aracılığıyla o kadar az kodla kolayca geliştirebiliriz ki, tüm bunları bir üçüncü taraf çerçevesinde kendi başınıza oluşturmak saçma görünür. Tesadüfen, Github mühendislik ekibi jQuery'yi nasıl tamamen bıraktıklarına ve şimdi bunun yerine ne kullandıklarına dair bir makale yayınladı: yerel JavaScript ve platformlarını aşamalı olarak geliştiren küçük, yalın kod. Daha az kod, daha iyi bakım kolaylığı ve daha fazla kararlılık.

Haberler

• Chrome 70 şimdi beta sürümündedir ve resimlerde QR kodu okuma, yüz algılama ve metin tanıma gerçekleştirmemize olanak tanıyan bir başlangıç ​​denemesi olarak şekil algılamayı sunar. Web Kimlik Doğrulama API'si de bazı güncellemeler aldı ve <script> öğelerine referrerpolicy desteği eklendi. Bu sürüm ayrıca Özel Öğeler v0, HTML İçe Aktarmaları ve Gölge DOM v0'ı da kullanımdan kaldıracaktır.
• Son olarak, Firefox 62 ile Mozilla, :-moz-selection yerine ::selection selection özelliğini sunar. Ayrıca JavaScript dizileri için flat() ve flatMap() 'i uyguladılar ve geliştiriciler yeni bir Şekil Yolu Düzenleyicisi aldı.
• Chrome 69 çıktı ve bize iPhone X'deki gibi kesme ekranları için CSS viewport-fit özelliği olan CSS Scroll Snap Points'i ve bir sekmede veya çalışanda çalışan komut dosyalarının eşzamansız olarak bir kilit almasına, tutmasına izin veren Web Kilitleri API'sini getiriyor. iş yapılırken bırakın ve sonra bırakın. Güncelleme ayrıca CSS konik gradyan desteği, toggleAttribute() (ki bu classList.toggle() yöntemine benzer, ancak nitelikler için) ve diziler için flat() ve flatMap() ile birlikte gelir. Ne yazık ki bu sürüm, tarayıcının URL'yi görüntüleme şeklini değiştirdi ve insanların bunu bir güvenlik hatası olarak gördüğü görülüyor. Bakalım bu nasıl gelişecek.
• Değişken web yazı tiplerini destekleyen Firefox 62 ile nihayet tüm büyük tarayıcılarda desteğimiz var ve performansı artırmak, tipografide daha yaratıcı olmak ve veri trafiğini büyük ölçüde azaltmak için artık bunu yaygın olarak kullanabiliriz.
• Manuel Rego Casasnovas, Chrome tarayıcısında yüzdeler ve belirsiz yükseklik olarak CSS Izgara Düzenindeki son değişiklikler hakkında yazdı.
• Uzman olmayan biri, internette izlemenin gerçekte nasıl çalıştığını açıklamakta zorlanır. Bu nedenle Firefox artık varsayılan ayarlarını değiştiriyor ve tarayıcılarında varsayılan olarak izleme engellemeyi zorunlu kılıyor.
• PHP7.3 yakında yeni Heredoc ve Nowdoc sözdizimi, işlev çağrılarında virgüllerin ardından, is_countable() , array_key_first() , array_key_last() ve Argon2 parola karma geliştirmeleri ile geliyor.

Genel

• Alex Russell'ın "Geliştirici Deneyimi" Yem-ve-Anahtarı", şu anda web için oluşturduğumuz zehirli ortamları ve JavaScript'in neden CO2 ile karşılaştırılabileceğini açıklayan harika bir parçadır - her ikisine de küçük porsiyonlarda ihtiyaç duyulur, ancak eğer çok fazlaysa tüm ekosistemi (web) riske atacaktır. Buradaki herkesin okumasını, paylaşmasını ve hatırlamasını tavsiye ettiğim düşünceli bir yazı.
• Alexa, Cortana, Siri ve hatta müşteri desteği sohbet botları norm haline geldiğinden, yalnızca içeriğimizin nasıl göründüğünü değil, nasıl ses çıkarabileceğini de düşünmeye başlamamız gerekiyor. İçeriğimizi yapılandırılmış, mantıklı ve en önemlisi anlamlı kılmak için HTML ve ARIA kullanabiliriz ve kullanmalıyız.

Web Performansı

• Yaklaşan PostgreSQL 11'de bazı ilginç performans iyileştirmeleri var. Dimitri Fontaine, nasıl bir fark yaratabileceklerini paylaşıyor.
• Ben Schwarz, yakında gerçeğe dönüşebilecek web için yerel tembel yüklemeye yönelik yeni yaklaşımları paylaşıyor.

Güvenlik

• Nightwatch Cybersecurity, Android'de, kullanıcının cihazı hakkındaki bilgileri, üzerinde çalışan tüm uygulamalara ifşa eden bir güvenlik açığı yayınladı. Bu, WiFi ağ adını, BSSID'yi, yerel IP adreslerini, DNS sunucu bilgilerini ve MAC adresini içeriyor gibi görünüyor - hepsi, insanların bireysel Android cihazlarını izlemesine izin veren oldukça fazla özel bilgi içeriyor. Ne yazık ki, çatallar dahil tüm Android işletim sistemi sürümleri (bir düzeltmenin sağlandığı Android P/9 hariç), eski sürümleri düzeltme planı olmadan etkilenmiş görünüyor.

CSS

• Chen Hui Jing, erişilebilirliklerinden ödün vermeden radyo düğmelerinin nasıl özelleştirileceğini açıklıyor.
• CSS Şekillerinin zaten epey bir geçmişi var. Adobe Web ekibinin bir girişimiyle erkenden web'e getirilen tarayıcı satıcıları uygulamaları kısa süre sonra tekrar kaldırdılar ve şimdi yavaş yavaş yinelenen, iyileştirilmiş özellikler ve uygulamalarla geri geliyorlar. Rachel Andrew, CSS Şekillerinin nasıl uygulanacağını paylaşıyor.
• Sara Soueidan, CSS renklerini HEX veya RGB olarak tanımlamaktan HSL'ye geçiş yapmasının nedenlerini ve faydalarının neler olduğunu yazdı.
• Web'in büyümesiyle birlikte, yeni form faktörlerini ve kullanım durumlarını daha iyi barındırmak için yeni özellikler geldi. Beni heyecanlandıran bir özellik, CSS Renk Modülü Düzey 4'te önerilen color-adjust özelliğidir. Bu, web'in mükemmel ekranlara sahip cihazlarda görünmeye devam edeceğinin bir onayıdır.

HTML ve SVG

• Stefan Judis, Mozilla belgelerinin input öğeleri hakkında söylediklerini okudu ve bir sonraki projeniz için çok yararlı olabilecek birkaç ilginç şey keşfetti.

JavaScript

• Nolan Lawson, JavaScript'te zamanlayıcı kullanmanın farklı yollarını ve hangisini ne zaman kullanacağını karşılaştırır.
• ky, tarayıcının Fetch API'sini temel alan küçük ve zarif bir HTTP istemcisidir.
• Ankur Anand, tek sayfalık uygulamalarda CORS isteklerinin korkunç performans maliyeti hakkında bir makale yazdı.
• Adrian Roseli, baskı stilleri için bir sayfanın sonunda nasıl bağlantı listeleri oluşturabileceğimizi paylaşıyor.
• Babel 7 çıktı. Daha hızlıdır, daha fazla seçeneğe sahiptir ve JSX Fragments ve TypeScript'i destekler.
• <textarea> s'yi otomatik olarak yeniden boyutlandırma, siteniz veya hizmetiniz için içerik yazan kişiler için kullanıcı deneyimini iyileştirmenin çok kullanışlı bir yoludur. Kısa bir ECMAScript 6 sınıfıyla form öğelerinin nasıl otomatik olarak yeniden boyutlandırılacağı hakkında bir blog yazısı yazdım.

Ulaşılabilirlik

• Ethan Marcotte, erişilebilirliğin ne anlama geldiğini düşünür ve bunun bir web sitesini bazı yardımcı teknolojiler veya yazılımlarla uyumlu hale getirmekle ilgili olmadığını, teknolojiden bağımsız olarak ona erişmek isteyen herkes için kullanılabilir hale getirmekle ilgili olduğunu anlar. Bu çok büyük bir fark çünkü onun yaklaşımı, sizinle aynı tarayıcıyı ve aynı dizüstü bilgisayarı kullanıyor olmalarına rağmen bir web sitesini okumakta zorluk çeken insanları içeriyor. Belki parlak güneş ışığı altındalar, küçük metinlerde zorluk yaşıyorlar veya parlak renkler veya hareketli öğelerle dikkatleri dağılıyor.
• Eric Bailey, erişilebilirliği manuel olarak test etmenin ne kadar önemli olduğunu vurguluyor.
• Scott O'Hara, erişilebilir bir ad sağlamak için aria-label ve o anda etkin olan bağlantıyı belirtmek için aria-current kullanarak bir içerik haritası navigasyonunu paylaşır.

İş hayatı

• Ryan Singer, 'hayali çalışma' ile bir proje planlamanın zorluğunu ve yol haritası üzerinde planlamadan önce bir şeyi bütünleştirmenin ne kadar zor olacağını test etmenin neden bu kadar önemli olduğunu düşünüyor.

Ötesine Geçmek…

• Karalama kavramını seviyorum ve düzenli olarak yapmasam da beni her zaman büyülemiştir. Doodle Addicts, dünyanın her yerinden insanlardan karalamalar toplayan bir platformdur. İlham almak için güzel bir galeri.
• Jonny Brooks-Bartlett, neden bu kadar çok veri bilimcinin işini bıraktığına dair ilginç bir makale yazdı. İş bu günlerde kulağa oldukça ilginç ve iyi bir bahis gibi gelebilir, ancak genellikle beklentiler gerçekle ve politikayla uyuşmaz ve etik kararlar son derece zordur.
• Marco Lambertini, teknolojinin gezegeni kurtarmamıza nasıl yardımcı olabileceğini açıklıyor, ancak her şeyden çok doğaya ve kaynaklarına değer vermeyi öğrenmemiz gerekiyor.
• ABD ICE kurumunu destekleyen şirketlerin yazılımlarını kullanmasını engellemek için projelerinden birinin lisansını değiştirmeye çalışan çok tanınmış bir Açık Kaynak katılımcısı tarafından bu hafta ilginç bir tartışma gündeme geldi. Değişiklik, yasal olarak uygulanabilir olmadığı ortaya çıktıktan sonra hızla geri alındı. Ancak, tüm konu (ki bu son zamanlarda çok daha sık gündeme geliyor) giderek daha fazla insanın çalışmalarının etkisi hakkında düşündüğünü gösteriyor. Kötüye değil, iyiye kullanılmasını istiyorlar. Ve açık, kısıtlanmamış kaynak fikri arzu edilir olsa da, bu sadece insanlar onu insan haklarını desteklemek ve yaşamları iyileştirmek için kullanırsa olur. Bunu sağlayabilecek yeni çözümleri merak ediyorum; belki yakında açık kaynaklı projeler için daha fazla hizmet şartı göreceğiz (bu daha sonra yasal olarak bağlayıcı olacaktır, ancak ücretsiz açık kaynaklı projelerin bunları kullanmasını engelleyebilir).