Лёша Истомин | Про разработку

✨ Реферальная программа

Привет, решил добавить реферальную систему для менторства.

схема простая
Ко мне приходит человек на БЕСПЛАТНУЮ встречу, говорит: «Я от …», и если после этого покупает обучение ты получаешь 5000₽ сразу и ещё 10% от оффера, когда мы выйдем на работу.

Можешь переслать основной пост своему другу или подруге, а ещё лучше приходите вместе. Так проще и веселее двигаться к целям.

Если начнёшь щас, то уже весной можно будет попробовать залететь на вкусный оффер 💪🏻

💵 Скучаю, но ещё работаю

Конец ноября.

Ровно 7 лет назад я нашёл свою первую работу в айти. Резюме до сих пор осталось в истории, если это вообще можно назвать резюме.

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

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

Единственное, что было и на что я опирался — какая-то вера. Искренне верил в себя, что это реально моё.

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

А когда нравится… это вообще считается работой? Получается, уже 7 лет кайфую.

Задумался щас, меня ведь с тобой связывает то, что мы обычные ребята, которые постепенно идут к своим мечтам и целям. Без читинга, без темок, без казика. Ты создаёшь себя сам, с нуля, так же как это делаю и я. 

Мы с тобой селф мэйды. Нас объединил не только фронтенд, но и чувство, что мы чем-то схожи.

Ещё раз убедился в этом, когда запустил обучение. Было круто видеть на созвонах таких же заряженных ребят, как я тогда.

Сейчас фронтенд перестал быть для меня центром жизни. Реже изучаю что-то новое. Нет потребности, нет особого желания.

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

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

Спасибо JavaScript.

⭐️ Менторство. Как будем с тобой достигать результат

Помогу получить первую работу от 200к или вырасти до 300к, если уже с опытом.

Работаем только 1-на-1 — без групп, кураторов и потоков. Каждый разбор, каждая задача, каждое кодревью — лично от меня.

🥷 ОБО МНЕ

📗 РОАДМАП СХЕМА МЕНТОРСТВА

💰 ЦЕНЫ НА МЕНТОРСТВО

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

Не нашёл работу — не платишь. Поэтому я максимально заинтересован в твоём трудоустройстве. Уволили на испытательном сроке? Бесплатно найдём тебе новое место.

результаты учеников
🚕 как бывший водитель такси стал фронтенд разработчиком 50к → 320к
👷🏻 апгрейд ЗП через силу резюме 190к → 280к

все отзывы о работе со мной → @webistomin_reviews

↓↓↓

✨ Прежде всего, приходи на бесплатную 30-минутную консультацию

Расскажи о себе и своих целях или проблемах. Если у нас мэтч, мы покорим любого нанимающего 🫰

---

#mentorship@webistomin_channel

💥 Как стать фронтенд разработчиком в 2025?

👶🏻 Хочу стать фронтенд разработчиком
Перед тем как перейти к полноценному роадмапу, разберём мифы, которые часто пугают новичков. Когда они развеяны, путь становится проще и понятнее.

💁🏻‍♂️ Почему многие ломаются при вкате
Перед началом обучения, нужно разобраться с базой. И нет, речь не про выбор фреймворка или какие курсы смотреть первыми. Речь пойдёт про то, как важно подготовить свою жизнь под учёбу.

💸 Как стать фронтенд разработчиком в 2025 году
Весь путь фронтенд разработчика от джуна до сеньора: что изучать, какие курсы смотреть, какие технологии выбрать, как искать работу.

#useful@webistomin_channel

Спасибо за фидбек по кейсу, мужики) Приятно

💎 Мой путь от стажёра до сеньора

7 лет назад я стал фронтендером.

Я прошёл путь от верстальщика в местной компании, до ведущего разраба в бигтехе.

Но знаешь, этот путь можно было бы сократить в 10 раз.

Учиться не год до первой работы, а 5 месяцев.

Зарабатывать со старта не 45, а 150 тысяч.

