#вопросы_с_собеседований
Как бы Вы реализовали метод Array.prototype .map?

Метод map создает новый массив с результатом вызова указанной функции для каждого элемента массива.


Original post link: t.me/senior_front/1925
Forwarded and filtered by @smartfeed_bot

​С какими проблемами можно столкнуться тимлид?

Лучше еще на старте знать, от чего выгорают тимлиды, чтобы распознать тревожные звоночки.

Непонимание со стороны бизнеса
Это самая распространенная проблема, когда ты из месяца в месяц пытаешься достучаться до руководства, приходишь со своими проблемами и готовым решением, но наверху лишь заносят проблему в бэклог, и ничего не происходит. Причин может быть несколько. Первая — ты говоришь с бизнесом не на том языке, и стоит изменить подход. Вторая — твой начальник «знает все лучше всех» и продолжает сражаться с ветряными мельницами. В таком случае лучшим решением будет сменить компанию.

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

Не видно результатов работы
Бывает, приходишь в компанию, разрабатываешь стратегию, строишь планы, горишь работой, но время идет, а ничего не меняется. Здесь недолго и приуныть: «Да кому все это нужно». В таком случае можно провести ретроспективный анализ, чтобы понять, почему проект не развивается. Спросить себя: «Может, я не туда бью, не те проблемы решаю?»

Отсутствие инструментов для достижения цели
Так бывает, когда тебя поставили на руководящую должность, наградили ответственностью, а рычагов управления не дали. Например, нет возможности самостоятельно проводить собеседования и набирать разработчиков к себе в команду. Здесь варианта всего два: либо пытаться достучаться до бизнеса и обозначить свою позицию, либо менять компанию.

Доступ к бизнесу
Чтобы развивать продукт и решать текущие проблемы команды, тимлид должен быть в постоянном контакте с лицами, принимающими решения. Если доступ к «верхушке» закрыт, проблемы так и останутся нерешенными, перспективные стратегии развития — неозвученными, и мотивация работать потеряется. Чтобы не выгореть, лучше сменить компанию, если наладить отношения с руководством не выходит.

Перманентный режим аврала
Иногда задач сыплется слишком много, и команда уже не справляется со входящим потоком. В ситуации постоянного аврала регулярные созвоны отходят на второй план — кому нужны мемы и пустой треп, когда этот час можно потратить на устранение багов. В итоге вся команда превращается в загнанную лошадь, которая рано или поздно выдохнется, и люди начнут уходить. Все, что может сделать тимлид, — попытаться выбить расширение штата или поставить задачи в очередь.

Плохая атмосфера в команде
Такое может случиться, если ты пришел в уже сложившуюся команду, где все друг друга ненавидят. В коллективе уже укоренился токсичный стиль общения, и ни о какой взаимопомощи речи не идет. Тогда единственное, что можно сделать, — расформировать всю команду и набрать заново.

Какой бы ни была проблема, всегда есть шанс на благоприятный исход. Не стоит сдаваться после первой же неудачи. Возможно, стоит немного подождать или сменить подход. Но если все перепробовал, а ощущение такое, будто стучишься в глухую стену, то решение уйти будет единственно верным.

Заключение
Умение решать проблемы — важное качество тимлида. Но получается, увы, не всегда. Но если чувствуете, что уже год или два топчетесь на месте и никак не можете на это повлиять, а расти хочется, сменить компанию — неплохая идея. Не стоит бояться перемен. Менять работу — это нормально.

👉 @seniorFront

💾 Masked Circle Slider – слайдер с маской в виде окружности с текущей фотографией. Чтобы перелистнуть страницу, нужно перетащить ее вправо или влево.

Сайтодел | #сниппет #css


Original post link: t.me/sitodel/1703
Forwarded and filtered by @smartfeed_bot

​​📇Воплощённые типы

В этой статье вы узнаете о подходе к определению типов под названием "Embodied types", который позволяет сделать код более понятным и чистым.

Читать...


Original post link: t.me/frontendnoteschannel/3432
Forwarded and filtered by @smartfeed_bot

Circular Mask

Переходы созданы при помощи CSS mask-image и mask-position. Плавность достигается благодаря CSS transition.

👉 @seniorFront


Original post link: t.me/seniorFront/3928
Forwarded and filtered by @smartfeed_bot

— Насколько хорошо вы умеете работать с CSS?
— Настолько, что рисую на CSS картины.
— Что?
— Что?

Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4

#css @tproger_web


Original post link: t.me/tproger_web/4460
Forwarded and filtered by @smartfeed_bot

