ข้อความ Push สำหรับเว็บ

ในรายการประจำสัปดาห์นี้

Chrome 42 มาพร้อมกับข้อความ Push, Jacob Kaplan-Moss จะมาหักล้างความเชื่อผิดๆ เกี่ยวกับโปรแกรมเมอร์, URL ที่สัมพันธ์กับโปรโตคอลต่างๆ ตอนนี้กลายเป็นรูปแบบป้องกัน, ป้ายที่เหมาะกับอุปกรณ์เคลื่อนที่ตกเป็นของ Google, เคล็ดลับ Git ด้วย First Aid Git และเพิ่มประสิทธิภาพแอปด้วย RAIL

Chrome 42 อยู่นี่แล้ว

Chrome 42 มีความเสถียรเพิ่มขึ้นในสัปดาห์นี้พร้อมด้วยฟีเจอร์ใหม่ๆ มากมาย ข้อความ Push ช่วยให้ผู้ใช้เลือกรับการอัปเดตอย่างทันท่วงที ติดตั้งแบนเนอร์แจ้งให้ผู้ใช้บันทึกหน้าลงในหน้าจอหลัก สิทธิ์จะแจ้งให้คุณทราบว่าคุณใช้ API ได้หรือไม่ การดึงข้อมูลจะทำหน้าที่เป็นการแทนที่ XHR และยังรวมถึงการสนับสนุนสำหรับคลาส ES6 อีกด้วย

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

เกมสร้างตำนาน

คำปราศรัยสำคัญของ Jacob Kaplan-Moss จาก PyCon ในปีนี้ได้ทำลายทวิบถว่านักพัฒนาซอฟต์แวร์นั้น ห่วยแตกถึง 10 เท่าหรือเลวร้ายสุดๆ การตัดข้อสันนิษฐานเหล่านี้ออกจะช่วยให้เราจัดการกับปัญหาอย่างโรคคิดว่าตัวเองไม่เก่ง ตลอดจนช่วยพัฒนาสภาพแวดล้อมการทำงานที่อาจเป็นอันตราย

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

ปรับทุกข้อความให้ถูกต้อง

ตอนนี้ URL โดยเทียบเคียงของโปรโตคอลเป็นรูปแบบต่อต้าน ทวีตโดย Paul Ireland ในสัปดาห์นี้ ไม่แนะนำให้ละเลยโปรโตคอลจาก URL เนื่องจากอาจนำไปสู่การโจมตีจากฝ่ายชาย ซึ่งคล้ายกับการโจมตีที่ GitHub คำแนะนำใหม่คือให้ขอเนื้อหาผ่าน https เสมอหากมีให้ใช้งานบน SSL

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

เหมาะกับอุปกรณ์เคลื่อนที่

ตรวจสอบว่าเว็บไซต์เหมาะกับอุปกรณ์เคลื่อนที่หรือไม่ บทความล่าสุดในบล็อก Google ผู้ดูแลเว็บ บ่งชี้ว่า Google Search จะเพิ่มป้ายกำกับข้างเว็บไซต์ที่พิจารณาว่าเหมาะกับอุปกรณ์เคลื่อนที่ตั้งแต่เริ่มต้นทันที เกณฑ์ดังกล่าวรวมถึงการตรวจสอบว่าผู้ใช้ไม่ต้องซูมเพื่ออ่านหน้าเว็บ และลิงก์ต่างๆ มีระยะห่างจากกันมากพอ คุณสามารถใช้การทดสอบความเหมาะกับอุปกรณ์เคลื่อนที่เพื่อให้มั่นใจว่าเว็บไซต์มีคุณสมบัติตรงตามเกณฑ์ และเพิ่มทักษะให้กับ Web Fundamentals

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

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

เตรียมพร้อมเร็วๆ นี้

การเรียนรู้ของ Git อาจเป็นเรื่องยาก การดูที่ StackOverflow ทำให้เห็นคำถามที่เกี่ยวข้องกับ git กว่า 53, 000 คำถาม แต่ความช่วยเหลือกำลังมานะ First Aid Git เป็นดัชนีที่ค้นหาได้ของคำถามที่พบบ่อยที่สุดเกี่ยวกับ Git อยากทราบวิธีเลิกทำการเปลี่ยนแปลงที่คุณเพิ่งพุชไปยังสาขาหลักไหม คุณสามารถดูคําตอบและอื่นๆ หรือส่งคําขอดึงข้อมูลเพื่อเพิ่มลงในดัชนีได้

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

การเพิ่มประสิทธิภาพกลุ่ม

60 เฟรมต่อวินาทีคือเป้าหมายสำหรับประสบการณ์การใช้งานเว็บที่ราบรื่น แต่ก็อาจหลุดจากช่องทางที่รวดเร็วได้ Paul Lewis และ Cameron Pittman จะแสดงวิธีเพิ่มประสิทธิภาพให้กับ 4 ด้านหลักๆ ของแอป ได้แก่ Response, Animate, Idle และ Load หรือ RAIL ในหลักสูตร Udacity ฟรี 6 บทเรียนนี้ บุกเบิกเหล่าผู้รุกรานและเรียนรู้เครื่องมือสำหรับนักพัฒนาเว็บและศึกษาความลับของเว็บแอปที่เร็วขึ้น

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

โปรแกรมรักษาหน้าจอด้วย JavaScript โดย Yash Bhardwaj

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

ความวุ่นวายอันหอมหวานในพื้นที่ผ้า Tulle โดย Bailh

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

ภาพเคลื่อนไหวของ CSS 101 - รูปภาพหลักโดย Donovan Hutchinson

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

Linjer โดย Hakim El Hattab

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

บอกให้เรารู้ว่าคุณคิดอย่างไรบน Twitter #LazyWebShow

สำหรับข่าวสารเพิ่มเติมบนเว็บ โปรดดูแหล่งข้อมูลต่อไปนี้ JavaScript Weekly: http://javascriptweekly.com/ เปิดแพลตฟอร์มเว็บรายวัน: http://webplatformdaily.org/ HTML5 Weekly: http://html5weekly.com/

ติดตามช่อง Google Developers ที่ https://goo.gl/mQyv5L