Дайджест свежих материалов из мира фронтенда за последнюю неделю №389 (11 — 17 ноября 2019)

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

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

Медиа

• Подкаст CSSSR: Новости 512 — React Conf, SmashingConf, VS Online, PHP 7.4.0 RC6, React 16.12, WordPress 5.3
• SPB Frontend Drinkcast #32 — «Есть ли жизнь после фронтенда»
• Подкаст «pro​Conf» #38 Holy.js: Piter 2019 | CI/CD | Opensource это круто | A11y accessibility много не бывает
• Подкаст «Frontend Weekend» #99 – Что изменилось у Виталия Фридмана (об усталости от конференций и экосистеме Smashing Magazine)
• Подкаст «Фронтенд Юность (18+)» -Backspace For Frontend
• Подкаст «Веб-стандарты» №203. Готовность к Edge, WebKit 2020, доступность и закон, WeakMap и GC
• Repozitorro #34 — Сборник ошибок новичков
• Записи всех сессий с Chrome Dev Summit 2019

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

• Веб-альманах 2019: Доступность
• Опрос по инструментам фронтенда 2019 — результаты
• WebAssembly: что и как
• Использование полифиллов при написании кросс-браузерных приложений
• Что такое CORS
• Web Almanac — отчет о текущем состоянии веба в исследовании HTTP Archive
• Когда использовать SVG, а когда Canvas
• Масштабирование GraphQL в PayPal
• Брендан Айк, создатель JavaScript и соучредитель Mozilla, отвечает на вопросы в рамках AMA на reddit
• Начало работы с Puppeteer

• Производительность
  • Google Chrome будет отмечать слишком медленные сайты специальным индикатором
  • Состояние современных методов оптимизации изображений в сети в 2019 году
  • Lighthouse CI — набор команд, которые позволят автоматизировать получение и обработку результатов Lighthouse

• Эффекты
  • Разработка анимированного Favicon
  • Эффект огней скоростной трассы на Three.js
  • Подборка креативных демок на веб-технологиях «Awesome Demos Roundup» #10

CSS

• Решение проблемы зазубренных линий в градиентах
• Медиа-выражения в CSS — это не только max-width
• CSS4 не будет… потому что он давно прошел. Встречайте CSS8!
• Логические свойства CSS
• Некоторые CSS Grid-стратегии для согласования макетов
• Получайте больше при меньших затратах с вариативными шрифтами
• Мысли после просмотра главы о CSS в Web Almanac 2019

JavaScript

• Ожидаемые новые возможности JavaScript, о которых полезно знать
• Производительность optional chaining в JavaScript
• Малоизвестные опасности JavaScript
• Используйте модули для создания модульного приложения на JavaScript
• Создание визуализатора волновых аудио-графиков с помощью ванильного JavaScript
• Как TypeScript делает вас лучшим JavaScript разработчиком

• Теория
  • Функциональное программирование с точки зрения EcmaScript. Композиция, каррирование, частичное применение
  • Оператор spread и rest параметры в JavaScript
  • Зачем нам нужен строгий режим в JavaScript?
  • Modest JS Works. Небольшая электронная книга для тех, кто хочет писать скромный JavaScript, а затем сосредоточиться на всем остальном, что имеет значение при создании приложения.
  • Обработка null и undefined в JavaScript
  • Забавы с ES6 proxies

• React
  • React Context за 5 минут: что это и как использовать
  • Создайте свой собственный React
  • Компетентное руководство по React useState() Hook
  • Построение платежной системы с помощью React и Stripe

• Vue
  • Модульное тестирование в Vue & Mocha: Часть 1, Часть 2
  • Ранний взгляд на Vue 3 Composition API в дикой природе
  • Компилируем Vue 3 с нуля и пробуем новый Composition API

• Angular
  • Angular: перенаправление на внешние ссылки
  • Как создать приложение на Angular 8 с нуля за 11 простых шагов
  • Практическое руководство по Angular: компоненты и NgModules
  • Versatile Ivy: Использование Angular и React вместе

• Libs & Plugins
  • 9 библиотек веб-компонентов
  • Стал доступен GSAP 3
  • GSAP 3 Playground: подборка демок на CodePen с некоторыми новыми клевыми функциями
  • Новые возможности GSAP 3
  • Paged.js — библиотека для разбиения контента на страницы в браузере. Основан на спецификациях W3C, полифила для Paged Media и Generated Content for Paged Media.
  • sheen — Имитация ткани на GPGPU

Браузеры

• Состоялся официальный релиз Brave – первого приватного браузера с открытым исходным кодом
• Выпуск Firefox Lite 2.0, компактного браузера для Android
• В свежей версии браузера Opera для ПК обновилась адресная строка, дизайн закладок и истории, а также появилась возможность увидеть заблокированные веб-трекеры

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

• Mozilla, Fastly, Intel и Red Hat продвигают WebAssembly, как платформу для универсального применения
• GitHub запустил совместный проект для выявления уязвимостей в открытом ПО
• GitHub перезапускает мобильное приложение
• Microsoft поместит весь открытый исходный код с GitHub в «Хранилище судного дня» в Арктике Материал редакции

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

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