Моя история, часть 1: от офисного планктона до джуна-фронта

Я решил, что пойду в IT, в 2017 году. Тогда был менеджером на почте в компании Bosch. Зарабатывал 26500 рублей. Мне нравилось: на прошлой работе приходилось стоять по 8-12 часов, а платили столько же.

Но руководительница, пожилая женщина, стала токсичной. Бесконечные придирки, тяжелая атмосфера... Понял, что не хочу этого терпеть.

Вспомнил, что в 16 лет писал простейшие юзер-скрипты для браузера. А еще тогда у меня интернет-зависимость была. Сказал: буду зависимостью зарабатывать! Про высокие зарплаты в отрасли тогда не знал.

Тайком на работе начал читать learn.javascript.ru. Накопил немного денег, уволился и начал учиться всерьёз. HTML, CSS, JS...

Когда деньги кончились, устроился в кафе на пол-ставки.

Зашел как-то в телеграм-канал JS Jobs . Листал вечером, и увидел предложение о работе. Админы удалили предложение минут через пять, но я успел откликнуться!

Технический директор маленькой компании, звали его Максим* (имя изменено), дал техническое задание: порефакторить лендинг. Работал всю ночь, но задание выполнил. Отправил Максиму.

На следующий день Максим написал:

"Приезжай в офис, будем оформляться".

И я поехал! Метро "Аэропорт", просторный солнечный опен-спейс.

Меня устроили в CPA-сеть компании. Маленький дружный отдел. Дали два монитора! Поток лендингов, поддержка сайта на WordPress, верстка... Я справлялся, хотя даже не знал, что такое GET-запрос.

Это была первая моя работа в IT. Платили 45 тысяч. Сорок пять! В два раза больше, чем на почте!

Я сообразил, что поставил на правильную лошадь.

Через полгода в компании прошли сокращения. У меня были хорошие отношения с Максимом, поэтому я сохранил место. Зарплату тоже повысили - до 50 тысяч. Но этого было мало. И я открыл резюме на HH.

Это был 2019 год. Я накопил год опыта. Стоило открыть резюме - приглашения посыпались, как из ведра.

Уже через неделю собесов получил оффер от "Лиги Цифровой Экономики". Дали 75 тысяч.

Попрощался с коллегами, подписал заявление...

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

Первым делом "Лига" направила меня на проект в крупнейший банк.

===

Накидаете 10 лайков 👍 - напишу продолжение :)

4 убеждения против менторинга

Привет! Смотри, я назвал себя фронтенд-ментором не просто так. Сначала я пошел учиться у другого, опытного ментора.

Несколько лет до этого меня сдерживали ограничивающие убеждения - и вот какие:

❌ Я могу сам разобраться!
Есть же куча статей, туториалов, книг и курсов. Я могу обучиться сам, как JS, верстке и так далее.
Только что-то идут месяцы, годы, а я все продолжал набивать закладки статьями...
Каша материалов без понимания, что и в каком порядке учить, приводила к жесткой прокрастинации. Я заставлял себя, но только выгорал.
В итоге ментор дал систему. Где-то подсказал, где-то замотивировал, где-то удержал от прокрастинации и напрасной траты времени.

❌ Я не уверен, что это даст реальный результат.
Вдруг ментор будет пересказывать статьи, играть в капитана Очевидность?
Типа мотивационного тренера.
На менторинге я понял, что ментор доводит до результата не через уникальную информацию. Ментор дал мне свою систему, свой личный живой опыт, ответы на мои личные боли и проблемы, а не общие вопросы. Пойти к ментору - как купить настроенный под себя велосипед, а не набор запчастей.

❌ Это дорого!
Ментор попросил 100.000 рублей за 2 месяца обучения.
Это дорого? Давай посчитаем:
В среднем, начинающий ментор зарабатывает от 300.000 до 1.000.000 рублей в год.
Это х3-х10 от вложений в обучение.
И это только деньги! Я также сэкономил годы блужданий, набивания шишек. Получил опыт полноценного бизнеса, которым можно заниматься параллельно с работой.