​​🫣INP: что это и зачем с этим работать

В этой статье я расскажу, что такое INP и как работать с новой метрикой.

Читать...


Original post link: t.me/frontendnoteschannel/3434
Forwarded and filtered by @smartfeed_bot

Sunrise over still lake

Восход солнца, выполненный с помощью SCSS, без использования JavaScript

https://codepen.io/pehaa/pen/yLVeLNg


Original post link: t.me/senior_front/1926
Forwarded and filtered by @smartfeed_bot

🐙 Awesome Design Patterns – список паттернов проектирования для разных языков программирования и фреймворков, а также советы по работе с облачной архитектурой и микросервисами.

Сайтодел | #репозиторий #github


Original post link: t.me/sitodel/1704
Forwarded and filtered by @smartfeed_bot

Magnetic

В этом видео создается анимированный фон из элементов, положение которых изменяется при помощи JS и зависит от положения курсора.

👉 @seniorFront


Original post link: t.me/seniorFront/3930
Forwarded and filtered by @smartfeed_bot

​​Какой инструмент для сборки лучше: Webpack или vite?

Кто-то хоронит Webpack. Кто-то говорит, что он как PHP — ещё долго будет поддерживаться, и что его точно стоит учить хотя бы на всякий случай.

Какие инструменты для сборки сейчас в топе? Что уже можно учить новичку, а что лучше обойти стороной? Какие есть достойные альтернативы Wepack сегодня и есть ли они вообще?

@tproger_web #обсуждение


Original post link: t.me/tproger_web/4461
Forwarded and filtered by @smartfeed_bot

​​🚀Базовые принципы UX для frontend-разработчика

В этой статье вы узнаете о базовых принципах UX для frontend-разработчиков, таких как использование цветов, создание фидбэка, различие видов кнопок, выбор стиля и размера текста, организация вертикального ритма, детализация страницы и применение паттернов чтения Z и F.

Читать...


Original post link: t.me/frontendnoteschannel/3435
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 11 messages
Today you received: 8 messages
Our filtering prevented you from: 3 messages

Top 3 source channels:
Senior Frontend - javascript, html, css: 4 message(s)
Frontender's notes [ru]: 3 message(s)
Веб-страница: 2 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

‼️Всем кодерам посвящается‼️

Code Ready — полезные ресурсы, шпаргалки, разработка веб-приложений, создание анимаций, и многое другое для твоих проектов, сразу с готовым кодом, и примером их использования.

🪩Расставь приоритеты, добавь лёгкости в свою работу и становись лучше с @code_ready


Original post link: t.me/seniorFront/3931
Forwarded and filtered by @smartfeed_bot

Профессиональная деформация


Original post link: t.me/ithumor/10972
Forwarded and filtered by @smartfeed_bot

💾 CSS-Only Shimmering Neon Text – эффект для текста с анимированной подсветкой и цветовым градиентом, написанный на чистом CSS.

Сайтодел | #сниппет #css


Original post link: t.me/sitodel/1706
Forwarded and filtered by @smartfeed_bot

👉 @seniorFront


Original post link: t.me/seniorFront/3932
Forwarded and filtered by @smartfeed_bot

​​👿className убивает ваш UI kit

В этой статье вы узнаете о том, как переопределение стилей в конкретных компонентах вашего UI kit может нанести ущерб системе переиспользования компонентов, усложнить поддержку, нарушить согласованность дизайна, увеличить риск ошибок и усложнить процесс разработки.

Читать...


Original post link: t.me/frontendnoteschannel/3437
Forwarded and filtered by @smartfeed_bot

Деструктуризация псевдонимов

Деструктуризация — довольно приятное дополнение в JavaScript, так как иногда предпочтительно ссылаться на свойства под другим именем, и можно использовать псевдонимы.


Original post link: t.me/senior_front/1927
Forwarded and filtered by @smartfeed_bot

​​Роадмап по фронтенду на 2024: сравнение 2017 vs 2021 vs 2024. Что действительно должен знать джун сегодня?

Интересное видео, в котором автор сравнил разные требования для джунов во фронтенде за последние 7 лет: https://www.youtube.com/watch?v=OKiZ4kA0KyU

@tproger_web #начинающим


Original post link: t.me/tproger_web/4464
Forwarded and filtered by @smartfeed_bot

3D Cover Flow

Создано на React и стилизовано в SCSS. Логики поворота карточки и переключения слайдов реализованы в JS коде.

👉 @seniorFront


Original post link: t.me/seniorFront/3933
Forwarded and filtered by @smartfeed_bot