Aylık Web Geliştirme Güncellemesi 8⁄2018: JavaScript'in Maliyeti, Açık Kaynakta Etik ve QUIC

Bina teknolojisi ve yazılımı çok sorumlu bir iş haline geldi. İnsanlar yarattığımız ürünlere güveniyor ve onların yaşamları üzerinde de önemli etkileri olabiliyor. Bunu göz önünde bulundurarak, yalnızca kapsayıcı çözümler hakkında düşünmekle kalmayıp, aynı zamanda ayağa kalkıp etik, güvenilirlik ve güvenliği savunmamız gerekiyor. Bize güç veren bir pozisyon.

Eric Meyer, yalnızca HTTPS içeren bir web'in beraberinde getirdiği sorunları detaylandıran bir makale yayınladı. İçinde, gelişmekte olan ülkelerin genellikle kötü internet bağlantılarına sahip oldukları ve şifreleme nedeniyle artık eskisinden daha fazla web sitesi hatası yaşadıkları için bu gelişmeden çok zarar gördüklerini ortaya koyuyor. Ben Werdmuller araya girdi ve geliştiriciler olarak sahip olduğumuz en büyük sorunlardan birine işaret ettiği "San Francisco için inşa etmeyi durdurun" makalesini yayınladı: Ayrıcalıklı donanım ve altyapı kullanıyoruz. En yeni iPhone'ları, Gigabit'li Macbook'ları veya hızlı 4G bağlantılarını kullanarak deneyimler oluşturuyoruz, ancak inşa ettiğimiz çoğu insanın o kadar iyi donanımlı olmaktan uzak cihazlar ve altyapılar kullandığını asla düşünmüyoruz. Web'i daha güvenli hale getirmek kuşkusuz harika bir fikir, ancak en son teknolojinin ve tasarım kararlarımızın başkaları için doğurabileceği sonuçları da aklımızda tutmalıyız.

Haberler

• TypeScript 3.0, birkaç kullanışlı dil özelliği ve düzeltmesiyle piyasaya sürüldü.
• Uzun zamandan beri Chrome'da uygulanan İstemci İpuçları harika bir özelliktir. Gizliliği artırmak amacıyla, duyarlı görüntülere yönelik İstemci İpuçlarının işlevselliği Chrome 67 ile değişti. Colin Bendell, İstemci İpuçlarının performans için neden bu kadar yararlı olduğunu ve farklılıkları açıklıyor.
• Geliştiriciler, Safari'nin Akıllı İzleme Önleme (ITP) ve etkinleştirilmiş web sitelerinde nasıl hata ayıklanacakları hakkında çok şey soruyorlar. Artık WebKit ekibi, sorunları izlemeniz için size çok daha fazla esneklik ve araç sağlayan ITP Hata Ayıklama Modunu paylaşıyor.
• Ekim ayından itibaren çoğu tarayıcı, Symantec TLS sertifikalarına tamamen güvenmeyecek ve bu nedenle, bunları kullanmaya devam eden web sitelerine erişimi engelleyecektir. Henüz yapmadıysanız lütfen sertifikanızı güncelleyin.
• Chrome'un en son sürümü (68), HTTP sayfalarını ziyaret ederken yeni bir "güvenli değil" bildirimi getiriyor. Bunun farkında olun ve sitelerinizi buna göre yükseltin. Ayrıca Chrome 68'deki yenilikler, yeni Sayfa Yaşam Döngüsü API'si, sayfa etkinlikleri için harika bir yeni API ve Ödeme İşleyici API'sidir. HTTP önbelleği artık bir hizmet çalışanına güncellemeler istenirken yoksayılıyor ve Chrome'u teknik özellikler ve diğer tarayıcılarla uyumlu hale getiriyor. Bunun dışında, cursor değerleri grab ve grabbing artık yeni sürümde öneksizdir - nihayet.

Genel

• Açık Kaynak için derleme yapıyorsanız, projenizin hangi lisansı kullanması gerektiğine karar vermeniz gerekir. Şimdi yeni bir seçenek var, Just World License. “Genel olarak açık kaynaklı yazılım ilkeleriyle aynı fikirde olan ancak yazılımlarının yaşamları, çevremizi ve geleceğimizi yok etme çabalarının bir parçası olarak kullanılmasından rahatsız olan” geliştiriciler içindir.
• Derin öğrenme makineleri bugünlerde büyük bir konu, ancak bazı insanlar video oyunlarında derin öğrenme makinelerinden daha iyi performans gösteren daha da iyi algoritmalar keşfediyor.
• Drew DeVault'un “Basit, doğru, hızlı: bu sırayla”, doğrudan web ve yazılım geliştirmede öncelikleri belirlemek için harika bir hatırlatmadır.
• Jonathan Fulton, harika bir web mimarisi 101 ve sektörümüzde yeni başlayanlar için temel olan “Bir web geliştiricisi olarak işe başlarken bilseydim dediğim temel mimari kavramları” adlı kullanışlı bir kaynak yazdı.