❌ Что, если я не справлюсь?
Пойду к ментору, но не буду понимать, справляться, потеряю мотивацию...
Оказалось, что все это не про ментора. Все это - про самостоятельное обучение. Ментор терпеливо объяснял, сопровождал, своим примером добавлял мотивацию двигаться вперед: "если смог я, то сможешь и ты!", показывал он.

А какие убеждения ограничивают тебя от того, чтобы идти в наставничество? Делись в комментах :)

Как меняется жизнь с х2 к доходу

Если бы я знал раньше, как круто меняет жизнь хорошая зарплата!

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

Но я решил расти дальше. Потому что поджимала инфляция, и мы уже построили планы на семью.

И в один день мой доход выстрелил х2.

Мне открылся совершенно новый уровень жизни.

И прежде всего - я стал везде ездить на такси.

Как ленивый интроверт, терпеть не мог стоять в набитом автобусе.

Перейти на такси было потрясающе! Я просто вызывал Комфорт+ прямо к дому, садился в просторный салон,просил водителя поставить мою музыку, доставал планшет и работал. Или смотрел в окно. Автобусы пролетали мимо. На неудобных сиденьях горбились люди.

Раньше я был среди них.

И каждая поездка на такси напоминала мне, как важно зарабатывать хорошие деньги.

Это спрашивают на каждом третьем собеседовании в 2025 😲

"Что произойдет, когда я введу адрес URL в адресную строку браузера?".

Вот тебе рабочий метод, как запомнить ответ. Представь три коробки в ряд:

1) Этап сети.
2) Этап парсинга.
3) Этап рисования.

===
На первом этапе браузер соединяется с сервером.
Почитай про уровни DNS, такие как локальный кэш etc/hosts, TLS, HTTP/S.

На втором этапе браузер установил соединение и получил твой код.
Почитай про Critical Rendering Path, Critical CSS, async/defer, DOM, CSSOM, Render Tree.

На третьем этапе движок браузера рисует картинку.
Почитай про стадии Layout, Painting, Composition, анимации на CPU и GPU, оптимизации CSS.
===

От мидла или синьора в 2025 ждут, что он понимает схему в общих чертах. Глубоких знаний сетей - не ждут.

Постарайся рассказать историю, как применял эти знания на практике. Например, как оптимизировал CSS-анимации. Своим ученикам я помогаю упаковывать опыт в такие истории ✅

В следующем посте продолжу свою историю в IT. Спасибо, что поставили 10 лайков первому посту, каждый из них - огромный заряд вдохновения :)

Моя история в IT, часть 2: от джуна до синьора

В первой части я рассказал, как попал в крупнейший банк на проект страхования жизни.

Начало пути: корпоративная рутина

Огромный опен-спейс на одном из верхних этажей. Корпоративный ThinkPad. Несколько недель ожидания доступов.

React, TypeScript? Забудь! Мы писали интерфейс на Java и ES5.

Признаюсь, долгое время я ничего не понимал. Консультировался с аналитиками и бэкенд-разработчиками. Брался за простые задачи. Но Java и доменная область оставались для меня чужими. Это приводило к прокрастинации: целый день мог листать ленту, а к 17:59 уже стоять у выхода из офиса.

Разговор с ПМ: тревожный сигнал

Год спустя меня вызвал на разговор менеджер проекта.

— Что такое, Александр*, — обратился я, — хочешь похвалить за прогресс?

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

Буду честен: я жестко испугался. Синдром самозванца включился на полную: что, если я не создан для IT? Я недостаточно умен? Теперь уволят? Я потеряю зарплату и уважение к себе!..

Но увольнения не последовало. Напротив — меня направили на более сложный проект, связанный с правительством.

Новый уровень: реальный фронтенд

Здесь я впервые ощутил, что такое современный фронт! React, TypeScript, SCSS, сложнейшие формы, полноценный Agile.

Мой мозг кипел! Я осваивал технологии семимильными шагами. Работа, наконец, стала приносить удовольствие. Углубился в TypeScript, разобрался в тонкостях React, освоил Scrum.

