Фронтенд-дайджест №377 (19 — 25 августа 2019)

Медиа

• Подкаст «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:

  • Как легко загружать динамические изображения в 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)

Браузеры

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