Дайджест свежих материалов из мира фронтенда за последнюю неделю №377 (19 — 25 августа 2019)

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

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

---

Медиа

• Подкаст «CSSSR»: Новости 512 — RoR 6, native JS-modules, Vue Composition API, оптимизация анимаций и загрузки images
• Подкаст «Frontend Weekend», Remote #1: Никита Дубко (конференции, синдром самозванца, подготовка докладов)
• Подкаст «devschacht» #91: Очень короткие доклады и REST против GraphQL
• Подкаст «devschacht» #92: Про изоленту и скотч
• Подкаст «Сделайте мне красиво», Выпуск №23: в гостях Сергей Фролов и Сергей Рубанов — Ламповые конференции,10х разраб и WebAssembly
• SPA Meetup #5 в Авито

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

• На AMP-страницы теперь можно добавлять пользовательский JavaScript
• В чем действительно нуждается HTML6 (Living standard)
• Необязательный HTML: все, что вам нужно знать

• Производительность:
  • Ускоренная загрузка изображений благодаря встроенному предварительному просмотру изображений
  • Использование rel = ”preconnect” для раннего установления сетевых подключений и повышения производительности
  

• Инструменты:
  • Как подружить дизайнера, верстальщика и «Фигму» с помощью дизайн-системы, ломика и какой-то матери
  • Анонс NodeGUI и React NodeGUI — создание собственных приложений для настольных ПК с использованием JavaScript и CSS
  

• API:
  • Преобразование текста в речь в браузере с помощью Web Speech API
  • Native File System API: упрощение доступа к локальным файлам
  

• Accessibility:
  • Что я узнал о доступности от Tumblr
  • Топ 5 ресурсов для работы с доступностью веб-приложений
  • Доклад ADA о доступности веба и приложений. «Количество судебных исков, поданных в федеральные суды в отношении доступности веб-сайтов и приложений, в настоящее время составляет один в час, то есть 8 в день, 40 в неделю, и в этом году ожидается повторное рассмотрение более 2000 исков»
  

• Практика:
  • Многопользовательские Крестики-нолики с использованием GraphQL
  • Как создать многопользовательскую реал-тайм игру с VR (часть 1)
  • Создание анимированной фавиконки
  
  

CSS

• Откуда появились названия цветов в CSS?
• Список лучших CSS библиотек во фронтенде
• Как увидеть стили для печати, применяемые непосредственно в браузере?
• Элемент, отскакивающий от краев вьюпорта, реализованный на CSS
• CSS может сделать это… И это ужасно!

JavaScript

• Новшества JavaScript: итоги Google I/O 2019: Часть 1, Часть 2
• Dependency Injection, JavaScript и ES6-модули
• Ключевое слово this в JavaScript. Полное* руководство
• Работаем с асинхронной итерацией в ECMAScript 2019, используя for-of
• Используйте функции генератора JavaScript, чтобы уменьшить использование памяти
• Использование нативных модулей JavaScript на продакшене
• Debouncing и Throttling в JavaScript
• JS: чему научиться, чтобы стать Senior

• React:
  • React: Создание доступного компонента FAQ
  • 5 советов, которые помогут вам избежать подводных камней React Hooks
  • Локализация с помощью React
  • Использование requestAnimationFrame с React Hooks
  • Современное тестирование React, часть 2: Jest and Enzyme
  • Состояние семантического JSX
  

• VueJS:
  • В чём разница между props и data в Vue. js
  • Как легко загружать динамические изображения в Vue и Nuxt
  • Производительность Vue.js Router
  • Как использовать Vuetify в Vue.js
  • Как избежать нарушения принципов SOLID в приложениях на VueJS
  

• Angular:
  • Основы верстки в Angular c Redux и Nx. Часть 1. Верстка Header и Navbar.
  • 7 способов сделать ваше Angular приложение более доступным
  • Angular Search & Pagination
  • Почему вы никогда не должны использовать вызовы функций в выражениях шаблонов Angular
  

• Ember:
  • Ember.js и React.js: Сравнение некоторых продвинутых функций
  • The Ember Atlas — место для Ember: процессы, лучшие практики, руководства по обновлению и многое другое
  • Создание Electron приложения с помощью Ember JS
  • Commit Porto '19: Процветание в цикле хайпа: история Ember.js(Ricardo Mendes)
  

Браузеры

• Microsoft Edge Insider: старт тестирования «Коллекций», рабочие учётные записи и другие улучшения
• В Firefox, Chrome и Safari заблокирован внедряемый в Казахстане «национальный сертификат»

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

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