Но вместе с этим накопилась усталость. Прокрастинация снова начала брать верх.

Через полгода я понял: пора уходить.

Я написал заявление на увольнение и позволил себе несколько месяцев отдыха. Позже узнал, что многие айтишники делают так же. Я кайфовал: катался по пустым утренним дорогам Москвы, встречался с друзьями, пробовал себя в бизнесе по перепродаже моноколёс.

Поиск работы: рост х2

Через несколько месяцев я обновил резюме и начал пробоваться на позицию мидла.

Приглашения от HR сыпались десятками! В 2021 году рынок по-прежнему был на стороне кандидатов.

Спустя пару недель я подписал оффер в РБК. Должность мидл-разработчика, зарплата 140 тысяч рублей — вдвое больше, чем на предыдущем месте. На тот момент это было более $2000. Для меня, тогда еще неизбалованного разработчика, — внушительная сумма.

Испытательный срок прошел без сучка и задоринки.

Я погрузился в новые технологии, такие как Next.js. Многие коллеги были на пару голов сильнее, тимлид - умным и ответственным человеком. Так что я снова развивался!

Усталость мне не грозила: компания была большой, поэтому проекты развивались без спешки.

Так продолжалось больше трех лет.

Новый скачок

Всё было хорошо. Экспертиза росла, отношения с коллегами оставались ровными.

Но зарплата в 140 тысяч в 2021 и 2024 - это две разные зарплаты. Я завел серьёзные отношения, ощутил амбиции, нарисовал планы на старость. Доходов уже не хватало, чтобы развиваться.

Поэтому я поставил цель: снова сделать х2 к зарплате.

Для этого нужно было брать синьорские позиции.

✅ 10 лайков - и я расскажу, как смог сделать х2 к зарплате в конце 2024, на рынке нанимателя.

*Имя изменено.

Моя история в IT, часть 3: рекорд зарплаты

Спасибо за 10 лайков, друзья! Обещал - выполняю.

Прыжок веры

Летом 2024 я решился покинуть компанию.

Месяц я просто откисал. Ходил в зал, читал Orelly, делал алгоритмы на leetcode и писал о них в канал. Вот один из постов того периода.

Наконец, настало время открыть резюме.

Я открыл его на HH.ru, Хабр.Карьере, JavaScript Jobs. Поток откликов от HR...

Ледяной рынок IT 2024

...равнялся нулю. Ни одного отклика. Хантеры как вымерли.

Я понял, что рынок IT в 2024 новый - теперь за работу придется побороться.

Начал откликаться сам. Рекрутеры игнорировали отклики, либо отправляли отказы.

Вот тут меня охватила тревога! Что я делаю не так - не понимал.

Чего только ни перепробовал. Смотрел десятки видосов на YouTube. Покупал консультации. Вступал в закрытые сообщества.

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

Отрезвление

Оказалось, плохо было все.

Моё резюме не было оптимизировано ни под ATS, ни под рекрутеров и нанимающих менеджеров. Опыт описал непонятно: резюме невозможно было "сканировать" взглядом. Короче, как у многих из айтишников.

Я рассылал мало откликов.

В хорошие компании - не писал сопроводительных, и не умел пользоваться GPT для написания хороших, в своем стиле.

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

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

Оффер, наконец!

Я все пофиксил. Описал резюме по правильной формуле. Создал разные стратегии самопрезентации в "галеры" и в продукты. Подтянул актуальные технические навыки.

И вот, наконец, состоялось собеседование в небольшую российскую компанию - на позицию синьора фронта.

Все были без камер. Спрашивали очень глубоко - даже про перегрузку функций в TS!

Я ответил на все вопросы.

А дело было в пятницу. Уже в субботу мне прислали оффер на 270 тысяч рублей.

Вот так я нашел работу на х2 к зарплате в конце 2024.

В компании не было процессов - их пришлось строить самому. Других фронтов в команде тоже не было. Но это отдельная история.

