For Web — фронтенд, дизайн, программирование

Обзор лучших практик реализации каруселей в вебе для лучшего быстродействия и UX → https://web.dev/carousel-best-practices/

Мониторинг Node.js-приложений: Ренат Саматов из ДомКлика с обзором метрик, на которые стоит обращать внимание в первую очередь → https://habr.com/p/521584/

Николас Закас рассказывает о проблемах работы с переменными окружения в Node.js и делится инструментом, который решает эти проблемы → https://humanwhocodes.com/blog/2021/02/introducing-env-javascript-environment-variables/

[Реклама] Я 💛 Фронтенд 2021: теория и практика 27 февраля пройдёт конференция «Я 💛 Фронтенд», на этот раз онлайн и в два трека: доклады и воркшопы. Восемь экспертов из Яндекса, Microsoft, Wrike и других компаний расскажут о трендах разработки интерфейсов. Обсудим: — особенности и подводные камни стейт-менеджмента; — как под капотом устроены Map/Set; — как правильно готовить большой JSON; — пользовательский опыт незрячих; — сервис-воркеры c Workbox 6; — как разрабатывать VR и AR. Научимся: — использовать DI (внедрение зависимостей) на практике; — рисовать персонажную анимацию на CSS; — создавать приложения для голосовых ассистентов. А начнём заранее! 21 февраля в 12:00 по Москве откроем доступ к фронтендскому соревнованию Capture The Flag — самых быстрых наградим на конференции.

Файл ARCHITECTURE.md: простой способ значительно упростить знакомство новых разработчиков с проектом → https://matklad.github.io/2021/02/06/ARCHITECTURE.md.html

Способы стилизации веб-компонентов: обзор сложностей и способов стилизации shadow DOM от Нолана Лоусона → https://nolanlawson.com/2021/01/03/options-for-styling-web-components/

Максимально простое объяснение Big O нотации для оценки сложности алгоритма → https://thatcomputerscientist.com/big-o-notation-explained-as-easily-as-possible

[Реклама] 🚀 Пятидневный марафон по вёрстке для новичков → https://s.algoritmika.org/jglt4l 4 вебинара, домашние задания, поддержка в чате и план самостоятельного обучения фронтенд-разработке в конце марафона. За неделю вы узнаете: — из чего состоят сайты; — как работают браузеры; — как устроена каждая веб-страница в интернете; — как разрабатывают веб-приложения; — какие бывают роли в команде разработчиков. Научитесь: — понимать и использовать языки HTML и CSS; — с нуля создавать веб-страницы, содержащие текст, изображения и интерактивные элементы; — работать с Visual Studio Code и Figma, самыми популярными инструментами для веб-разработки. 🏆Участники марафона, которые успешно дойдут до конца, получат скидку 5% на обучение в Algoritmika Coding Bootcamp. Успейте на марафон → https://s.algoritmika.org/jglt4l

Как фронтендерам подружиться с дизайнерами: распространённые мифы о дизайнерах, сложности с макетами и как с ними справляться, чем дизайнеры могут помочь фронтендерам и что фронтендерам нужно знать о дизайне. Мнение Александр Погорелова → https://habr.com/p/541666/

Большое интервью с Бренданом Айком, создателем JavaScript и сооснователем Mozilla и Brave: история создания JS и его эволюция, фронтенд-экосистема, TypeScript и HTML5, браузерные войны и многое другое → https://youtu.be/krB0enBeSiE

Карты в визуализациях: Наталия Степанова об основах географических визуализаций даных на D3 и Leaflet → https://teletype.in/@gnykka/d3-maps

Если есть input, он должен быть обёрнут в форму: напоминание о распространённой ошибке, вредящей UX → https://tomekdev.com/posts/input-and-form

How to Design System: исчерпывающее руководство по созданию дизайн-систем, основанное на реальном опыте. Когда нужна дизайн-система, как продать её бизнесу, как её сделать, как измерить её полезность и многое другое → http://how-to-design-system.com

Интерактивное руководство по CSS-переходам и hover-анимациям: Джош Камю обо всех аспектах применения CSS-свойства transition, от основ до приёмов улучшения UX → https://www.joshwcomeau.com/animation/css-transitions/

Лайфхак дня: чтобы открыть любой публичный GitHub-репозиторий в VS Code прямо в браузере, добавьте 1s после github в адресной строке → https://github.com/conwnet/github1s

[Реклама] Ключ к продажам и лояльности пользователей — в удобном и красивом интерфейсе. Ключ к такому интерфейсу — в UX-дизайне. На открытом занятии Нетологии поговорим, как UX-исследования помогают дизайнерам лучше понимать пользователя. Эксперты digital-агентства AGIMA поделятся своим опытом и расскажут, как улучшить любую страницу при помощи UX-аналитики и дизайна. Узнайте, как строится взаимодействие пользователя с интерфейсом, чтобы быстро и эффективно проектировать удобные интерфейсы → https://netolo.gy/gdl

Mock Service Worker, инструмент для честной подмены ответов на запросы к REST или GraphQL API, не требующий бэкенда и работающий на уровне сети через сервис-воркер → https://mswjs.io

Управление z-index в больших проектах: Стивен Фрисон предлагает подход к систематизации визуальных слоёв приложения → https://www.smashingmagazine.com/2021/02/css-z-index-large-projects/

JS minification benchmarks: обширное сравнение скорости и эффективности минификаторов JavaScript на примере популярных фронтенд-библиотек → https://github.com/privatenumber/minification-benchmarks

Объяснение принципов SOLID на примере реальных фронтенд-задач в пяти коротких видео → https://www.youtube.com/playlist?list=PLz_dGYmQRrr8rWKkoB3BtxF7JpCzUKny_