Эта страница переведена с помощью Cloud Translation API.

Квест по спасению вселенной с помощью JavaScript

В выпуске этой недели

Сервисные работники используют Firefox Nightly, ежедневные советы DevTools в вашем почтовом ящике, отладку IE в Chrome, использование Flexbox для RWD, сохранение вселенной с помощью 1 тыс. JavaScript, а генераторы для IE и Spartan находятся в разработке.

ДЕВТУОЛС ЕЖЕДНЕВНО

Ускорьте свой рабочий процесс с помощью этих полезных советов, которые ежедневно приходят на ваш почтовый ящик. Умар Ханса демонстрирует один совет DevTools в день в анимированном формате Gif. Примеры включают переход к номеру строки на панели источников и воспроизведение сетевых запросов в cURL.

https://www.google.com/url?q=https%3A%2F%2Fumaar.com%2Fdev-tips%2F&sa=D&sntz=1&usg=AFQjCNGgWKnyERWpWflwl-7sk6qV4gngmg

ОТЛАДКА IE В ХРОМЕ

Что, если бы вы могли отлаживать Internet Explorer в Chrome? Адаптер диагностики IE, недавно открытый командой IE, представляет собой мост, который позволяет Internet Explorer взаимодействовать с протоколом удаленной отладки Chrome. Хотя проект все еще является экспериментом, он уже позволяет выполнять базовую отладку скриптов, и в ближайшем будущем команда планирует портировать его на Spartan.

http://blogs.msdn.com/b/ie/archive/2015/04/02/introducing-the-ie-diagnostics-adapter-for- Third-party-developer-tools.aspx

ОБСЛУЖИВАЮЩИЕ РАБОТНИКИ

Создавать офлайн-опыт может стать проще, поскольку в Firefox Nightly переходят сервисные работники. Согласно спецификации W3C, сервис-воркеры предоставляют разработчикам расширенный контроль над страницей, позволяя им перенаправлять сетевые запросы, обслуживать ресурсы из кеша и даже отправлять push-уведомления. Сервисные работники уже выпускают Chrome, и, по оценкам команды Firefox, они могут появиться в версии 41.

https://blog.wanderview.com/blog/2015/03/24/service-workers-in-firefox-nightly

http://www.w3.org/TR/service-workers/

https://jakearchibald.com/2014/offline-cookbook/

ФЛЕКСБОКС ДЛЯ ЗАДНЕГО ДВС

Улучшите свой сайт с помощью flexbox, чтобы улучшить адаптивные макеты. Разработчик Зои Гилленуотер объясняет, как flexbox можно использовать в качестве прогрессивного улучшения сайтов, которые должны поддерживать устаревшие браузеры. Подробные слайды также можно использовать в качестве шпаргалки, которая поможет вам запомнить множество свойств флексбоксов.

https://vimeo.com/124796320

http://www.slideshare.net/zomigi/enhancing-responseness-with-flexbox-smashing-conference

КОНКУРС JS1K

Сколько инопланетян вы сможете уничтожить всего за 1 тысячу JavaScript? «Защитник» Кейта Кларка стал победителем конкурса JS1K этого года. Участникам предстоит создать захватывающий опыт, используя только 1024 байта JS. Второе место в этом году заняли поездка на загадочной монорельсовой дороге и невозможные американские горки.

http://js1k.com/2015-hypetrain/demo/2306

http://js1k.com/2015-hypetrain/demo/2322

http://js1k.com/2015-hypetrain/demo/2364

ГЕНЕРАТОРЫ В IE/СПАРТАНЕ

Обратные вызовы, возможно, ушли в прошлое, поскольку команда IE объявила, что генераторы находятся в разработке. Генераторы, входящие в состав ES6, представляют собой специальные функции, которые можно приостановить и возобновить позже, что позволяет писать асинхронный код синхронно. Генераторы уже доступны в Chrome и Firefox и в настоящее время находятся в разработке для Safari.

https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263797-generators

https://www.youtube.com/watch?v=rT-1ZxhjzBw

https://www.chromestatus.com/features/4959347197083648

Дайте нам знать, что вы думаете, в Твиттере #LazyWebShow.