Дайджест свежих материалов из мира фронтенда за последнюю неделю №420 (15 — 21 июня 2020)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное
Медиа
•
•
•
•
Веб-разработка
•
•
•
•
• Что должен уметь верстальщик в 2020 году
• Вышла Bootstrap 5 alpha! Теперь без jQuery зависимости и поддержки Internet Explorer
•
-
Инструменты
•Повышаем эффективность взаимодействия дизайнеров и 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
•
•
•
•
•
•
•
JavaScript
•
•
•
•
• Event listeners и garbage collection
•
•
•
•
•
•
-
Теория
•Шпаргалка по регулярке
•Лучшие практики 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.