Телеграм канал «Frontender\'s notes [ru]»

💼 Сеньор ≠ Лидер: разделение ролей в команде Многие считают, что стать сеньором — это неизбежный шаг к тимлиду, но на самом деле, это совершенно разные роли. Я тоже долго не мог понять, почему сеньоры и лиды — это не одно и то же, пока не столкнулся с реальностью управления проектами. 👤 Кто такой сеньор? Сеньор — это тот, кто достиг вершины в своей технической экспертизе. Он отлично знает свой стек технологий и решает задачи высокой сложности. Он также способен работать с архитектурой, менторить менее опытных коллег и устранять баги с оптимизацией. 🔫 Преимущества сеньора: — Знание стеков и технологий на глубоком уровне — Способность решать сложные задачи — Опыт в оптимизации и устранении багов — Менторство и поддержка менее опытных коллег 👥 Кто такой лидер? Лидер — это не только про код, но и про управление людьми, процессами и проектами. Лидер отвечает за распределение задач, коммуникацию с бизнесом, развитие команды и мотивацию сотрудников. 🔫 Что важно для лидера: — Ответственность за проект и команду — Навыки коммуникации с бизнесом и разработчиками — Мотивация и развитие команды — Умение принимать решения и разрешать конфликты 📌 Для меня стало очевидно, что сеньор — это мастера кода, а лидер — мастера людей. Каждый из этих путей ценен, но важен для разных целей. Будучи сеньором, можно не стремиться к лидерству, если хочется углубиться в технические детали и стать экспертом. В свою очередь, лидер может не быть глубоко вовлечён в код, но быть отличным организатором и человеком, который ведет команду к успеху. 🚪 Frontender's notes

😨 Асинхронность в JavaScript — главный источник боли у разработчиков. Callback hell, ошибки в промисах, непредсказуемое поведение кода… знакомо? ❗️ На открытом уроке курса мы разложим по полочкам всю эволюцию подходов к асинхронности: от первых колбэков до современного Async/Await. Вы научитесь работать с Event Loop, свободно комбинировать Promises и async-функции, обрабатывать ошибки правильно и писать код, который не ломается в продакшене. А ещё узнаете, как параллелить операции без ловушек и антипаттернов. 👉 Подключайтесь 20 октября в 20:00 МСК. Урок проходит в преддверие старта курса «JavaScript Developer. Professional». Все участники получат скидку на обучение. Регистрация открыта: https://vk.cc/cQlNgT Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

👤 Использование атрибута enterkeyhint для улучшения пользовательского интерфейса Когда работаем с формами на мобильных устройствах, часто сталкиваемся с тем, что виртуальная клавиатура отображается по своему усмотрению. Мы, как фронтендеры, не можем сильно повлиять на это, но есть один небольшой, но полезный способ улучшить взаимодействие с пользователем — это атрибут enterkeyhint. ℹ️ Давайте рассмотрим, как можно использовать этот атрибут в реальной ситуации Например, у нас есть форма с полями для ввода логина и пароля. Если мы добавим атрибут enterkeyhint="send" к полю ввода пароля, то подпись на кнопке изменится на «Отправить»:

Логин

Пароль

Отправить

✅ Что это даёт? — В правом нижнем углу виртуальной клавиатуры появляется кнопка с надписью «Отправить», а если язык интерфейса — английский, то будет показано «Send». Это позволяет сделать интерфейс более интуитивно понятным. — Важно понимать, что нельзя выбрать произвольный текст для кнопки. Всего поддерживаются семь значений: enter, done, go, next, previous, search и send. Хотя их не так много, этого достаточно, чтобы улучшить взаимодействие пользователя с интерфейсом. 📌 Это простое изменение позволяет сделать пользовательский опыт более контекстно-ориентированным. Для пользователя это может быть маленьким, но приятным улучшением, которое делает форму гораздо удобнее. А для нас — это простой и быстрый способ улучшить UI без лишних усилий. 🚪 Frontender's notes

Случалось ли вам продавать своей команде проект, который даже вам не по душе? Коллеги из подкаста «Свободный слот» даже записали целый выпуск на эту тему! О том, как в этом процессе не потерять собственную мотивацию и в целом проталкивать непопулярные решения. Так что, если знакомо до боли — приходите в их канал, там ещё много чего очень полезного для тим- и техлидов — ребята делятся практическими знаниями и опытом на примерах личных кейсов.

🦾 Нашли для вас бесплатный визуальный редактор разметки на гридах и флексбоксах Выбираете нужный шаблон и подстраиваете все под себя, а потом можно сразу скопировать HTML и CSS. Есть удобное превью и даже подсказки по свойствам. Короче, идеально для быстрого прототипирования. Фронтендеры, вам посвящается ✖️ xCode Journal

🎯 Где тебя точно снесут на собесе (и как выжить) 🧠 Вопрос на собесе: “Что делает useState в React?” Как отвечает типичный джун (и проваливается): “Ну… useState — это хук, который делает состояние… и там можно задать значение, и потом его менять… и ререндер происходит.” В этот момент интервьюер уже листает следующего. Почему? Такой ответ — это не про понимание. Это набор слов, в котором нет главного: что на самом деле делает React, когда ты вызываешь useState. ✅ Как отвечает разработчик, который разбирается: “useState — это хук, который позволяет React-компоненту сохранять значение между рендерами. React сам запоминает, какой state был, и какой должен стать. Он делает это с помощью внутренней структуры, где хранит значения в порядке вызова хуков. Поэтому порядок важен. useState возвращает текущее значение и функцию для его обновления. Когда ты вызываешь эту функцию — React планирует повторный рендер и подставляет новое значение.” 💡 Почему такой ответ работает: — Он показывает, что ты понимаешь, как устроен React внутри. — Он не ограничивается “что это делает”, а даёт контекст — почему это работает именно так. — Ты объясняешь так, как объясняет разработчик, а не студент с курсов. 📌 Хочешь больше таких вопросов — с разборами, которые реально прокачивают? В канале Ярослав Терешко | Frontend-Mentor есть ещё 3 собес-вопроса, где валятся 90% кандидатов. Все с ответами, которые повышают шансы на оффер. 🎯 А если хочешь не просто советы, а дойти до реального оффера — сейчас идет набор в индивидуальную группу. 🟢 Осталось 3 места на индивидуальное ведение Напиши в комментариях в канале или в личку, чтобы забронировать участие. Вход в канал

⛓ Как синхронизировать настройки VS Code на нескольких устройствах? Плагин Settings Sync для VS Code — это настоящий спасатель! Он автоматически синхронизирует все ваши настройки между устройствами. ℹ️ Это значит, что на каждом компьютере у вас будет одинаковая рабочая среда, и не нужно каждый раз вручную копировать конфиги. Всё работает как часы, и больше не нужно тратить время на настройку всего заново. 📌 Как маленький лайфхак — можно легко поделиться своими настройками с коллегами. 🚪 Frontender's notes