Дайджест свежих материалов из мира фронтенда за последнюю неделю №336 (22 — 28 октября 2018)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

    Медиа    |    Веб-разработка    |    CSS    |    Javascript    |    Браузеры 

---

Медиа

• Подкаст «Веб-стандарты», События в Берлине, веб-компоненты, PWA на десктопе, Styleguidist и JSS, CSS-in-JS.
• Подкаст «Frontend Weekend» #76 – Иван Ботанов о том, как и зачем начал обучать разработчиков Angular'у
• Подкаст «CSSSR» Новости 512 — Выпуск №26 (22.10 — 28.10)
• Подкаст «Фронтенд Юность (18+)» #70 Капитан Хук и Кот
• Подкаст «radiojs», Выпуск 53: Proposals, proposals, proposals или итоги рабочей встречи
• «Девшахта — подкаст»: #54: Что послушать на HolyJS 2018 Moscow
• Видеоблог Вадима Макеева №7. KFC, SVG и лишний base64, вредная типа-доступность
• JavaScript Jabber 336: “The Origin of ESLint” with Nicholas Zakas
• React Podcast #26: Chill Out and Listen with Brad Frost
• Node Ukraine 2018 — talks, 8 videos
• WSD в Киеве, 2018, запись онлайн-трансляции
• React Conf 2018, 28 videos

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

• Верхнеуровневая архитектура фронтенда. Лекция Яндекса
• Рассылай и властвуй: вёрстка рассылки тогда и сейчас
• Прагматичные правила веб-доступности, которые задержатся в вашем сознании
• Типичный сайт в 2018, ироническая демонстрация, codepen edition, website edition

• Инструменты:
  • Использование инспектора анимации в инструментах разработчика Chrome
  • 10 консольных трюков для профессиональной отладки
  • Аннотированный webpack 4 Config для разработки фронтенда
  • Siteaudit: проведите аудит вашего сайта (Pagespeed, Lighthouse, A11y) прямо из терминала
  

CSS

• Фигуры, сгенерированные с помощью CSS background gradients.
• Создание интерфейсов с учетом пропорций
• Соединение ДНК HTML с помощью атрибутов селекторов CSS
• От обычного к экстраординарному с помощью CSS анимаций
• Упрощение стилизации с помощью функционального CSS
• Вы используете <em> неправильно
• Использование темного режима в CSS с MacOS Mojave
• Неполный список ошибок в проектировании CSS
• 100 Days CSS Challenge

JavaScript

• ES2018 — метод промисов finally
• API ReportingObserver: взгляд на код веб-страниц с новой точки зрения
• Вышла Node.js 11.0 с поддержкой движка V8 7.0
• The State of JavaScript. Интервью с Addy Osmani о текущем состоянии JavaScript в вебе
• Как уменьшить влияние JavaScript на время загрузки вашей страницы
• Как создать кастомные маркеры для Google Maps с помощью HTML & CSS, ES6 классов и замыканий
• 3 ошибки производительности JavaScript, которые вы должны прекратить делать
• GraphQL: история успеха PayPal Checkout
• Играем в Mortal Kombat с TensorFlow.js. Transfer learning и data augmentation
• The Intl.RelativeTimeFormat API — обработка дат и времени относительно текущего момента

• Теория:
  • Каррирование функций в JavaScript
  • 100 видео-лекций по программированию
  • typeof Everything и утиные недоразумения
  • Разбираемся в проверке JavaScript-типов с помощью typeof
  • Просто о JavaScript: честное введение о Mocking, Stubbing и интерфейсы
  • Понимание функций высокого порядка в JavaScript
  

• React:
  • Что нового в React 16.6
  • React 16.6: React.memo() для Functional Components Rendering Control
  • Начинаем работать с React Hooks
  • Использование React Profiler для производительности
  • Ломаем производительность React с помощью Redux
  • Чистые функциональные компоненты в React
  • Понимание Render Props и HOC
  • Функциональный React. Это возможно? Изучение техник функционального программирования в HOC
  • Создание компонентов скелетона с помощью React
  

• Angular:
  • Angular 7 и виртуальный скролл
  • Angular v7 вышел, но 7.1.0 уже на подходе
  • Реактивные формы angular в реальном мире
  • Интернационализация в приложениях Angular и React — сравнение
  • Isoline Routing в Angular-приложении с использованием API-интерфейсов HERE Routing
  

• VueJS:
  • Shards Dashboard Vue
  • Использование мутаций GraphQL в Vue.js
  

• Libs & Plugins:
  • lazy-brush — плавная отрисовка линий с помощью мыши, пальца или любого устройства с указателем
  • percollate: инструмент командной строки, превращающий веб-страницы в форматированные PDF
  • IronDB — резервное хранилище ключей для браузера
  

Браузеры

• Firefox 63: новые Web Components API, редактор шрифтов и подавление анимации через CSS
• Firefox возможно будет монетизироваться за счет встроенного платного VPN-дополнения
• Браузер Firefox 63 получил функцию Enhanced Tracking Protection для повышения уровня приватности серфинга
• Mozilla встроит в Firefox подписку на ProtonVPN, причем по более высокой цене, чем напрямую через сайт сервиса
• Что нового в Microsoft Edge в Windows 10 October 2018 Update

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

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