Но для меня это прошлое, а для тебя, возможно, будущее.

Щас расскажу короткую историю о том, как я продвигался по карьерной лесенке.

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

https://teletype.in/@webistomin/frontend-roadmap-part-1

---

#history@webistomin_channel

💡 Моя история от прокрастинации к фронтенду

В 2017 я тоже захотел стать айтишником. И я потратил много времени…

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

Это тоже было, но дело в другом.

Постоянная прокрастинация. 

Скачал курсы, скачал книги, ииии оставил всё на дальней полке, пошёл дальше регать паблик в дотке.

Думаю, тебе это знакомо.

Так продолжалось несколько месяцев, пока я в один момент не решил полностью поменять образ жизни.

Я решил, что пока не выучу фронтенд — сведу на минимум все свои онлайн и офлайн активности

Полностью пропал из соц сетей на несколько месяцев и начал жёсткий гринд.

В этом посте ты узнаешь, что меня двигало, откуда такая любовь к русскому рэпу и как я наконец-то выучил фронтенд))

https://teletype.in/@webistomin/frontend-roadmap-part-0

---

#history@webistomin_channel

👑 Как мой друг получил оффер на 320К, а я случайно стал ментором

Июнь 2019.

День рождения общего знакомого, общаемся за жизнь. Я на тот момент уже год как работал фронтендером.

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

Сейчас удаленка уже для всех норма, а в доковидные времена это было что-то таким особенным.

На следующей день после дня рождения получаю сообщение:

Леха, скажи, пожалуйста, поподробнее, как вообще обстоит обучение? Скажи как ты учился, как лучше, какие ошибки были...

Подумал, а почему бы не попробовать обучить?

Тогда ещё не было своего роадмапа, просто набор ссылок, по которым когда-то учился сам...

Созванивались вечерами: я объяснял, как правильно верстать, что такое гит и гитхаб, как работать с макетами.

После выполнения дз мы совместно разбирали его решения.

Затем он начал проходить собеседования: мы их анализировали, делали выводы из ошибок и дополнительно проходили необходимые темы.

После недолгого поиска он получил свой первый оффер на 1200$ и релокацию в Армению 🔥

Сейчас он дорос до сеньора в топовой компании, живет в Германии и получает уже больше 300к рублей.

В общем, читай кейс Сени, как он из таксиста стал фронтендером и вырос в зп в 6 раз.

https://teletype.in/@webistomin/case-1

🔥 и дайте ему огонёчка за старания, он заслужил))

---

#mentorship@webistomin_channel

🛡 Как и зачем писать тесты

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

Когда я только пришёл в OZON, первая крупная задача, которую мне поставили — это повысить стабильность в приложении. Проект так разросся, что изменения в одном месте ломали реализацию в другом.

За 3 года мы достигли покрытия в ~70%, написали ~5000 юнит тестов и ~100 e2e тестов.

Не помню когда последний раз откатывал прод или находил серьёзный баг в реализации, если честно. Точно не в этом и не в прошлом году 😂

👉🏻 с чего начать

Читаем статью от Кент Доддса, чтобы понять базу тестирования. На собеседовании очень любят спрашивать про типы тестов, про пирамиду. Читаешь за 6 минут и закрываешь этот пробел.

От него же есть хороший курс Testing JavaScript

Потом можно глянуть два мастер-класса от Ильи Климова: по тестированию базы и вью приложений

👉🏻 когда можно НЕ писать тесты
Делаем простенький сайт, лендинг, где нет критичной логики. Разрабатываем MVP и важно как можно быстрее выкатить приложение.

👉🏻 какие тесты писать
На компоненты и утилиты обычно пишутся юниты или интеграционные, на страницу целиком e2e. Можно сделать ещё скриншотные, если есть сторибук и высокие требования к дизайну.

👉🏻 на чём писать
Юниты пишем на Jest или на Vitest, если проект работает на Vite. Для e2e лучше всего будет Playwright.

