Дайджест свежих материалов из мира фронтенда за последнюю неделю №392 (2 — 8 декабря 2019)

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

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

Медиа

• Подкаст «Веб-стандарты» №206. Браузер Flow, Lighthouse CI, сабгриды, лишний CSS, details, JS 2019, strict, JS кусается
• Подкаст «Фронтенд Юность (18+)» #117 Садись за стол, Братишка!
• UnderJS Podcast #10 — Разговор с Артемом Арутюняном про State managment и «ужасный» TypeScript [Ламповый]
• Подкаст «Frontend Weekend» #101 – Анастасия Калашникова о том, как и зачем строить карьеру психолога в сфере IT
• Подкаст «Сделайте мне красиво!», Выпуск №29: в гостях Артур Кенжаев и Артём Арутюнян — Стейт-менеджеры и reatom как вершина эволюции
• WSD в Минске, 2019, запись трансляции
• Записи докладов ок.tech: Frontend Meetup #2

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

• Продуманные запросы: стратегии кэширования в век PWA
• Как управлять часами? Разбор фронтенд-трека второго чемпионата по программированию
• Микросервисный подход в веб-разработке: micro frontends
• Разбираемся в алгоритмах и структурах данных. Доступно и понятно
• Архитектура фронтенда: Стратегия и метрики автоматизированного тестирования.
• Что такое PWA?
• Создание лучшего кастомного селекта
• Возрастающая сложность сайтов на JAMstack и как ими управлять
• AI в браузерах: сравнение TensorFlow, ONNX и WebDNN для классификации изображений

• Инструменты
  • 10 возможностей VS Code, помогающих ускорить работу программиста
  • Docker для фронтендера. Часть 1. Зачем?
  • Плюсы, минусы, советы и хитрости при использовании Prettier при большой кодовой базе
  • Шпаргалка по командам в npm и Yarn
  

• Производительность
  • Советы по повышению производительности для фонового видео
  • Неприятная правда об оптимизации красивых изображений
  • Цена процессорного времени на уровне компонентов JavaScript
  • Тонкое искусство prefetching
  

• Доступность
  • Не существует «Мифов о доступности цветового контраста»
  • 8 странных советов, о которых специалисты по доступности не хотят, чтобы вы знали
  • Будущие рекомендации по доступности — для людей, которые не могут ждать, чтобы прочитать их
  • Веб-компоненты и объектная модель доступности (AOM)
  • Стоимость в час для тестирования доступности
  • Советы по доступности для веб-разработчиков от Addy Osmani
  • «Smashing» (подкаст от SmashingMagazine), эпизод №4: Heydon Pickering — что такое инклюзивные компоненты?
  

• Эффекты
  • Motion Paths – прошлое, настоящее и будущее
  • Подборка креативный веб-демок «Awesome Demos Roundup #11»
  • Техники рендера текста на WebGL с помощью Three.js
  • Интересные возможности реализации скроллинга без библиотек
  

CSS

• Именование в CSS Grid
• Немного размышлений на тему модульного css и проблемы поддержки кода
• Введение в вариативные шрифты
• Немного повеселимся с кастомными фокус-стилями
• CSS: искусство, наука, кошмар (все, что вы должны знать)
• Сделай плавную тень, друг. Сервис для создания многослойных теней
• Сказ о CSS Resets и все, что вам нужно о них знать
• CSS Layout -коллекция популярных макетов и шаблонов, реализованных с помощью CSS
• Расчет цвета: динамическое цветовое оформление с помощью чистого CSS
• Научитесь создавать Masonry Gallery, используя чистый CSS

JavaScript

• Dap — еще один реактивный движок для веба. Совсем другой
• Обработка естественного языка в Node.js
• TypeScript: достоинства и недостатки
• Проверка типов в JavaScript слегка лажает
• Что нового для Node.js в 2020 году
• JavaScript, ES6, ES7, ES10, где мы сейчас?
• Простое руководство по загрузке C/C ++ кода в JavaScript-приложения на Node.js
• 5 анти-паттернов при работе с коллекциями в JavaScript
• Люди, стоящие за JavaScript: Allen Wirfs-Brock
• 63 лучших вопроса для интервью о Nodejs с ответами на них
• Как на самом деле работает Svelte? часть 1
• Превью основных моментов Ember Octane

• Теория
  • Вам не нужны циклы в JavaScript
  • Callbacks vs. Promises в JavaScript
  • ES7-ES9 Features #2 Object.getOwnPropertyDescriptors()
  

• React
  • Сравнение React Native и Flutter с точки зрения их применения в реальных проектах
  • Релиз create-react-app v3.3.0
  • Представлена React View, интерактивная песочница ваших компонентов
  • Создание GraphQL + React приложения с TypeScript
  • Как написать правильно типизированные компоненты React с помощью TypeScript
  • Как включить React в тему на WordPress
  

• Vue
  • Vue 3 станет быстрее
  • Трюк в рукаве Vuex: Promises и WeakMaps
  • Динамическая фильтрация списков с Vue на сервере проще, чем вы думаете
  • Как использовать API на основе OAuth во Vue.js?
  • Создание компонента Infinite Scroll с использованием VueJS и GraphQL
  • Создание расширенного поиска и фильтрации с помощью Vuex (в Nuxt)
  

• Angular
  • Мои любимые инструменты для Angular-разработчиков
  • Как создать приложение на Angular 8 с API request за 10 минут?
  • Будущее Angular с Ivy
  • 20 советов по производительности Angular
  

Браузеры

• Релиз Firefox 71
• Новая Opera для Android получила «принудительный» ночной режим с уменьшенной яркостью и регулировку цветовой температуры
• Расширения Avast и AVG для Firefox удалены из каталога из-за сбора пользовательских данных
• Что нового в DevTools (Chrome 80)

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

• Самый популярный пример Java-кода на StackOverflow оказался с ошибкой
• Компания Mozilla представила движок распознавания речи DeepSpeech 0.6
• Опубликованы тесты простейших приложений на различных языках программирования.
• «Изобретатели, а не предприниматели»: почему Сергей Брин и Ларри Пейдж отошли от управления Alphabet

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

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