Если собираешься искать работу во фронтенде в 2025, забирай мой гайд по резюме. В подарок за то, что дочитал :)

Три кейса useMemo 🛠

Как и когда использовать хук useMemo - вопрос жестко популярный на собесах. Даже сейчас, во времена React 19 😁

Я подготовил три кейса для хука, которые дадут исчерпывающий ответ:

✅ Кеширование тяжелых вычислений. Возникает в приложениях со сложным UI, таких как игры или маркетплейсы, со сложной логикой на клиенте.

✅ Мемоизация зависимости useEffect. Например, ты сделал отфильтрованный массив пользователей. Его ты передал как зависимость в useEffect. Если что-то еще вызовет ререндер - то и useEffect вызовется снова. Хук useMemo делает ссылку на массив постоянной, и так решает эту проблему. Пример кода - выше ;)

✅ Мемоизация пропсов для React.memo
Допустим, у тебя есть обернутый в memo компонент. Ты передал в его пропсы объект без useMemo. Тогда объект на каждом рендере будет новый - и memo станет бесполезным: алгоритм сравнения пропсов, shallowEqual, сравнивает их по ссылкам, а на каждом рендере объект новый.

Знаешь еще кейсы? Кидай в комменты, всем будет полезно ✅

➡️ Кто и зачем идет ко мне на менторство

Чаще всего мои ученики - фронтенд-разработчики с опытом в профессии. Они качнули навыки и хотят большей компенсации. Либо перестали развиваться на работе и хотят прокачаться, но не знают, что актуально в 2025, какой сейчас рынок.

Я также беру без коммерческого опыта. Условие: по собеседованию вижу, что ты хорошо подготовлен технически.

Как я строю работу с учениками:

0️⃣ Созваниваемся на бесплатном созвоне. Выясняем цели, начальный уровень подготовки. Считаем, какую выгоду получим от менторства: например, ученик недозарабатывает более 900 тысяч рублей в год.

1⃣ Составляем учебный план по технологиям и софт-скиллам.

2⃣ Перерабатываем резюме.

3⃣ Проходим первые интервью. Проводим мок-собеседования.

4⃣ Созваниваемся каждую неделю. Я отвечаю на вопросы, мы корректируем стратегию.

За 4 недели менторства ученик получает навыки:

✅ Проходить HR-скрининги.
✅ Проходить технические интервью.
✅ Проходить испытательный срок.
✅ Сохранять уверенность в себе на работе.

Эти навыки помогут тебе получить классный оффер 🔥

Пиши мне "+" в личку, чтобы записаться на консультацию, это бесплатно ⬅️

🥷 Без чего бесполезен useCallback?

Встречал в своей работе несколько кейсов, когда useCallback использовали... бездумно, скажем так. Перечислю:

1⃣ Без массива зависимостей. Функция пересоздастся заново при каждом рендере и нагрузит рендер бесполезной мемоизацией.

2⃣ Как проп для компонента без React.memo. Такой дочерний компонент перерендерится, независимо от изменения пропсов.

3⃣ Неполный массив зависимостей. Функция замкнет в себе первое известное значение и будет его использовать. Как итог - трудноуловимый баг. Настрой линтер, чтобы не сталкиваться с ним.

Чаще всего useCallback используют вместе с React.memo для оптимизации списков. Есть и другие, узкие кейсы. Напишу о некоторых позже.

✅ Это один из популярных вопросов на собеседованиях, но не единственный. Все популярные вопросы я разбираю на своем менторстве.

⬆️⬆️⬆️ Мнение синьора, как войти в IT в 2025-2030

Записал мини-подкаст, как человек с 6 годами опыта во фронтенде видит будущее отрасли. Получилось холиварно! Запускай, будет полезно и весело :)

Нет откликов на резюме: что делать?

Ты реально стараешься. Откликаешься на 20-30 вакансий в день, под каждую адаптируешь сопроводительное. И ждешь, что приглашений будет хотя бы 30-50%.

Вместо этого зовет всего две компании в неделю - и те не лучшие.