kullanıcı arayüzü/UX

• Tasarım Etiği, sekiz Avrupa şehrinden on iki tasarımcı ve araştırmacının tasarımın toplumlarımız üzerindeki bazen zararlı etkilerini ve tasarımcıların sadece birkaçının değil herkesin iyiliği için çalışmak için neler yapabileceğini tartıştığı bir projedir.

Takım

• Prashant Palikhe, Chrome'un Geliştirici Araçları ile hata ayıklama sanatı hakkında uzun bir hikaye yazdı, bir tarayıcının geliştirici araçlarını tanımak için çok eksiksiz bir referans olduğu için şiddetle tavsiye edebilirim. Başka bir tarayıcı kullanıyorsanız, çoğu araç oldukça benzer olduğundan bu büyük bir sorun değildir.
• WebP, birkaç güzel özelliğe sahip bir görüntü formatıdır ve muhtemelen yaygın JPEG/PNG formatlarının yanı sıra en iyi bilinen yeni formatlardan biridir. Bununla birlikte, WebP görüntüleri oluşturmak hala zor olabilir, bu nedenle Jeremy Wagner, görüntüleri WebP'ye dönüştürmek için bir kılavuz yazdı.
• Douglas Creager, kullanıcı aracılarına sunucu günlüklerinizde görünecek olan aynı bilgi kümesini toplama talimatı vermenizi sağlayan yeni Ağ Hata Günlüğü'nü sunar.
• Birçoğumuz Slack gibi iletişim araçlarına bağımlıyız. Wildbit çalışanları, Slack'i bir haftalığına kapatmaya karar verdi - bu, nasıl çalıştıkları üzerinde önemli bir etkisi oldu. Kullanışlı bir araçla nasıl fazla rahat olduğumuza ve artık gerektiği gibi kullanmadığımıza dair ilginç bir vaka çalışması. Zaman zaman zihnimizi sıfırlamak önemlidir.
• Dennis Reimann, UI odaklı geliştirme için bir çalışma tezgahı olan UIEngine'in ilk kararlı sürümünü yayınladı.

Güvenlik

• Yakınlarda yeni bir Observer var: ReportingObserver API, sitenizin kullanımdan kaldırılmış bir API kullandığını veya bir tarayıcı müdahalesiyle karşılaştığını bilmenizi sağlar. Şimdiye kadar Chrome 69'da kullanılabilir. Bunu, daha önce yalnızca Konsolda bulunan hataları arka ucunuza veya hata işleme hizmetinize göndermek için kolayca kullanabilirsiniz.

Web Performansı

• QUIC'i (Hızlı UDP İnternet Bağlantıları) hatırlıyor musunuz? Google tarafından tasarlanan ve dahili olarak kullandıkları protokol, daha geniş kullanım için oldukça iyi mi şekilleniyor? IETF şu anda formatı yılın sonuna doğru standart hale getirirken, Cloudflare mühendisleri şimdi test etme deneyimlerini paylaşıyor.

• Kullanıcı tarafından oluşturulan içeriğiniz olduğunda, genellikle yalnızca bir öğeniz mi yoksa çıktı alınacak bir öğe listeniz mi olduğunu bilemezsiniz. Colloq'ta anlambilimi doğru yapmak istedik ve kapta yalnızca bir öğe olduğunda bir p etiketi, aksi takdirde çeşitli liste öğeleriyle bir ol / ul listesi çıkarmamıza izin veren bir sistem kurduk.

Ulaşılabilirlik

• Dave Rupert, bileşen geliştirme söz konusu olduğunda erişilebilirlik beklentilerini sindirmeye ve basitleştirmeye çalışan bir proje olan A11Y Beslenme Kartlarını paylaşıyor.
• Bağlantıları atla, oldukça yaygın erişilebilirlik özellikleridir. Hampus Sethfors şimdi neden birçok bağlantının hala bozuk olduğu ve bunların nasıl düzgün bir şekilde düzeltileceği hakkında bir makale yazdı.

JavaScript

