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

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

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

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

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

[Реклама]
🚀 Пятидневный марафон по вёрстке для новичков → https://s.algoritmika.org/jglt4l

4 вебинара, домашние задания, поддержка в чате и план самостоятельного обучения фронтенд-разработке в конце марафона.

За неделю вы узнаете:
— из чего состоят сайты;
— как работают браузеры;
— как устроена каждая веб-страница в интернете;
— как разрабатывают веб-приложения;
— какие бывают роли в команде разработчиков.

Научитесь:
— понимать и использовать языки HTML и CSS;
— с нуля создавать веб-страницы, содержащие текст, изображения и интерактивные элементы;
— работать с Visual Studio Code и Figma, самыми популярными инструментами для веб-разработки.

🏆Участники марафона, которые успешно дойдут до конца, получат скидку 5% на обучение в Algoritmika Coding Bootcamp.

Успейте на марафон → https://s.algoritmika.org/jglt4l

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

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

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

[Реклама]
Я 💛 Фронтенд 2021: теория и практика

27 февраля пройдёт конференция «Я 💛 Фронтенд», на этот раз онлайн и в два трека: доклады и воркшопы. Восемь экспертов из Яндекса, Microsoft, Wrike и других компаний расскажут о трендах разработки интерфейсов.

Обсудим:
— особенности и подводные камни стейт-менеджмента;
— как под капотом устроены Map/Set;
— как правильно готовить большой JSON;
— пользовательский опыт незрячих;
— сервис-воркеры c Workbox 6;
— как разрабатывать VR и AR.

Научимся:
— использовать DI (внедрение зависимостей) на практике;
— рисовать персонажную анимацию на CSS;
— создавать приложения для голосовых ассистентов.

А начнём заранее! 21 февраля в 12:00 по Москве откроем доступ к фронтендскому соревнованию Capture The Flag — самых быстрых наградим на конференции.

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

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

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

[Реклама]
Где получить углубленные навыки JavaScript-разработки?

10 марта на демо-занятии «Vue 3» Михаил Кузнецов познакомит вас с возможностями новой версии одного из самых популярных фронтенд-фреймворков.

На открытом уроке:
— рассмотрим ключевые отличия в синтаксисе Vue 2 от Vue 3;
— разберём, как работать с vue-router и vuex в новой версии фреймворка;
— cоздадим проект на Vue 3 с нуля с помощью vue-cli.

Демо-урок — возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» и преподавателем. Пройдите вступительный тест, чтобы принять участие в занятии → https://otus.pw/munsH/

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

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

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

[Реклама]
«Мидл фронтенд-разработка», специальный курс для фронтендеров с опытом
Мидл фронтенд-разработка», специальный курс для фронтендеров с опытом

Подойдёт для всех, кто уверенно чувствует себя с HTML/CSS/JavaScript, знает про работу браузера и Git.

За 5 месяцев вы детально разберётесь в устройстве современных фреймворков, познакомитесь с алгоритмами и структурами данных, отточите навыки JS.

Вас ждёт:
— Собственная среда для обучения. Специальный полноценный тренажёр от Яндекс.Практикума.
— Проекты. Самостоятельный и командный.
— Практика. Все знания отрабатываются в онлайн-тренажёре.
— Поддержка наставников.
— Программа профессиональной акселерации и помощь с трудоустройством. 

Пройдите бесплатное тестирование в онлайн-тренажёре. Решите задачи, изучите программу и подготовьтесь к продолжению.

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

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