Web için push bildirimleri

Bu haftanın bölümünde

Chrome 42'ye push bildirimleri geliyor, Jacob Kaplan-Moss programcılarla ilgili efsaneleri çürütüyor, protokole bağlı URL'ler artık kalıpların karşıtı olduğunu, mobil uyumlu rozeti Google'a vurdu, İlk Yardım Git ile git ipuçları ve uygulamanızı RAIL ile optimize ediyor.

CHROME 42 BURADA

Chrome 42 bu hafta kararlıydı ve bir dizi yeni özellik sunuyor. Push bildirimleri, kullanıcıların güncellemeleri zamanında etkinleştirmesine olanak tanır, yükleme banner'ları kullanıcılardan sayfaları ana ekranlarına kaydetmelerini ister, izinler bir API kullanıp kullanamayacağınızı size bildirir, getirme işlevi XHR'nin yerine geçer ve hatta ES6 sınıfları için destek içerir.

https://twitter.com/ChromiumDev/status/590169593110335488

http://updates.html5rocks.com/2015/03/push-notifications-on-the-open-web

http://updates.html5rocks.com/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android

http://updates.html5rocks.com/2015/04/permissions-api-for-the-web

http://updates.html5rocks.com/2015/03/introduction-to-fetch

YANLIŞ YANLIŞ

Bu yılın PyCon'daki açılış konuşmasında Jacob Kaplan-Moss, geliştiricilerin ya 10 kat kötü ya da berbat olduğu ikilemini yıkıyor. Bu varsayımların ortadan kaldırılması, imposter sendromu gibi sorunları daha iyi ele almamıza ve toksik olabilecek çalışma ortamlarını iyileştirmeye çalışmamıza yardımcı olur.

https://www.youtube.com/watch?t=772&v=hIJdFxYlEKE

TÜM ŞEYLERE KADAR OLUN!

Protokol göreli URL'ler artık bir kalıp karşıtıdır. Bu hafta Paul Ireland tarafından tweet'lendi. Bir URL'de protokolün dışına çıkma uygulaması artık önerilmez çünkü GitHub'ı vuran man-on-the-side saldırılarına yol açabilir. Yeni önerimiz, SSL üzerinde kullanılabiliyorsa bir öğeyi her zaman https üzerinden istemektir.

https://twitter.com/paul_irish/status/588502455530311680

https://www.paulirish.com/2010/the-protocol-relative-url/

http://www.netresec.com/?page=Blog&month=2015-03&post=China%27s-Man-on-the-Side-Attack-on-GitHub

MOBİL UYGUN MUSUNUZ?

Sitenizin mobil uyumlu olup olmadığını kontrol edin. Google Web Yöneticileri blogunda kısa süre önce yayınlanan bir makalede, Google Arama'nın mobil uyumlu kabul ettiği sitelerin yanına etiketler eklemeye hemen başladığı belirtiliyor. Bu ölçütler arasında, kullanıcıların sayfayı okumak için yakınlaştırma yapmalarını önlemek ve bağlantılar arasında yeterince boşluk bulunduğundan emin olmak gibi unsurlar yer alır. Sitenizin uygun özelliklere sahip olduğundan emin olmak için mobil uyumluluk testini kullanabilirsiniz. Web'in Temelleri'nde gerekli becerileri edineceksiniz.

http://googlewebmastercentral.blogspot.com/2014/11/helping-users-find-mobile-friendly-pages.html

https://search.google.com/test/mobile-friendly

HIZA ARTIŞ

Git'i öğrenmek zor olabilir. StackOverflow'a göz attığınızda git ile ilgili 53.000'in üzerinde soru ortaya çıkmış olsa da yakında yardım alabileceksiniz. İlk Yardım Git, en sık sorulan git sorularının aranabilir dizinidir. Az önce ana dala aktardığınız bir değişikliği nasıl geri alacağınızı mı merak ediyorsunuz? Cevabı ve daha fazlasını bulabilir veya dizine eklemek için bir pull isteği gönderebilirsiniz.

http://ricardofilipe.com/projects/firstaidgit/#/

RACI OPTİMİZE ETME

Saniyede 60 kare sorunsuz bir web deneyiminin hedefidir ancak bu hızdan vazgeçmek kolaydır. Paul Lewis ve Cameron Pittman, bu 6 bölümlük ÜCRETSİZ Udacity kursunda uygulamanızın Response, Canlandırma, Boşta kalma ve Yükleme (RAIL) 4 ana alanını nasıl optimize edeceğinizi gösteriyor. Daha hızlı bir web uygulamasının sırlarını öğrenirken jank istilacıları patlatın ve Geliştirici Araçları'nı öğrenin.

https://www.udacity.com/course/browser-rendering-optimization--ud860

Yash Bhardwaj'dan JavaScript Kullanan Ekran Koruyucular

http://codepen.io/yashbhardwaj/full/hHgtE/

Tüller by Bailh'te tatlı kaos

http://codepen.io/cathbailh/full/KpPjPg/

CSS Animasyon 101 - Donovan Hutchinson'ın lokomotif resmi

http://codepen.io/donovanh/full/EjYeLa/

Hakim El Hattab - Linjer

http://codepen.io/hakimel/full/zwxba/

Düşüncelerinizi Twitter'da bize bildirin #LazyWebShow

Web'de daha fazla haber için şu kaynaklara göz atın: JavaScript Haftalık: http://javascriptweekly.com/ Açık Web Platformu Günlük: http://webplatformdaily.org/ HTML5 Haftalık: http://html5weekly.com/

Google Developers kanalına abone olun: https://goo.gl/mQyv5L