• Pinterest mühendislik ekibinden Zack Argyle, Progressive Web Uygulamalarını tanıttıktan bir yıl sonra geçmişe bakıyor. Neden bir PWA oluşturmaya karar verdiklerini belirtmek önemlidir: “Düşük bant genişliğine sahip ortamlarda ve sınırlı veri planlarında bulunan kişiler için mobil web deneyimimiz iyi değildi”. Ama onlar için sonuçları görmek şaşırtıcı.
• Philip Walton, sayfanın arka planda olması (görünmez), etkin, donmuş ve hatta sonlandırılmış olması gibi olaylar aracılığıyla tarayıcıdaki sayfa durumlarını daha kolay belirlememize yardımcı olan yeni Sayfa Yaşam Döngüsü API'sini sunar.
• Hata, hepiniz JavaScript'teki eval() öğesinin kötü olduğunu biliyorsunuz, değil mi? Bu nedenle İçerik Güvenliği Politikalarında kullanımını genellikle yasaklıyoruz. Ancak Remy Sharp bize güvenlik açısından eşit derecede kötü olan bir kod satırı olduğunu hatırlatıyor.
• Addy Osmani, 2018'de JavaScript'in maliyetini araştırdı ve şimdi her JavaScript baytının etkileşimi önemli ölçüde geciktirebileceğinden cep telefonlarına gönderebileceğimiz en pahalı kaynak olduğuna dair kanıtları paylaşıyor. Bu, özellikle teknoloji endüstrisi dışında yaygın olarak kullanılan çok yetenekli olmayan telefonlar için bir sorundur.
• Hidde de Vries, JavaScript Tek Sayfa Uygulamasında sayfa başlıklarını nasıl erişilebilir hale getirebileceğimizi açıklıyor.

CSS

• Max Bock, yarının düzenlerini nispeten basit kodla oluşturmak için birkaç CSS Izgara tekniğini araştırdı.
• Sara Soueidan, modern HTML ve CSS ile kapsayıcı geçiş anahtarlarını nasıl oluşturabileceğimizi açıklıyor.
• Jen Simmons, yaygın CSS Izgara hatalarını ve bunların nasıl çözüleceğini paylaşıyor.
• Ethan Marcotte, çoğunlukla CSS Izgaraları için kullandığımız nispeten yeni olan fr -birimini açıklıyor.

İş hayatı

• Paris Marx, dijital göçebelerin neden gelecek olmadığını düşündüğünü yazdı. Konum bağımsızlığının ancak kamu fonlarıyla kurulan iletişim altyapılarıyla mümkün olduğunu ve bunları kötüye kullanmanın adil olmadığını savunuyor.
• Bu hafta, kalıpların dışında düşünmenin ne kadar yararlı olabileceğini ve uzaktan çalışmanın ve hobinizi sürdürmenin teknik zorlukları çözmeye nasıl yardımcı olabileceğini öğrendim.
• Bir şirketin 4 günlük bir çalışma haftasını ilk kez test etmesi değil. Bununla birlikte, konseptin nasıl başarılı bir şekilde oluşturulabileceğini ve hem çalışanlar hem de yapılan iş için fayda sağladığını görmek harika.

Ötesine Geçmek…

• Tobias van Schneider, Sagmeister-Walsh stüdyosunun neden küçük kalarak bu kadar başarılı olduğunu ve büyük hayaller kurup küçük kalmanın yaratıcı düşünme için neden bu kadar önemli olduğunu yazdı.
• Ben Werdmuller, örneğin San Francisco'dayken bir iş kurmanın ne kadar farklı hale geldiğine dair düşüncelerini paylaşıyor. Bu, San Francisco'da 117.000 doların “düşük gelir” olarak kabul edildiği ve bunun fikirleri nasıl sınırladığı bir hikaye.
• Jeremy Nagel, açık kaynak kodumuzun etkisi hakkında düşünmemizi sağlıyor: Geliştiriciler olarak, kodumuzu ücretsiz olarak kullanılabilir hale getirmenin harika bir hareket olduğuna inanma eğilimindeyiz, ancak onu kötü oyunculara da, kömür madencilerine, Kirliliğe katkıda bulunan şirketlere, insanları zengin etmek için kullananlara, onlara kötü muamelede bulunanlara, sizi dolaylı yoldan dolandıranlara. Bu konuda hiçbir şey yapamayacağınız değil; bu sorunların farkında olmanız ve daha iyi bir lisans uygulamanız veya kodunuza özel bir açıklama eklemeniz gerekir.
• Hindistan'ın büyük bir plastik atık sorunu var. Birkaç aydan beri, birkaç balıkçı artık plastik sorununu görmezden gelmiyor, bunun yerine tüm atıkları ağlarında toplayıp, yol yapımında kullanılan kıyıya geri getiriyor. Çöpü verimli kullanmak için harika bir fikir.