Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное
Медиа
• 
Подкаст «Фронтенд Юность (18+)» №142: Последний шанс уехать подальше
• 
UnderJS Podcast №24: ClojureScript, истоки PiterJS и 3D-принтеры с Михаилом Полубояриновым [Ламповый]
• 
Подкаст CSSSR: Frontend learning от Mozilla, Vue 3 материалы, QUIC, релизы PHP-фреймворков, CSS Grid + Flexbox
• 
Подкаст «Веб-стандарты» №234: Путь фронтендера на MDN, QuicTransport, кастомные свойства, Houdini, GC, записи и кортежи в ES
Веб-разработка
• 
Ускорение старения современных технологий
• 
Web Apps: Micro Frontend фреймворк с поддержкой Module Federation
• 
Многократное использование UI-компонентов в масштабах организации
• 
Не стоит создавать собственные решения для аутентификации пользователей
• Что должен уметь верстальщик в 2020 году
• Вышла Bootstrap 5 alpha! Теперь без jQuery зависимости и поддержки Internet Explorer
• 
Blogging Simplified — статический генератор для блогов, документации и многого другого
- Инструменты
•
Повышаем эффективность взаимодействия дизайнеров и frontend-разработчиков
•
Начало работы с Puppeteer
•
Релиз Puppeteer v4.0.0. Breaking change: Puppeteer больше не использует Node-библиотеку EventEmitter
•
Почему мы переключились с Yarn на pnpm
•
Представляем GitHub Super Linter: один линтер, чтобы управлять всем
•
Релизы ESLint 7.0, 7.1, 7.2, улучшающие опыт разработчиков и поддержка ES2020
- Доступность
•
Скрытие и стилизация чекбоксов и радио-кнопок с учетом доступности
•
Как написать Alt Text и Image Descriptions для фотожурналистских изображений
- Эффекты
•
[Dribbble Challenge] — Анимация заказа кофе
•
ScrollTrigger — подсветка текста во время скроллинга
•
Easing-анимации в Canvas
CSS
• 
Использование Grid для макетов страниц, а Flexbox — для макетов компонентов
• 
Советы для сложных иллюстраций на CSS
• 
Grid Cheatsheet: подробная шпаргалка по гридам от Yoksel
• 
Пользовательские свойства CSS не работают без фолбека
• 
CSS-анимация: основные концепты и многое другое
• 
Мысли о функциональном CSS
• 
Лучшие способы организовать свойства CSS
JavaScript
• 
Не надо следовать JavaScript-трендам
• 
Простой state manager для простой работы
• 
Великий раскол в import: проясняем неопределенность с импортом в Typescript
• 
Cлайдер с голосовым управлением на JavaScript
• Event listeners и garbage collection
• 
Чего нам ожидать в TypeScript 4.0?
• 
Рефакторинг optional chaining в большой кодовой базе: извлеченные уроки
• 
Что JavaScript разработчики должны знать о Curl
• 
Компилятор компилятора: серия стримов на Twitch о работе над движком JavaScript
• 
Придерживаемся концепта DRY при использовании axios для API запросов
• 
По ту сторону обфускации: защита и безопасность в JavaScript
- Теория
•
Шпаргалка по регулярке
•
Лучшие практики JavaScript для удобочитаемого и поддерживаемого кода
•
3 способа проверить, есть ли у объекта свойство в JavaScript
•
ECMAScript — Введение в метод «matchAll» в ES2020 (ES11)
- React
•
Как управлять состоянием React приложения без сторонних библиотек
• Подробно о React Router. Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута
•
React Hook Form VS Formik
•
React Icon System
•
Использование Immer для лучшего написания редукторов
•
Давайте создадим финансовую панель с помощью React
•
Все, что вам нужно знать о FLIP анимации в React
•
Как создавать PDF отчеты в React
•
Эй Next.js, сервер-сайд рендеринг мертв?
- Vue
•
Асинхронность во Vue 3 с Suspense
•
Open Source: обзор инструмента для прототипирования OverVue V2
- Angular
•
Работа с директивами в Angular
•
Продвинутая библиотека для всплывающих окон в приложениях на Angular
- Ember
•
The Ember Times — Issue No. 153
•
ember-handy-globals — удобные переменные Emberjs для разработки
- Svelte
•
Учебное пособие по Svelte
•
Выучите Svelte за 5 минут
•
Svelte 3 — Как связать ваше приложение с Rest API Axios
- Libs & Plugins
•
14 самых популярных Node.js-библиотек в 2020 году
•
Упрощенный (сгруппированный) список часовых поясов и смещений, всегда актуальный и включающий все данные
Браузеры
• Mozilla перешла на использование общего с Chromium движка регулярных выражений
• 111 Chrome-дополнений, загруженных 32 млн раз, уличены в загрузке конфиденциальных данных
• В Chrome намерены перейти к показу только домена в адресной строке
• Оценка влияния на производительность популярных дополнений к Chrome
• Mozilla запустит собственный VPN-сервис в ближайшие недели
• В следующем крупном обновлении Windows 10 новый Edge будет интегрирован по умолчанию
Занимательное
• Adobe Flash Player прекратит существование 31 декабря 2020 года
• Adobe хоронит Flash Player. Давайте вспомним, как он изменил нашу жизнь
• Разработчики LLVM обсуждают прекращение использования слова «master»
• GitHub заменит термин «master» на более нейтральный аналог
• Dropbox запустил собственный менеджер паролей и защищенное хранилище для важных документов
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