За две недели таких стараний руки начинают опускаться.

Я был на твоем месте. И я нашел способ, как обходить барьеры.

Чтобы сделать твой путь к офферу быстрее и проще, я запустил услугу - личную консультацию по трудоустройству.

На консультации мы:

✅ Скорректируем твое резюме.

✅ Обсудим твою ситуацию: что делать с учетом твоего опыта, локации, возраста.

✅ Бонусом объясню, как работать с Linkedin в 2025 с наибольшим эффектом.

Стоимость до конца недели 1000 рублей, затем - 3000.

Если посчитаешь, что не получил на консультации ничего полезного, я верну деньги.

Пиши мне "резюме" в личку, чтобы получить консультацию ⬅️

⚛️ Хитрый вопрос с собеса: почему Redux?

На собеседовании тебя спросят: когда и почему стоит тащить в проект Redux?

И вот хитрость: правильный краткий ответ принесет тебе 0 бонусов.

Ты не провалишь собес - но тебя обойдут те, кто подготовился.

Держи пошаговый план, как ответить. Применяй его не только для любых открытых вопросов:

1️⃣ Базовая теория.

2️⃣ Углубленный пример.

3️⃣ История из рабочей практики.

В случае с Redux я бы отвечал так:

"Вообще, у Redux три преимущества - популярность, иммутабельность и легкость дебага.

Первое. У технологии отличная дока, а сообщество нашло большинство багов в Redux и экосистеме. Разрабатывать на нем - никакой эзотерики. Уже известно, как его внести в FSD. Это важно для средне-больших проектов.
Второе. Здесь нет мутабельности, как в MobX. Это значит не только предсказуемость, но и производительность. Чуть позже поясню.
Третье. Девтулзы дают легкий дебаг, а иммутабельность - тайм тревелинг (снепшоты состояний сохраняются при изменениях). Убежден, что дебаг на больших проектах должен быть как можно проще.

Давайте я пару слов скажу про профит от иммутабельности в производительности. Селекторы сравнивают состояние по ссылке. Если объект, на которое ссылалось поле состояния, изменился, redux прекращает вычисления: для него этого достаточно, чтобы понять, что состояние новое. Одна операция сравнения против сравнения структуры объекта - это серьёзно.

На одном из моих проектов в коде была ошибка: внутри useSelector оставили функцию со сложностью O(n2). Тяжелый код вызывался при диспатчинге любого экшена. Когда я его убрал, проект избавился от лагов, и мы сохранили все преимущества технологии."

➡️ На своем менторстве я помогаю описывать опыт привлекательно, чтобы выделиться среди кандидатов и получить классный оффер ✅

Если зашла рубрика ответов на вопросы собесов, ставь лайк 🔥

🤯 Собес или смерть: ловушка поиска

Искать работу более месяца и на все получать отказы - выматывает.

Ты пытаешься понять, что упустил. Что-то исправляешь, но получается хаотично. Друзья и ChatGPT дают общие советы, они и не подходят под твою ситуацию. Читаешь статьи на Хабре, но они уже устарели.

Ты видишь, что скоро будешь экономить на привычных благах или срочно соглашаться на любую работу.

Самое время попросить экспертной помощи!

Так сделал фронтенд-разработчик из Казахстана, когда пришел ко мне на консультацию.

➡️ Кейс клиента

Несколько месяцев он искал работу на позицию мидла около 200 тысяч. Его звали на первичный скрининг. Потом, в 99% случаев, HR пропадали или присылали стандартные отписки. Он увидел мой пост о консультации и подумал: почему бы и нет?

Мы обсудили его ситуацию и начали анализировать. Выяснили:

1️⃣ Он гражданин Казахстана, ищет по СНГ.

2️⃣ Его интересует только удаленка по ИП.

3️⃣ В резюме есть стандартные ошибки самопрезентации.

Что мы сделали:

✅ Акцентировали в резюме достижения и сильные стороны именно как удалёнщика.

✅ Оформили опыт легко читаемо, отделили достижения от обязанностей.

