Thông báo đẩy cho web

Trong tập của tuần này

Chrome 42 có thông báo đẩy, Jacob Kaplan-Moss giải quyết những quan niệm sai lầm về lập trình viên, URL liên quan đến giao thức hiện là chống mẫu, huy hiệu thân thiện với thiết bị di động đạt đến Google, các mẹo git với First Aid Git và tối ưu hoá ứng dụng của bạn với RAIL.

CHROME 42 CÓ Ở ĐÂY

Chrome 42 đã đạt bản ổn định trong tuần này và đi kèm với một số tính năng mới. Thông báo đẩy cho phép người dùng chọn nhận thông tin cập nhật kịp thời, cài đặt biểu ngữ nhắc người dùng lưu trang vào màn hình chính, quyền cho bạn biết liệu bạn có thể sử dụng API hay không, tìm nạp hoạt động như một giải pháp thay thế cho XHR và thậm chí còn hỗ trợ các lớp 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

XU HƯỚNG SAI LẦM SAI LẦM

Bài phát biểu khai mạc của Jacob Kaplan-Moss trong PyCon năm nay đã phân tích sự phân chia mà các nhà phát triển có thể gặp phải những kẻ xấu gấp 10 lần hoặc hoàn toàn tệ. Việc loại bỏ những giả định này giúp chúng ta giải quyết tốt hơn các vấn đề như hội chứng mạo danh và nỗ lực cải thiện môi trường làm việc có khả năng độc hại.

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

TLS TẤT CẢ THÔNG TIN!

URL tương đối của giao thức hiện là loại chống mẫu. Bài đăng trên Twitter tuần này của Paul Ireland, trong bài đăng này, chúng tôi xin chia sẻ rằng hành vi bỏ giao thức khỏi một URL hiện không được khuyến khích vì nó có thể dẫn đến các cuộc tấn công Man-the-side, tương tự như vụ tấn công GitHub. Theo một đề xuất mới, bạn luôn yêu cầu một thành phần qua https nếu thành phần đó có trên 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

BẠN LÀM QUEN VỚI THIẾT BỊ DI ĐỘNG?

Kiểm tra xem trang web của bạn có thân thiện với thiết bị di động hay không. Một bài viết gần đây trên blog của Google dành cho quản trị viên trang web cho biết rằng bắt đầu ngay lập tức, Google Tìm kiếm sẽ thêm nhãn bên cạnh các trang web mà chúng tôi cho là thân thiện với thiết bị di động. Các tiêu chí này bao gồm những việc như đảm bảo người dùng không phải thu phóng để đọc trang và các đường liên kết cách nhau đủ xa. Bạn có thể sử dụng quy trình kiểm tra tính thân thiện với thiết bị di động để đảm bảo trang web của bạn đáp ứng được tiêu chuẩn này. Và nâng cao kỹ năng kiến thức cơ bản về web.

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

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

ĐÃ TĂNG TỐC ĐỘ

Việc học git có thể khó khăn. Khi nhìn vào StackOverflow, chúng tôi đã cho thấy hơn 53000 câu hỏi liên quan đến git, nhưng vẫn sẽ có trợ giúp. First Aid Git là một chỉ mục có thể tìm kiếm được của các câu hỏi git thường gặp nhất. Bạn muốn biết cách hoàn tác thay đổi mà mình vừa đẩy vào nhánh main (chính)? Bạn có thể tìm thấy câu trả lời và nhiều nội dung khác, hoặc gửi yêu cầu lấy dữ liệu để thêm vào chỉ mục.

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

TỐI ƯU HOÁ ĐƯỜNG ĐI

Mục tiêu là 60 khung hình/giây để có trải nghiệm web mượt mà, nhưng rất dễ bị bỏ lỡ. Paul Lewis và Cameron Pittman chỉ cho bạn cách tối ưu hóa 4 lĩnh vực chính của ứng dụng Phản hồi, Hoạt ảnh, Nhàn rỗi và Tải hay còn gọi là RAIL trong khóa học MIỄN PHÍ 6 phần của Udacity này. Đánh bại những kẻ xâm lược giật và tìm hiểu Công cụ cho nhà phát triển đồng thời tìm hiểu các bí mật để có một ứng dụng web chạy nhanh hơn.

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

Trình bảo vệ màn hình bằng JavaScript của Yash Bhardwaj

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

Sự hỗn loạn ngọt ngào trong không gian của vải tuyn, bài hát của Bailh

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

CSS Animation 101 – Hình ảnh chính của Donovan Hutchinson

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

Linjer của Hakim El Hattab

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

Hãy cho chúng tôi biết suy nghĩ của bạn trên Twitter #LazyWebShow

Để biết thêm tin tức trên Web, hãy xem những tài nguyên sau: JavaScript hằng tuần: http://javascriptweekly.com/ Open Web Platform Daily: http://webplatformdaily.org/ HTML5 Hàng tuần: http://html5weekly.com/

Đăng ký kênh Google Developers tại: https://goo.gl/mQyv5L