👉🏻 что тестировать
Тестируется то, что публично. А это итоговый HTML — правильный тэг, правильная структура. Это эмиты событий во вью или пропс функции в реакте. Это различные походы в бэкенд, который нужно будет подменять.

👉🏻 как тестировать
Передаём пропсы для изменения состояния. Вызываем события на компоненте, чтобы посмотреть на поведение. Изменяем внешние зависимости, например, стейт менеджер.

👉🏻 категорически запрещено
Вызывать функции внутри компонента по имени напрямую. Изменять локальный стейт компонента напрямую.

👇🏻 распространённые ошибки

Тест хрупкий. При изменении внутренний реализации компонента — тест, в идеале, не должен падать.

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

И ПОМНИ

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

❌ ты не знаешь, что внутри компонента

❌ ты не знаешь детали реализации

У тебя есть только вёрстка в браузере и ты можешь этот компонент тыкать ручками.

Ставь ❤‍🔥, если пойдёшь внедрять)

#useful@webistomin_channel

———

🧑 • телеграм • ютуб • задать вопрос

🔼 Как раскрутить профиль LinkedIn, тратя по 20 минут в день

LinkedIn — твой инстаграм профиль для рекрутеров.

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

Есть только одна небольшая проблема

👉🏻 Чтобы LinkedIn начал работать на тебя, нужно потратить немного времени на раскачку.

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

На LinkedIn есть подобие рейтинга профиля — SSI. Никто не знает точно, как он влияет на ранжирование профиля, но все его качают и видят улучшения.

Недавно мой SSI прыгнул где-то до 60, а количество конекшенов до 5000, хотя я не делал ничего радикального.

Делюсь ниже своими наблюдениями, как бустануть свой профиль 👇🏻

❶ заполни все поля в профиле
База базовая, но без неё никуда. Заполни все поля, которые только можно. Всё на английском языке. Поставь нормальное фото. Оформи баннер, потому что это первое что видит человек, когда проваливается в твой профиль.

Как заполнишь — попробуй скачать профиль как пдфку. Не должно быть никаких русских символов.

❷ каждый день добавляй новых людей
Тебе нужно набрать минимум 500 коннектов, чтобы профиль получил буст. Плюс там открывается подробная статистика для профиля.

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

Не нужно добавлять сразу всех подряд по очереди — LinkedIn выпишет бан.
Есть лимиты в неделю на добавление, что-то около 100 человек.

Будь избирательным. Скипай турков, индусов, потому что потом лента превращается в месиво. Ещё нашли мой вотсапп, начали написывать с просьбами, поэтому скип 100%.

Периодически в крупных каналах устраивают взаимоконнекты — следи за постами, учавствуй.

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

❹ эндорсь навыки
Укажи свои главные навыки и попроси их тебе подтвердить. Укажи свои топовые навыки в профиле. Добавь навыки к каждому месту работы.

❺ проси рекомендации
Попроси на работе оставить про тебя пару ласковых слов. Когда увольняешься — не забывай правильно попращаться.

❻ пиши посты
Я просто брал посты из тг и постил их туда.

Очень хорошо заходят пдфки, которые линкедин превращает в карусельку.

Писать нужно раза 3-4 в неделю.

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

Поэтому старайся вызвать желание ответить на пост, сам отвечай на комментарии не просто «спасибо», а задавай встречные вопросы, чтобы началась дискуссия.

Как-то так. На скрине приглашение от команды Тиктока в Сингапур, до этого ещё получал от Меты, так что темка рабочая. Начинай уже сегодня.

Вступай в чатик по прокачке, где обсуждаем инсайдики и помогаем друг другу в бусте рейтинга.

#useful@webistomin_channel

———

🧑 • телеграм • ютуб • задать вопрос

✨ Подборка-сохраняшка гайдов для фронтендеров

Открываем, сохраняем, друзьям пересылаем

🌎 Гайд по телеграм каналу для айтишника
Руководстве на основе с 😎 insuline_eth (7000+ подписчиков). Если давно хочешь начать свой канал — смело начинай с этого гайда.