✅ Продумали легенду, как превратить собеседование в эффективную продажу на его условиях, и разработали стратегию поиска.

Клиент получил конкретный план, как искать работу, и снизил стресс неопределенности.

Напомню, цена консультации до конца недели - 1000 рублей, после - 3000. Если не получишь пользы - верну деньги.

Напиши мне в личку слово "резюме", чтобы записаться на консультацию и получить классный оффер быстрее и спокойнее!

🤨 К кому идти за помощью в получении оффера?

Бывает, откликаешься на вакансии, но ответов HR мало.

На скринингах HR слушают, но пропадают.

Пробился на техническое - не возвращаются с обратной связью.

Ты в тупике.

Я был в такой ситуации. Потратил месяцы на поиски и тесты. И понял:

▶️ Как составлять резюме;

▶️ Как общаться на скрининге;

▶️ Как за 20% времени покрыть 80% тем на техническом.

Мои консультации - сумма всего этого опыта.

Ты сможешь пробить невидимый барьер, применив мой опыт.

Что я предлагаю:

✅ Получишь конкретный план по поиску работы фронтенд-разработчиком в 2025. Под твою личную ситуацию, именно под тебя.

✅ Узнаешь, что в твоей ситуации мешает в поиске работы.

✅ Получишь образец конверсионного резюме.

Пиши "+" в личку, и я помогу тебе решить затруднения в устройстве на работу фронтендером в 2025.

По цене 3000 осталось три слота. Далее цена вырастет до 5000 рублей, потому что желающих много, свободное время на консультации ограничено.

⌛️Зачем нужен хук useDefferedValue?

Ты мог сталкиваться с ним на собеседованиях, но вряд ли использовал в продакшене. Зачем он нужен? Давай кратко разберемся.

Представь: в таблице или списке 10к записей, и каждая фильтрация вызывает у интерфейса микроинфаркт. UI лагает, будто на довре 2010-й. Ты что-то упустил. Пушить такое нельзя.

В чем же дело? Пока пользователь печатает в поиске, реакт ререндерит огромный список на каждый символ.

💡 И тут на сцену выходит useDeferredValue.

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

const oldTableItems = getHugeAmountOfItems();
const defferedTableItems = useDeferredValue(oldTableItems);

Здесь oldTableItems - это набор итемов с предыдущего рендера, а defferedTableItems - новый, отложенный для следующего рендера.

Состояние, когда данные в интерфейсе еще задерживаются, можно поймать простым сравнением и навесить CSS-класс, чтобы отобразить:

 const isStaleState = (oldTableItems !== defferedTableItems) && 'color: gray'.

Интерфейс - шёлк, юзер доволен, ты - красавчик.

На своем менторстве я помогаю понять такие вещи, чтобы ты уверенно отвечал на собеседованиях и получал вкусные офферы ⬅️

🤓 Что оценивают на техническом интервью?

Если хочешь забрать жирный оффер, тебе нужно получить аппрув на техническом интервью.

Что хочет увидеть технарь на той стороне?

➡️ Знания. Как глубоко и широко владеешь теорией, решаешь абстрактные практические задачи типа console.log(11 && 45).

➡️ Навыки. Как применяешь теорию. Для этого - лайфкодинг, включая алго-секцию.

➡️ Опыт. Как твои знания и навыки работают в реальных задачах. Для этого - задачи по рефакторингу React-приложений и "странные" просьбы рассказать как вообще об опыте, так и о задачах, которыми гордишься.

➡️ Soft-skills. Будь внимателен к этому пункту, это не буллщит от эффективных менеджеров. Это самый необъективный, психологичный - и очень важный кусок мозаики, если нанимаешься на линейную позицию. Даже на синьора. Они хотят видеть спокойную уверенность в себе, аналитический ум, умение внятно излагать мысли во время решения задач - особенно тех, решений которых ты не знаешь.

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

На своих консультациях я даю базовую подготовку к техническому этапу. Пиши мне в личку "+", и оффер станет ближе ✅