Дайджест свежих материалов из мира фронтенда за последнюю неделю №310 (9 — 15 апреля 2018)16.04.2018 03:18

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Кстати, на днях дайджесту исполнилось 6 лет. Спасибо, что все еще читаете.

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Занимательное

Медиа

• Подкаст «Pro WEB IT» №2 — Аудиозарисовки прошедших будней
• Подкаст »5 minutes of React» #21 — Bitbucket Pipelines
• Подкаст «devschacht»: Ночной фронтенд #30: DUMP 2018
• Подкаст «Фронтенд Юность (18+)» #44 Как выбрать стиральную машину
• «ALL YOUR HTML» #44: «Волны и эффект преломления на вертекс-фрагмент шейдерах»
• 8 докладов с CSSConf AU 2018 in Melbourne, Australia

Веб-разработка

• Противостояние W3C и WHATWG: Apple, Google, Microsoft, Mozilla возражают против DOM 4.1
• Генерация страниц сайта средствами сервис-воркеров
• Руководство для разработчиков Front-End 2018
• Состояние веб-анимации: Часть 1, Часть 2
• Scroll to the future: Всё, что вы хотели знать о скролле в вебе, но боялись спросить

• Производительность:
  • Насколько быстр AMP на самом деле?
  • Обзор конференции «PerfMatters 2018 Web Performance Conference» с обозначением основных идей и посылов оттуда
  • Несколько советов, которые помогут вашему PWA на iOS ощущаться нативным
  

• Инструменты:
  • Что нового в DevTools (Chrome 67)
  • Что нового в DevTools в Chrome 66: Blackboxing в Network panel, Local Overrides и многое другое
  • Встречайте Accessibility Inspector в Firefox Developer Tools
  

• Анимация:
  • CSS / SVG Blobby Background
  • WebGL Distortion Hover Effects: небольшая библиотека, которая может быть использована для создания эффектов наведения с искажениями на WebGL
  

CSS

• Режимы наложения + гриды = love
• Как работает CSS: парсинг и отрисовка CSS в критическом пути рендеринга
• Еще одна коллекция интересных фактов о CSS Grid
• feature-queries-manager — расширение для DevTools, облегчающее отладку supports Feature Query
• Как я перестал использовать раскладку Bootstrap благодаря CSS Grid
• Epic Spinners — библиотека прелоадеров на Css. Проста в использовании и интегрируется с VueJS
• Ниндзя веб разработки: более 30 убойных CSS каламбуров

JavaScript

• О главнейшей причине существования современных JS-фреймворков
• Операционная система на JavaScript? JsOS
• Fitbit«s JerryScript: JavaScript врывается в интернет вещей
• Топ расширений VSCode для повышения скорости работы с JavaScript
• Первая глава книги Джереми Кейта «Going Offline»
• Простой свайп с помощью ванильного JavaScript
• Как я перестал беспокоиться и научился любить экосистему JavaScript
• Все о массивах в JavaScript в одной статье
• Документирование проектов на Javascript

• ES2015+:
  • Обзор новшеств ECMAScript 2016, 2017, и 2018 с примерами
  • Операторы ?., ? и |>: будущие возможности JavaScript, которые вам понравятся
  • Fun ES #4: задачки в ФП стиле. Реализуем map, reduce, filter
  • Обзор синтаксиса ES6 и обзор свойств
  • Как избежать ада async/await
  • Стрелочные функции ES6: толстый и сжатый синтаксис в JavaScript
  • ES6 в действии: как использовать прокси, символы и их использование
  • ES6 генераторы и итераторы: руководство разработчика
  

• VueJS:
  • VuePress — статический генератор сайтов на Vue
  • Как мы создавали высоконагруженный интерфейс с Vue.JS и Google Maps
  • Как делать переходы в Vue.js
  • Создание VueTube: клон Youtube с помощью VueJS, Webpack и Flexbox
  • vuejs-boilerplate — заготовка на базе Vue.js для создания реальных приложений (access/refresh tokens auth, api services, http client, store modules)
  • Является ли мое SPA дружественным к SEO?
  

• React:
  • Обзор библиотеки react-testing-library
  • Почему React нуждается еще в одной библиотеке для анимации. Встречайте react-spring
  • Изучение React.js за 5 минут
  • Иммутабельность в React: с мутабельностью объектов все нормально
  

• Angular:
  • Анимация в Angular-приложениях
  • Что нового в Angular 6?
  • Jesse Palmer — Основы тестирования компонентов Angular
  

Занимательное

• SEO оптимизация статьи: актуальный план
• Проверка орфографии: какие слова пишут с ошибками на «Хабрахабре», Cossa, Rusbase, AIN, DOU, Roem и vc.ru
• Сервис Opera VPN прекратит работу с 30 апреля
• Вышел новый стандарт аутентификации WebAuthn: биометрические данные вместо паролей
• Как тимлиду развивать себя и команду: принципы SOLID
• Обновленный Gmail получит «режим конфиденциальности» с самоуничтожающимися и запароленными письмами, которые нельзя скопировать, распечатать или переслать другому
• Математика против лома, или Биткойн как квантовая канарейка
• Спутниковый интернет: финальное решение. Как Элон Маск надеется осетенить Землю
• У GitHub — день рождения. 10 фактов о любимом сайте всех разработчиков
• Я загрузил все, что Facebook обо мне знает. И это было больно

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

© Habrahabr.ru