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


Google запустили бета-версию плагина для публикации AMP-сториз в WordPress




-
Инструменты
Зачем в npm 7 оставили поддержку package-lock.json?
Программируем лучше с ESLint, Prettier и TypeScripttooling.report онлайн-ресурс для быстрого способа определения наиболее оптимального сборщика для вашего проекта, с подробными таблицами сравнения функциональности инструментов
Что нового в DevTools (Chrome 85)
-
Производительность
5 основных ошибок при мониторинге производительности
Browserstack SpeedLab: Проверьте скорость вашего сайта в разных браузерах и устройствах
Ваши медленные JavaScript-таски расстраивают пользователей?
Оптимизация для Core Web Vitals, презентация от Addy Osmani
-
Доступность
6 самых распространенных проблем доступности (и как их исправить)
Сага о цветовой доступности
-
Эффекты
Создание анимации изображения при наведении в меню
3D баннеры с помощью ScrollTrigger
Подборка креативных концептов UI Interactions & Animations Roundup #8
CSS



Создание простой страницы лендинга за 5 минут используя готовые CSS блоки tailwind.












JavaScript



Кортежи в JS/ES и TypeScript в 2020





-
Теория
Что такое функция высшего порядка?
Var, let или const? Проблемы областей видимости переменныхdouble-bang оператор (!!) и неправильное понимание того, как JavaScript обрабатывает истинные/ложные значения
Понимание шаблонных литералов в JavaScript
-
Практика
Создание приложения для мониторинга производительности с использованием новых и экспериментальных функций Node 14
Создание телесуфлера на React с помощью Web SpeechRecognition API
-
React
Прости, React, но я так больше не могу
Как протестировать ваши приложения React с помощью React Testing Library
Различия между статическими сгенерированными сайтами и приложениями с рендером на стороне сервера
Анатомия Typed ReactComponent
Push-уведомления Firebase в React
Server Side Rendering React App с Deno
Шаринг виджетов React между приложениями
-
Vue
Как сделать localStorage реактивным во VueVue Demi развивающаяся утилита, позволяющая писать библиотеки Universal Vue для Vue 2 и 3
Создание блога с Nuxt Content
9 идей проектов на Vue JS для начинающих, которые помогут вам получить работу
Vue 3: обновление статуса середины 2020 года
Напишите свой первый тест для компонента Vue
-
Angular
Встречаем Angular 10
Angular Dependency Injection: мультипровайдеры
Двигаемся быстрее навигации с Angular resolvers
Angular 10 в деталях
Конвертация в строго типизированные формы Angular за минуту
-
Libs & Plugins
emoji-picker-element простой эмодзи-пикер, распространяемый как веб-компонент.
parallax-effect: Эффект параллакса в javascript, использующий face tracking, может быть использован для улучшения 3D-сцен
Браузеры
Релиз Firefox 78
Firefox78, технические подробности для разработчиков
Новый Edge на базе Chromium распространяется вместе с принудительным обновлением ОС и навязчиво ведёт себя
Google Chrome побил собственный рекорд, а Windows 10 продолжает расти
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.