Фронтенд-дайджест №371 (24 — 30 июня 2019)

Медиа

• Подкаст «Веб-стандарты», Выпуск №181. Panda Meetup, Chrome 76, a11y, тост, препроцессоры и jQuery
• Подкаст «Frontend Weekend» #94 – Денис Мишунов о том, почему стоит уезжать в Норвегию и удалённо работать в GitLab
• Подкаст «Фронтенд Юность (18+)» #97: Архитектура, которую ты не заслужил
• "Repozitorro" #20 - Портфолио наоборот...
• WSD в Москве 2019, 8 видео
• Amsterdam JSNation 2019, 15 videos
• Подкаст syntax.fm №154: SVGs с Sara Soueidan

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

• Как настроить веб-аналитику на AMP страницах

• Начинаете работать с веб-производительностью? Вот на чем нужно сосредоточиться.

• Создание PWA с помощью Webpack и Workbox

• Spam Detection API

• Имитация относительного позиционирования вложенного SVG внутри SVG

• HTML can do that?. Подборка демок, демонстрирующая возможности "чистого" HTML

• Accessibility:

  • Как деревья доступности информируют вспомогательные технологии
  • Отчет по судебным искам, связанным с веб-доступностью (ADA Compliance) за первое полугодие. (Спойлер: новый иска каждый час)
  • Что такое доступность для веб-приложений и почему это меня волнует?

• Эффектный веб:

  • Как правильно делать скролл-анимацию
  • Интерактивный сайт для изучения основ синтетической музыки. Работает на Web Audio, WebAssembly и WebGL с использованием three.js, Tone.js, anime.js и React с TypeScript
  • useAnimations: анимированные иконки с помощью фреймворка Lottie и After Effects для использования в приложениях и веб-сайтах

CSS

• 10 PostCSS плагинов, которые сэкономят время вашему верстальщику
• 18 советов по CSS, которые сделают жизнь разработчика проще
• Три прогноза из State of CSS 2019 Survey
• Полное руководство по центрированию с помощью Flexbox
• a11y-css-reset
• Создание расписания конференции на CSS Grid
• Drag-n-drop sticky, без JS!
• Вариативные шрифты для разработчиков
• Думаем о БЭМ как о философии пользовательского интерфейса вместо именования CSS классов

JavaScript

• Стоимость JavaScript в 2019 году by Addy Osmani

• RxJS: простое введение

• Мгновенный поиск с на ванильном JavaScript

• Теория:

  • Функциональный JavaScript: пять способов нахождения среднего арифметического элементов массива и метод .reduce()
  • 5 функций ES2019, которые вы можете использовать сегодня
  • Как настроить полифилл globalThis в универсальном JavaScript
  • Разбираемся с Async/Await в JavaScript на примерах
  • Коллекции JavaScript – Set, Map, WeakMap и WeakSet

• Mongo/Node:

  • Шаблоны проектирования в Node.js: практическое руководство
  • Новый ECMAScript модуль поддерживается в Node.js 12
  • Firebase или MongoDB: какую базу данных использовать для разработки приложения

• VueJS:

  • Использование middleware во Vue
  • Почему люди злятся на Vue 3
  • Руководство для начинающих по Vue CLI
  • Когда на самом деле нужен атрибут :key по Vue и зачем?
  • Как начать работать с Vuetify

• React:

  • Разработка приложения для потокового вещания с помощью Node.js и React
  • Знакомство с useReducer React Hook
  • Миф о недоступности React
  • Десять заповедей React компонентов
  • Добавление WebAssembly компонента в React приложение
  • Продвинутые концепты React хуков пояснённые на примере игры Змейка
  • Next.js или Create React App: какие приложения более производительны?

• Angular:

  • Состояние Angular в 2019-м
  • Понимание магии, которая стоит за элементами Angular
  • Создание музыкального проигрывателя с использованием Kendo UI и Angular
  • Что я узнал за 3 года разработки в Angular 2+

• Ember:

  • Начало работы с Glimmer-Native
  • Ember.js Seattle Meetup с Yehuda Katz
  • Пожелания для роадмапа Ember 2019

• Libs & Plugins:

  • 10 лучших JavaScript библиотек для визуализации данных на графиках и диаграммах
  • freezeframe.js - библиотека, которая приостанавливает анимированные .gifs, запуская анимацию при наведении мыши / клику / тачу
  • TWGL: небольшая вспомогательная библиотека для WebGL
  • pixelmatch: небольшая, простая и быстрая JS библиотека для попиксельного сравнения изображений
  • svelte-adapter: использование Svelte компонентов с Vue и React

Браузеры

• В Firefox Nightly тестируется генератор паролей
• Инструмент Track THIS от Mozilla позволяет обмануть рекламные алгоритмы
• В Microsoft Edge появится три режима блокировки отслеживающих скриптов
• В Firefox 68 будет предложена новая реализация адресной строки
• Первый выпуск нового браузера Firefox Preview для Android