🔥Гайд по оптимизации перформанса
Демо вариант гайда, по оптимизации фронтенда. Самое время начать разбираться в теме, которая входит в топ-3 будущих трендов. Ускорить выход полной версии → ❤️

💡Шпаргалка по прохождению лайвкодинга
В этом руководстве разобраны самые популярные ошибки на секции лайвкодинга. В конце ты найдёшь ресурсы для подготовки, которые я использую сам.

Забрать материалы → @webistomin_goodies_bot

#useful@webistomin_channel

———

🧑 • телеграм • ютуб • задать вопрос

💬 Как прошла «Профсоюзная» конференция

Посетил конфу от Антохи Назарова в эти выходные. Моя первая оффлайн конференция и это было легендарно.

Пришло больше 500 человек. Фронтендеры, бэкендеры, тестировщики, менторы, продавцы курсов, ютуберы, просто инфоцыгане — кого там только не встретил.

доклады
Было около 8 докладов, мне больше всего зашли от Ани авось, Олега Козырева, Макса Аверина, Антохи. Составчик легендарити.

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

Каждый спикер рассказывал свою историю с 0 до миллионов. У всех свой путь по выходу с найма.

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

активности
На площадке было много активностей для гостей.

таро
Ведьмочки заглянули в будущее: сделали расклады на валютные удалёнки, многоработничество и деньги

дебаты
Прошли конструктивные споры на важные темы: AI, опенсорс, удалёнка, сломанный найм

алкокодинг
Участники соревновались в умении решать литкод, за неверный ответ — алкогольный шот.

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

Технических неполадок не было — всё прошло идеально. Спикеры подготовились хорошо, клёвые презентации, без заминок.

Для первой конференции достойный уровень. Антон сказал, что по деньгам вышли в 0 и даже в минус. Надеюсь это не последняя конференция и следующая будет в плюс.

Такие дела. Давно так не кайфовал на мероприятиях. Получил интересный экспириенс, ну и ждём следующую конференцию в Питере.

Был кто-то? Как вам вообще?

#history@webistomin_channel

———

🧑 • телеграм • ютуб • задать вопрос

💎 Лучший навык для изучения в 2025

Каждый год стараюсь выбирать себе навык, куда глубоко погружаюсь:

2021 — дизайн системы, продвинутая вёрстка, понимание UI, UX, DX
2022 — перформанс проекта, оптимизация сборок, монорепозитории
2023 — тестирование проекта, юниты, e2e
2024 — тильт, дедлок, дотка

2025 решил посвятить работе с AI. Давно наблюдаю за этой темкой, но на практике особо не потестишь.

На той неделе в OZON наконец разрешили юзать AI ассистенты для кода.

Долго мы к этому шли, то проблемы с сесурити и боязнь утечек, то ещё чо.

Сейчас наконец-то ощутил всю мощь от иишек.

Уже написал правила для проекта, чтобы генерировал более менее вменяемый код.

Автоматизировал для себя написание тестиков, ну и там по мелочи работа с гитом, коммитами и всё такое.

Часто вижу комменты типа, «да чо там эти вайб кодеры, ничего нормально не пишет». Ну ребят, если промптить «сделай красиво» конечно ничё не получится. Скил ишью.

Поэтому ребят, активненько учимся промптить, ставим курсорчик, если ещё не сделали.

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

Попробую сделать предсказание:
В следующем году умение работать с промптами и IDE с ассистентами станет требованием в вакансиях. Ну или по крайней мере, будут пихать под список «желательно знать».

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

Буду потихоньку собирать роадмап по вкату в иишки.

#thought@webistomin_channel

———

🧑 • телеграм • ютуб • задать вопрос

💡 Нужно больше линтеров

В продолжение вчерашнего поста про линтеры даю ещё парочку пакетов которые использую или использовал когда-то:

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

scriptlint
Следит за консистентностью скриптов из package.json. Полезно, когда в проекте монорепа и хочется, чтобы все команды были в едином стиле.

