Всем привет!

Делимся полезными материалами с недавно прошедшего митапа Frontend Mix, где экперты ЮMoney и Альфа Банка рассказали, как они создают продукт.

https://habr.com/ru/post/690188/?utm_source=habrahabr&utm_medium=rss&utm_campaign=690188

Дизайн-системы и UI-киты сейчас воспринимаются как равнозначные или тождественные. Но это не так! Более того, смешивать их будет чистым дилетантством, что недопустимо для современных UI/UX-дизайнеров и фронтендеров. В этой заметке я — Денис Пушкарь, оунер дизайн-системы Ростелекома — объясню почему.

https://habr.com/ru/post/684816/?utm_source=habrahabr&utm_medium=rss&utm_campaign=684816

Всем привет, не так давно ко мне в команду в ПРОФИ пришла задача реализации довольно комплексной в плане верстки и интерактивности карты, на которой бы отображались заказы, оставленные нашими клиентами. Мы решили использовать фреймворк, адаптирующий яндексовый SDK под реакт.

react-yandex-maps + доки к нему

UI маркеров почти полностью приходится настраивать по докам уже Яндекса, тк react-yandex-maps предоставляет нам только внешний интерфейс, позволяющий довольно удобно прокинуть параметры в объект маркера как пропсы.

По докам яндекса довольно просто понять, как сделать маркер с статичной картинкой вместо дефолтного пина, но как сделать полностью кастомный маркер разобраться не просто.

https://habr.com/ru/post/677874/?utm_source=habrahabr&utm_medium=rss&utm_campaign=677874

В этой статье я хочу затронуть задачу, с которой вы можете столкнуться на собеседовании на позицию Front-End — создание Image Slider.

За последние 5 месяцев у меня было 15 онсайт собеседований, а также офферы от Google, Roku, Microsoft и других. (Больше информации можно прочитать в моем Telegram-канале)

Вы должны реализовать этот виджет за ~45–50 минут и рассказать об оптимизации. Эту информацию я постараюсь рассказать здесь. Основная цель состоит не в том, чтобы реализовать Image Slider с большим количеством функционала, а в том, чтобы показать, как реализовать и оптимизировать.

https://habr.com/ru/post/677236/?utm_source=habrahabr&utm_medium=rss&utm_campaign=677236

На первый взгляд, синтаксис JS прост и интуитивно понятен, что подкупает. Однако это не мешает допускать ошибки всем, кто делает первые (или не первые) шаги в изучении языка. Мы попытались осветить некоторые промахи начинающих разработчиков.

https://habr.com/ru/post/671570/?utm_source=habrahabr&utm_medium=rss&utm_campaign=671570

Вы когда-нибудь путешествовали по незнакомым местам без туроператора, гида или даже GPS для базовой ориентации в пространстве? Приходится составлять маршрут самостоятельно, разбираться в местности на ходу, импровизировать, чуть ли не рисовать собственную карту… Занятие не из легких, полное трудностей и препятствий, но их решение дарит новые знания и незабываемый опыт.

Решение задачи, поставленной перед нашим сотрудником Артуром Антоновым, напоминало именно такое путешествие, и в этой статье он пройдет его снова с вами.

https://habr.com/ru/post/670828/?utm_source=habrahabr&utm_medium=rss&utm_campaign=670828

Все привет!) Начался второй месяц обучения на фронтенд-разработчика и переворачивания с ног на голову моего привычного уклада жизни. Я, конечно, предполагал, что будет не просто и предварительно положил свои розовые очки на полку, но уже с уверенностью могу сказать, что, ошибался. Допишу статью и также положу на полку вторую пару очков)

https://habr.com/ru/post/666748/?utm_source=habrahabr&utm_medium=rss&utm_campaign=666748

Всем привет! Мне без пару месяцев 30 и я решил предпринять самую последную и решительную попытку сменить профессию. Это будет четвертая попытка :) Не припомню, что бы на 4-ку мне как-то по жизни очень везло, но надеюсь это как раз тот самый момент!

https://habr.com/ru/post/661295/?utm_source=habrahabr&utm_medium=rss&utm_campaign=661295

Типовое решение онлайн-платформы для продажи B2B и B2C eCommerce-продуктов имеет набор определенных страниц, каждая из которых преследует цель формирования пользовательского опыта (Customer eXperience, CX). Во многом структура страниц B2B и B2C схожая, но есть и ряд значительных различий, о которых и поговорим.

https://habr.com/ru/post/659549/?utm_source=habrahabr&utm_medium=rss&utm_campaign=659549