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

Помимо размера бандла: какие метрики для оценки быстродействия не менее важны и как их измерить? Опыт Нолана Лоусона → https://nolanlawson.com/2021/02/23/javascript-performance-beyond-bundle-size/

Что не так с плавающими подписями у полей ввода, как в Material Design: обзором проблем UX от Адама Сильвера и простая альтернатива → https://www.smashingmagazine.com/2021/02/material-design-text-fields/

Красивая доступность с плавающим фокусом: инженеры Q42 рассказали об опыте реализации кастомной обводки, плавно следующей за фокусом, и поделились готовым к использованию решением → https://engineering.q42.nl/floating-focus/

GraphQL за 100 секунд: отличия от REST, решаемые проблемы и основные концепции → https://youtu.be/eIQh02xuVw4

Шпаргалка по именованию переменных и функций с практическими рекомендациями и примерами → https://github.com/kettanaito/naming-cheatsheet

Оптимизируем видео в вебе: от исходных файлов до вставки на страницу. Даг Силларс с обзором основных техник оптимизации, которые помогут избежать долгой загрузки и тормозов при воспроизведении → https://www.smashingmagazine.com/2021/02/optimizing-video-size-quality/

Единый UI-кит и синхронизация дизайна: Артём Арефьев из Учи.ру рассказывает, как в компании подошли к унификации UI-компонентов и почему выбрали для этого Stencil → https://habr.com/p/543308/

Обзор лучших практик реализации каруселей в вебе для лучшего быстродействия и 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