Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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.
Автор: alexzfort