commitlint
Следит, чтобы разработчики писали осмысленные коммиты с номером задачи, а не «fix», «123». Коммиты удобно собираю через cz-git.

Все проверки оборачиваем в pre-commit хук из husky или simple-git-hooks + линтим только изменённые файлы с помощью lint-staged или nano-staged.

Либо можно взять современный lefthook на Go, который вроде как пошустрее и умеет всё сразу.

Ну и не забываем дублировать проверку в CI, потому что не все разработчики пушат с проверкой линтерами. Добавляют к коммиту флаг --no-verify и им норм.

Просто случай из жизни))

Такие дела. Как уже поняли, люблю делать так, чтобы всё везде было в одном стиле и работало максимально быстро. На код ревью можно будет не запариваться насчет кодстайла, а сосредоточиться на важных вещах. Хотя нужно ли код ревью вообще? Ну это уже отдельным постом)

#useful@webistomin_channel

———

🧑 • телеграм • ютуб • задать вопрос

✨ Чем заменить ESLint и Prettier

На самом деле с ESLint, Prettier всё хорошо, просто появляются современные решения на Rust. Сейчас весь тулинг во фронтенде направлен на оптимизацию скорости работы.

И ладно, если ускорения были бы в 2-3 раза, но там доходит до 15-25.

Игнорировать уже глупо.

Решил поэкспериментировать на пет проекте с современными линтерами и офигел.

Какие же они быстрые

Напомнило ощущение когда впервые пересел с Webpack и его HMR по 5 секунд на моментальный Vite.

Пока что насчитал 3 современных линтера: oxc, Biome и Ultracite.

⚡oxc
Это чистая замена ESLint, форматтера как Prettier там пока нет. Можно временно оставить Prettier, но заменить работу с кодом под капотом на парсер от oxc через плагин @prettier/plugin-oxc.

Или же если не нравится Prettier и предпочитаешь форматировать код через ESLint, то можно скомбинировать oxc и ESLint через eslint-plugin-oxlint.

Пока что выглядит сложновато с точки зрения конфигурации, но если хочется линтинг на стероидах — почему бы и нет. oxc работает быстрее ESLint больше чем в 50 раз, это шок.

📦 Biome
Это решение уже получше, потому что комбинирует в себе ESLint + Prettier + Stylelint. Работает быстрее в 10-12 раз, что тоже неплохо.

Промпт для миграции, если шаришь

⚙️ Ultracite
Это не отдельный пакет, а небольшая обёртка над Biome. Там сразу даётся хороший дефолтный конфиг, плюс интеграция с иишками. Так что, мастхев для вайб кодеров.

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

Будущее, думаю, за oxc, так как там лютые разрабы, плюс они часть стартапа VoidZero. Сами видите как Vite, Vitest захватили рынок тулинга. Всё это делает одна тима.

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

Советую присмотреться, если уже сейчас не хватает скорости

#useful@webistomin_channel

———

🧑 • телеграм • ютуб • задать вопрос

🌐 Возвращаем RSS к жизни

Последнее время программисты стали слишком нежными.

Удаляют свои аккаунты в твиттере, переходят в другие социальные сети.

Кого-то просто банят, и они заводят свои личные сайты.

Когда хочется что-нибудь почитать — приходится обходить все свои закладки, помнить где у кого блоги.

Решил собрать всё в одном месте через RSS.

Древняя технология для чтения новостей. Помню ещё в детстве на Sony Ericsson была иконка под это дело.

Щас использую NetNewsWire.

Для сайтов обычно находит ссылку на RSS самостоятельно, но можно поискать в футере. Обычно там оставляют кнопку-ссылку.

Для телеграм каналов использую RSS Bridge. Вместо username подставь нужный никнейм.

Для BlueSky просто добавь /rss к URL любого профиля и всё работает из коробки.

С твиттера тяжело достать RSS, но можно попробовать через rss.app.

#useful@webistomin_channel

———

🧑 • телеграм • ютуб • задать вопрос