личка · план работы · результаты

→ план работы

знакомимся

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

Созваниваемся на 20 минут. Встреча бесплатная.

Если нам комфортно работать вместе — ты вносишь предоплату 5.000₽.

Назначаем созвон на удобную тебе дату.

консультация

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

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

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

→ результаты учеников

🚕 Как бывший водитель такси стал фронтенд разработчиком 50к → 320к

👷🏻 Апгрейд ЗП сисадмина через силу резюме 190к → 280к

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

→ что дальше

Напиши мне в личные сообщения! Я отвечу на твои вопросы, задам свои. Если пойму что смогу помочь — договоримся о дате и времени встречи.

личка · план работы · примеры разборов · результаты

→ план работы

знакомимся

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

Созваниваемся на 20 минут. Встреча бесплатная.

Если нам комфортно работать вместе — ты вносишь предоплату 7.000₽.

Назначаем созвон на удобную тебе дату.

разбор резюме

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

Что я буду спрашивать с тебя:

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

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

Обсудим стратегию поиска работы.

→ примеры разборов резюме

→ результаты учеников

🚕 Как бывший водитель такси стал фронтенд разработчиком 50к → 320к

👷🏻 Апгрейд ЗП сисадмина через силу резюме 190к → 280к

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

→ что дальше

Напиши мне в личные сообщения! Я отвечу на твои вопросы, задам свои. Если пойму что смогу помочь — договоримся о дате и времени встречи.

личка · план работы · примеры собеседований · результаты

→ план работы

знакомимся

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

Созваниваемся на 20 минут. Встреча бесплатная.

Если нам комфортно работать вместе — ты вносишь предоплату 8.000₽.

Назначаем созвон на удобную тебе дату.

мок собеседование

В назначенную дату встречаемся для проведения собеседования. По длительности планируй 1.5-2 часа.

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

Что я буду спрашивать с тебя:

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

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

→ примеры собеседований

→ результаты учеников

🚕 Как бывший водитель такси стал фронтенд разработчиком 50к → 320к

👷🏻 Апгрейд ЗП сисадмина через силу резюме 190к → 280к

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

→ что дальше

Напиши мне в личные сообщения! Я отвечу на твои вопросы, задам свои. Если пойму что смогу помочь — договоримся о дате и времени встречи.

личка · план работы · результаты

→ план работы

знакомимся

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

Созваниваемся на 30 минут. Встреча бесплатная.

Если нам комфортно работать вместе — ты вносишь предоплату 30.000₽. Можно разбить на два платежа.

предоставляю материалы

Ты получаешь доступ ко всей базе знаний, которая реально работает для выхода на работу. В ней есть всё: от теории до практики на проектах.

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

обучаю

Формируем твой персональный план:

• Если у тебя мало опыта — двигаемся по пошаговому роадмапу;
• Если хочешь повышения зарплаты — сразу стартуем с подготовки к собесам, чтобы выявить слабые места и укрепить навыки.

поддерживаю

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

составляем резюме

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

мок собеседования

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

выходим на рынок

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

поддерживаю на испытательном сроке

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

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

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

→ результаты учеников

🚕 Как бывший водитель такси стал фронтенд разработчиком 50к → 320к

👷🏻 Апгрейд ЗП сисадмина через силу резюме 190к → 280к

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

→ что дальше

Напиши мне в личные сообщения! Я отвечу на твои вопросы, задам свои. Если пойму что смогу помочь — договоримся о дате и времени встречи.

Привет, я Леша. Сейчас я ведущий фронтенд разработчик в OZON.

ex. тимлид в Связном, ex. разработчик в Яндексе.

В айти около 7 лет, тут можешь посмотреть мое резюме.

Я самостоятельно прошел путь от студента-стажера до сеньора с доходом 400к+ с одной работы.

Полностью мой путь можешь прочитать тут → тык.

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

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

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

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

В блоге рассказываю как быстро достичь результата.

личка · тг канал · ютуб · стоимость · результаты учеников · полезные ништяки

→ полная схема менторства

→ как я тебе помогу

→ ответы на частые вопросы

→ результаты учеников

🚕 Как бывший водитель такси стал фронтенд разработчиком 50к → 320к

👷🏻 Апгрейд ЗП сисадмина через силу резюме 190к → 280к

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

→ полезные ништяки

→ что дальше

Напиши мне в личные сообщения! Я отвечу на твои вопросы, задам свои. Если пойму что смогу помочь — договоримся о дате и времени встречи.

Я прекрасно знаю это чувство. 

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

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

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

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

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

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

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

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

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

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

Я не знал, кем я хочу быть в будущем. У меня не было любимых предметов.

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

Так я попал на специальность «прикладная информатика в экономике».

По факту, ничего интересного на первых курсах там не было. Построение графиков в экселе, решение абстрактных задач на паскале.

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

Я понимал, что я не хочу бесконечно строить графики в экселе, не хочу программировать формочки на Delphi или Basic, С и C++ казались каким-то недосягаемым уровнем. К 1С у меня всегда было предвзятое отношение, возможно не обоснованное ничем, ну я просто не хотел на этом писать код.

Со временем всё это так надоело, что стал проебывать пары.

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

Нам показали, как можно создавать простейшие сайтики на чистом HTML и CSS.

Через пару занятий, я сделал свой первый проектик.

Мои сайты выглядели очень всрато, о каких-то лучших практиках вообще молчу. Как я вообще умудрился прикрутить снежинки? Что-то за это время уже случилось с кодировкой))

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

Я начал больше читать про веб технологии. В голове была каша — фронтенд или бэкенд, чем отличаются, что вообще выбрать.

Начал смотреть ролики про фронтенд

и такой про себя «да, я хочу этим заниматься, ещё и учить всего три месяца…»

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

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

Получив начальный буст мотивации, начал занимать сам на HTML Academy.

Перестал тратить время на игры, завязал с дотой осенью 2016.

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

Загорелся, быстрее быстрее, туда сюда, давай давай.

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

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

«Ладно, обидно, ну значит один буду учиться»

Поучился, поучился так пару месяцев и забросил.

Начальный запал пропал…

Ну, как и у всех нас, мотивация.

После все переходит в рутину, это примерно 2-3 месяца и САМОЕ ВАЖНОЕ пережить этот момент.

Эта идея с фронтендом меня всё равно никак не отпускала…

В январе 2017 я собрался и вернулся к HTML Academy.

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

Стал учиться по методу помодоро. Ставил таймер на 25 минут и учился в фокусе, не отвлекаясь. Потом 5 минут перерыв на попить, походить.

В день получалось делать 6-12 помидорок, как пойдёт. Учился каждый день с утра до обеда.

Самое главное здесь перейти от мотивации к дисциплине.

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

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

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

Он стал программистом за 157 дней.

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

Ещё одним источником получения мотивации стал русский рэп.

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

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

Тогда еще была популярна тема «поясни за шмот», любил гонять треки OBLADAET каждый день))

Если у тебя такие же вкусы, то вот плейлист с треками.

Возможно, они будут тебя подогревать так же, как и меня тогда.

Так за две недели я прошёл всю академию и начал пробовать делать первые нормальные сайтики.

Главная задача в этот момент ещё сильнее ускориться, буквально загрузить себя большим количеством задач.

Зачем?

Чтобы было меньше времени «подумать» и ты буквально сам себя пинал.

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

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

Начал получать кайф, когда приходило понимание зачем и почему мы делаем именно так.

Потихоньку росла скорость в вёрстке, нужные HTML теги в голову приходили моментально и уже не приходилось гуглить.

Спустя ещё месяц-полтора сверстал полноценный сайт по макету Nerds из интенсива, разобрался как работать с фотошопом, как вырезать картинки, смотреть все свойства у элементов.

Перешёл ко второму интенсиву по адаптивной вёрстке.

Тема с медиа выражениями из CSS очень долго доходила до меня.

Я пересмотрел лекцию, наверное, раз 10.

Все дошло до того, что мне по ночам начало сниться как я верстаю.

Поэтому не переживай, если что-то не схватывается с первого раза.

Просто продолжай долбить в одну точку.

В этот раз я решил сделать все макеты из доступных на интенсиве: Pink, Mishka, Sedona.

Если бы учился сейчас, я бы наоборот как можно быстрее переходил к изучения JavaScript, а не тратил время на однотипные макеты.

Ну мне просто нравилось верстать, да и сейчас не против, хоть и не вызывает уже таких эмоций.

Так за 3-4 месяца я освоил вёрстку на приличном уровне.

Потом началась сессия, лето, на некоторое время пропал.

Перед началом следующего курса решил сверстать ещё парочку сайтов, вспомнить кнопки.

Меня всё пугала предстоящая практика от универа.

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

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

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

На удивление, быстро нашёл подходящее место.

Это была местная студия которая занимается всем-всем на свете: и разработка и сео и смм.

Было страшно ходить в офис каждый день, ещё и синдром самозванца — «а вдруг щас дадут задачу, а я с ней не смогу справится?»

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

Было очень много страниц в макете, а я на интенсиве делал максимум две.

Ещё и анимации и интерактив на сайте, я умел делать только статику с картинками и текстом…

Под бесконечной тревогой за неделю справился с задачкой, и босс был мягко говоря в шоке. «А чо так быстро? А почему так хорошо?»

Я понял, что у меня нормально получается.

Три месяца практики пролетели незаметно, так и проверстал сайты всё время и в конце получил заслуженный фидбек для универа.

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

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

После практики я начал работать на дипломом.

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

Короче говоря, сделать аналог спортмастера.

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

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

Нашёл курс по CMS OpenCart и по образцу прикрутил свою вёрстку. Протыкал все кнопки и вроде работает.

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

Успешно защитил диплом и выпустился.

Спустя время открываю hh и начинаю смотреть вакансии.

Нашёл парочку вакансий на верстальщика, подался, но никакого фидбека не получил. Ожидаемо.

Смотрю везде требуется React или Vue, знания JavaScript — а я ничего из этого толком не знаю.

Ещё и непонятно, иду я в армию или нет. Остаётся пару месяцев до призыва.

Решил, что поучу, пока время есть, а там видно будет.

Целый месяц я посвятил изучению JavaScript.

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

Благо знание языка позволяло учиться и смотреть видео на английском.

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

Прошёл небольшой курсик JavaScript30.

Было интересно делать всякие змейки на канвасе или барабаны, хоть и не понимал до конца как это устроено.

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

React почему-то всегда отталкивал своей сложностью, а Vue казался таким понятным. Мне как верстальщику Vue зашёл больше.

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

За месяц выучил Vue, сделал пару проектов для портфолио. Конечно же, мой любимый кинопоиск))

В конце ноября 2018, когда стало понятно, что в армию мне не нужно, встал вопрос поиска работы.

Оформил проекты, которые делал в рамках изучения Vue (раз, два, три), набросал резюме для hh и телеграмм чата и начал поиски.

Моё резюме так и осталось в истории («Инструменты для работы с дизайном: Adobe Photoshop, Avocode» — помнишь такие инструметы? 😂).

Почему-то тогда мне казалось, что 45к нормальный ценник для джуна.

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

Отдельно хвалили, что так подробно оформляю README для проекта.

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

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

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

Выбрал более менее нормальный вариант, сделал тестовое и отправил.

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

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

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

И я получил свой оффер на 45к и удаленку.

Вот она первая работа!

→ что хочу сказать

Чтобы стать фронтендером не нужны какие-то гениальные способности, нужна регулярность и нужно желание учиться. Всё.

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

Если у тебя не получается что-то сверстать или попался сложный алгоритм — это не проигрыш и не нужно сдаваться.

Это просто интересная задачка, решив которую, ты выйдешь на новый уровень.

И так со всем.

Абсолютно все — игра.

И главный плюс этой игры в том, что в ней нельзя проиграть.

Сделав шаг ты уже победил))

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

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

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

🥷🏻 • телеграм канал • ютуб • задать вопрос

Если еще не читал предыдущую — лучше будет начать с нее → тык.

Там мы поговорим, как важно подготовить свою жизнь под учёбу

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

Если ты новичок — завидую, такой гайд сэкономил бы мне месяцы, а то и годы.

А если уже в профессии — переосмыслишь свой путь и, возможно, вдохновишься на новые свершения.

→ кто вообще такой фронтендер и чем он занимается?

Фронтенд в 2025 — это не:
— Вёрстка лендингов
— Фриланс на дядю Васю
— Колупание в вордпрессе и прочих конструкторах сайтов

B 2025 фронтенд-разработка — это создание веб-приложений на JavaScript, а точнее на его фреймворках.

Хотя вёрстка отошла на второй план, это не значит, что изучать её не обязательно — браузеры все так же понимают только HTML, CSS и JavaScript.

Фронтендер делает всё то, что видит пользователь на сайте или в приложении.

Он верстает страницы, добавляет интерактив (кнопки, формы, слайдеры), подключает данные с сервера и следит, чтобы всё выглядело красиво и работало быстро.

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

→ как будем учиться

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

Что это значит?

Это значит, что мы сначала изучаем только те технологии, которые приведут нас к первой работе.

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

Всё остальное мы доучиваем уже работая программистом.

Большинство существующих роадмапов этим мне и не нравятся: туда пихают все и сразу.

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

→ сколько нужно денег

Я постарался собрать роадмап преимущественно из бесплатных материалов.

Возможно, в паре мест придётся заплатить около косаря, но это действительно того стоит.

Если нормально относишься к пиратству, то можешь купить подписку на coursehunter.

→ поддержка во время обучения

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

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

→ предисловие закончилось, а теперь перейдём к роадмапу и посмотрим, что нам предстоит изучить

Итак, ты начинаешь на этом уровне.

Глава 1. HTML и CSS

Период, когда узнаёшь, что такое фронтенд и делаешь первые шаги.

что нам нужно изучить на этом этапе

— HTML и CSS
— Git и GitHub
— Терминал
— Figma
— Редактор кода VSCode или WebStorm
— npm

результат

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

сколько нужно времени

На всё про все от двух месяцев

обучение

Первое, что нам нужно сделать — это изучить HTML и CSS. Два кита во фронтенде, которые позволят тебе делать простенькие сайты без интерактива.

С помощью HTML мы строим наш сайт как конструктор лего, но все эти детальки одинаковые, некрасивые, бесцветные. Тут нам уже нужен CSS.

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

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

Всё это мы изучаем на HTML Academy. Там есть тренажёры. Если ты понимаешь, что тебе интересно в этом разбираться — смело покупай подписку. Она откроет все уроки на сайте.

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

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

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

У HTML Academy есть интенсивы.

Тебе нужны «Профессиональная вёрстка сайтов» и «Адаптивная вёрстка и автоматизация». Ищи в интернете.

Лучше материалов по этой теме нет.

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

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

Если хочешь учиться на бесплатных материалах и не пиратить, то ниже подобрал хорошие альтернативы.

HTML курс 2025

CSS курс 2025

Верстка сайтов (мастер-классы)

Неплохие игры для подробного изучения CSS Flexbox и CSS Grid:

Flexbox Froggy

Grid Garden

Как работать с терминалом

Терминал - Топ команд, настройки, плагины, хаки (2024)

База по Git и Github

Основы Git и GitHub. Курс для начинающих. Установка, настройка, основные команды. Git в WebStorm

Работа с Git через консоль

База по npm

NPM для начинающих. Полный гайд: установка, команды, флаги, разбор package.json, версионирование

База по редактору кода

WebStorm настройки для быстрой и удобной работы • Плагины • Git GUI • Шаблоны и сниппеты • Обзор IDE

Что такое БЭМ

БЭМ методология за 10 минут | Основы для начинающих

на самом деле его сейчас практически не встретить, про это поговорим в разделе с фреймворками, но желательно все же знать

дополнительные материалы по теме

Если тебе нужно подробнее прочитать про какой-нибудь тег или свойство  CSS — лучше сразу иди в doka.guide. Вообще, этот сайт должен стать твоим помощником вплоть до конца обучения.

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

Людоедский интерфейс

Семантика для циников

Делайте из слона муху

_ ___ ______?

«Быстрорастворимый» фронтенд

Тег a

Тёмная сторона веба

Фронтенд для новичка. Куда идти и что делать?

Ещё больше ищи на каналах @webstandards_ru, @FrontendChannel и @YandexforFrontend.

Если нравятся подкасты, можешь на фоне слушать Веб Стандарты.

Как придумывать понятные CSS классы

https://github.com/yoksel/common-words

https://github.com/nicothin/idiomatic-pre-CSS/blob/gh-pages/words_and_abbreviations.md

Хорошие практики для кода

https://codeguide.academy/

Макеты для практики вёрстки

https://t.me/figma_maketss

Как правильно писать коммиты

https://www.conventionalcommits.org/ru/v1.0.0/

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

Если справился — поздравляю с первой ачивкой:

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

Глава 2. JavaScript

Период, когда учишься программировать.

что нам нужно изучить на этом этапе

Общий и браузерный JavaScript

результат

Способен писать простейшую логику, не путаешься в методах массивов и объектов, понимаешь как работает JavaScript в браузере

сколько нужно времени

Чуть больше месяца

обучение

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

Лучший учебник на JavaScript на русском языке — Кантор.

Кантора нужно разнообразить видосами и другими сайтами. Одна и та же вещь, объяснённая много раз разными словами, становится понятнее.

Неплохой курс по основам

JavaScript курс 2025

Идеи для пет проектов

Pet-projects. Какие проекты делать начинающему фронтенд разработчику

дополнительные материалы по теме

Для тренировки алгоритмического мышления можешь решать задачки на CodeWars (7-8 kyu) или на LeetCode.

Хорошие практики

https://github.com/ryanmcdermott/clean-code-javascript

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

Серия книг “Вы не знаете JS”

Книга “Идеальный программист. Как стать профессионалом разработки ПО” (Роберт Мартин)

Книга “Чистый код. Создание, анализ и рефакторинг” (Роберт Мартин)

Книга “Чистая архитектура. Искусство разработки программного обеспечения” (Роберт Мартин)

Грокаем алгоритмы. 2-е изд. | Бхаргава Адитья

Если справился — поздравляю со второй ачивкой:

Глава 3. Фреймворки

Период, когда делаешь реальный фронтенд.

что нам нужно изучить на этом этапе

— React.js или Vue.js
— TypeScript

результат

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

сколько нужно времени

Полтора-два месяца

обучение

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

Первое и единственное решение, которое нужно принять: на какой фреймворк садиться. На текущий момент на выбор 2 стула:

Первый стул — React

Плюсы:
— Высокий спрос на рынке. Вакансий с React больше, чем с любыми другими фреймворками.
— Ориентированность на JavaScript. Работая с React, ты неизбежно глубже понимаете сам язык.
— Огромное количество обучающих материалов. Курсы, статьи, видео — на любой вкус и уровень.
— Сильное сообщество. Активное коммьюнити, где можно быстро получить помощь и обменяться опытом.

Минусы:
—  Много ручной работы. React это библиотека, а не фреймворк. Почти всё нужно подключать самому. Вариантов огромное количество. Каждый проект сделан на своих костылях.
—  React развивается под нужды Vercel. Поэтому не стоит удивляться, если через полгода придётся серьёзно переписать проект.
—  Не оптимален технически. Код в React слишком низкопрофильный. Чтобы получать производительный фронтенд, нужно прикладывать больше усилий.

Второй стул — Vue 3

Плюсы:
— Полноценный набор инструментов из коробки. В отличие от React, не нужно выбирать роутер или стейт-менеджер — есть стандарты.
— Максимальная простота и интуитивность. Легко понять даже новичкам: шаблоны напоминают HTML, реактивность прозрачна, а структура проекта логична.
— Команда. Разработчики Vue сейчас поддерживают всю экосистему фронтенда — Vite, Vitest

Минусы:
— Доедает за React. Все модные фичи сначала появляются в React, только потом переезжают во Vue.
— Меньше вакансий. Работы действительно меньше, но не потому, что Vue хуже как фреймворк, просто React появился на рынке на несколько лет раньше

Я пишу на Vue.js, поэтому роадмап дальше будет по этому фреймворку.

Роадмап по React.js допишу чуть позже.

Лучше всего начать с самой документации Vue.js. Чёткая, дружелюбная, с примерами и объяснениями без «воды» — одна из лучших среди фреймворков.

Из бесплатных курсов можно глянуть такой

Vue 3 для начинающих / Разработка интернет-магазина Vue Sneakers

После понимания фреймворка нам нужно изучить как делать многостраничные SPA приложения с помощью Vue Router.

И как хранить состояние приложение в одном месте с помощью Pinia.

Для изучения всего этого тебе нужно сделать всего один проект — Кинопоиск.

Он затрагивает все-все аспекты современного фронтенд приложения.

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

Изучаем TypeScript

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

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

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

Тут мне нравится вот такой учебник.

дополнительные материалы

Хорошие практики Vue

Если справился — поздравляю с третьей ачивкой:

Глава 4. Экосистема

Период, когда разбираемся со своими инструментами

что нам нужно изучить на этом этапе

— ESLint
— Prettier
— Stylelint
— Vite
— husky
— lint-staged
— CI/CD

результат

Понимаешь инструменты с которыми работаешь

сколько нужно времени

до недели

обучение

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

Все фреймворки дают свою CLI, которая сделает шаблон проекта.

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

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

Можешь просто просмотреть курсики, почитать доку, чтобы было понимание.

Курс по Vite

Vite — лучший сборщик для фронтенда в 2025: почему его выбирают все

Курс по ESLint, Prettier и Stylelint

Линтеры и форматтеры в фронтенде: ESLint, Stylelint и Prettier без боли

Курс по husky и lint-staged

Автоматизируем форматирование и проверку линтера на пре-коммит

Курс по CI/CD

CI CD наглядные примеры

дополнительные материалы

Проблема FrontOps’а

Если справился — поздравляю с четвёртой ачивкой:

Глава 5. Выходим в мир

Период, где начинаем искать работу.

что нам нужно изучить на этом этапе

— как сделать продающее резюме
— как искать работу
— как выглядит собеседование
— как подготовиться к собеседованию

результат

вкатился во фронтенд

сколько нужно времени

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

обучение

ВНУТРЯНКА АЙТИ: Как здесь все проебываются на самом деле

ГАЙД НА СОФТЫ: Как чесать языком на собесе, чтобы дойти до оффера

Как сделать идеальное резюме и сопроводительное письмо

Как успешно пройти испытательный срок в IT | «Ультимативный гайд»

Как пройти собеседование на программиста | Ультимативный гайд

САМОПРЕЗЕНТАЦИЯ: Как продавать свой опыт лучше других

СПАСАЮ РЕЗЮМЕ ПОДПИСЧИКОВ: Как написать резюме, чтобы вас не игнорили

ПРОДАЙ СЕБЯ, ЕСЛИ СМОЖЕШЬ: Как не пролететь мимо оффера

Как накрутить опыт в резюме | «Ультимативный гайд»

ЛЕГЕНДА: Откуда взять опыт, чтобы попасть на собес

мок собеседования

Рекомендую смотреть контент с мок собесами или записи реальных собеседований.

Можешь начать с моего плейлиста:

Шоу «Вы приняты»

дополнительные материалы

Шпаргалка по прохождению лайвкодинга

Если справился — поздравляю с пятой ачивкой:

Самое сложное уже позади.

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

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

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

Глава 5. Продвинутый фронтенд

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

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

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

🥷🏻 • телеграм канал • ютуб • задать вопрос

Если еще не читал предыдущую — лучше будет начать с нее → тык.

Там мы разберём мифы, которые часто пугают новичков.

Когда они развеяны, путь становится проще и понятнее.

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

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

На старте все загораются, быстрее быстрее, туда сюда, давай давай.
Ну, как и у всех нас, мотивация. После все переходит в рутину, это
примерно 2-3 месяца и САМОЕ ВАЖНОЕ пережить этот момент.

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

Зачем? Чтобы было меньше времени «подумать» и ты буквально сам себя пинал.

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

Мне часто прилетает респект за то, что в жёсткой, но справедливой форме пинаю своих учеников. Расслабился? Надоела рутина? Скучно? ИДИ ДЕЛАЙ!

До того как ты начнёшь заниматься фронтендом серьёзно, задай себе простые вопросы:

— Сколько реально часов в день можешь выделить?
— Какие у тебя обязательства и ограничения?
— Что или кто может помешать?

Само написание кода — не самая тяжёлая часть. Настоящее испытание — не остановиться на середине пути. И первый ключевой ресурс, который нужно добыть, — это время.

Тебе нужно минимум 2–3 часа в день.

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

Мотивация улетучивается, а режим и дисциплина остаются.

2–3 часа каждый день — вот твой фундамент.

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

Дома проходи курсы, играйся с кодом. На работе или учёбе смотри доклады, видосы.

Если ты думаешь, что после 8 часов работы сможешь стабильно садиться на ещё 3 часа учёбы — это самообман. Через пару недель ты выгоришь и всё забросишь.

Заниматься лучше либо до работы, либо во время.

Если у тебя есть семья или люди, которые от тебя зависят, путь будет сложнее. Да даже если ты ещё студент без обязательств — не все тебя смогут понять.

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

Будет супер, если у тебя в этом плане ситуация лучше и тебя всячески поддерживают.

Очень важно сохранять стабильное состояние менталки во время обучения.

Ничего не должно тебя выбивать из состояния потока.

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

Спокойно объясни, что ты хочешь сменить работу, что у тебя есть план, по которому прошли уже сотни других.

Не увольняйся, если нет финансовой подушки. Никто не может обещать 100%-тное трудоустройство. Неизвестно, сколько времени займёт твоё обучение.

Когда я учился, мне нравилось отслеживать своё время по системе помодоро.

Если вкратце, то мы включаем таймер на 25 минут и работаем никуда не отвлекаясь, потом 5 минут перерыв. Можно поменять значения под себя, например 50 минут работаем, 10 минут отдыхаем.

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

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

В таком режиме я обычно учился с 8 до 13. Выходило от 6 до 12 помидорок в день.

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

Важно начинать утро именно с обучения. Я очень долго занимался самообманом. «Вот сейчас пару каточек в доту, а потом начну» — мозг просто не любит напрягаться, ему нравится получать удовольствие и твоя задача это контролировать.

Сначала учимся, потом развлекаемся.

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

Чтобы всё это усвоить, недостаточно просто смотреть и читать.

Важно фиксировать ключевые моменты, чтобы возвращаться к ним, систематизировать знания и повторять.

Рекомендую поставить себе Obsidian и вести заметки.

Веди отдельные страницы для HTML, CSS, JavaScript, терминала и т. д.

Записывай термины, команды, ссылки, видео, короткие выводы.

Создай таблицу со статусами: «Изучаю», «Повторить», «Освоено»

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

В следующей части мы наконец разберемся с роадмапом и что нам предстоит изучить.

Ты уже впереди 90% тех, кто просто «думает стать фронтедером».

Теперь — пора заходить в реальную разработку.

Готов? Погнали в следующую часть → тык

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

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

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

🥷🏻 • телеграм канал • ютуб • задать вопрос

В предыдущей части я рассказал, как я учился программировать.

Если еще не читал — лучше будет начать с нее.

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

Это моя история и ее уже не изменишь, но если она поможет тебе стать чуточку увереннее — значит она была рассказана не зря.

Сейчас я тебе расскажу как я продвигался по карьерной лестнице. Это был долгий и тяжёлый путь. Меня увольняли, я выгорал, терял смысл жизни и находил его. Хочу, чтобы ты не допускали моих ошибок и добрался до заветной зарплаты быстрее, чем я.

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

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

Перед написанием диплома я проходил преддипломную практику. Устроился в местную веб-студию. Занимался поддержкой контента в админках, верстал письма, сделал полностью вёрстку для сайта парка развлечений. Он кстати до сих пор живой. Можете считать моим первым проектом. Руководителю так понравилась моя работа, что потом сам подкидывал заказы на фриланс.

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

После окончания ВУЗа, я начал больше углубляться во JavaScript. Прочитал учебник Ильи Кантора, закончил курс по Vue.js от Владилена и начал делать мини-проекты.

Бывали времена когда прокрастинировал и вместо изучения продвинутого JavaScript я опять верстал сайты. В итоге к моменту поиска у меня было свёрстано где-то 10 сайтов.

Сделал себе портфолио.

Это был весь мой багаж знаний на момент поиска работы.

Клевером (🍀) буду помечать моменты, где важную роль сыграла удача. Раньше я думал, что это по большей части случайность, но теперь понимаю — я ошибался.

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

❌ Много времени потратил на HTML/CSS. Технологии интересные, можно бесконечно узнавать что-то новое, но на рынке нет профессии «Верстальщик». Нужно как можно быстрее перейти к изучению JavaScript, а затем фреймворка. Ребята, которых я менторил, делали 2-3 сайта и шли дальше.

❌ Портфолио делать было не обязательно. У меня там была настроена аналитика, заходов на сайт практически не было. Если так хочется свою страничку — можно на первое время взять какой-нибудь шаблон и просто поменять информацию.

В конце ноября 2018, когда стало понятно, что в армию мне не нужно, встал вопрос поиска работы. Оформил проекты, которые делал в рамках изучения Vue (раз, два, три), набросал резюме для hh и телеграмм чата и начал поиски.

Моё резюме так и осталось в истории («Инструменты для работы с дизайном: Adobe Photoshop, Avocode» — помните такие инструметы? 😂). Почему-то тогда мне казалось, что 45к нормальный ценник для джуна. Помню как там начали негодовать, что я демпингую рынок и нужно просить сразу 80+ с таким портфолио. На первых порах было тяжело себя адекватно оценить.

Отдельно хвалили, что так подробно оформляю README для проекта. У большинства соискатель это был стандартный файл от CLI, я же старался рассказать про проект подробно. Какая стояла задача, как она решалась, как я думал, какие были сложности. Нанимающий смотрит больше не на результат, а на процесс. Как по мне — должна быть история.

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

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

По результатам тестового задания на собеседование в Москву, почему-то удалённо не стали проводить. На собеседовании просто поговорили по душам, обсудили чем предстоит заниматься, познакомились с командой. Никакой теории даже не спрашивали.

Вот она первая работа! Думал, будет сложнее.

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

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

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

Формат работы был гибридным, иногда приезжал в офис и уезжал вечером домой, потому что на джуновскую зарплату особо не поживёшь в столице. В основном работал на удалёнке.

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

В команде у меня был один фронтендер и один бэкендер. Первое время всё было неплохо, верстал различные сайты, делал небольшие приложения на Vue.js, поддерживал контент в админках.

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

Работы меньше не стало, а я один. Нужно было думать как оптимизировать работу. Так как все проекты плюс-минус начинались одинаково, я себе сделал шаблон под новые сайты, автоматизировал всю ручную работу по максимуму. Оптимизации картинок, стандартные стили, деплой на сервер, базовое SEO и все в таком духе. В итоге получалось делать лендинг за пару дней.

Через полгода мне накинули ещё 10к к зарплате, но вскоре начались проблемы. Зарплату задерживали, проекты интереснее не становились. Начались эксперименты в структуре, впервые появился проджект менеджер. Особо ничего не изменилось, только усилился микроменеджмент в стиле «ну чо сделал?», «до завтра успеем?». Негодование только усиливалось, причём не только у меня, но и у бэкендера.

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

В каком-то новостном паблике заметил, что идёт набор в школу разработки интерфейсов (ШРИ). Чтобы поступить туда, нужно было сделать вступительное испытание. Было всего три задачи: первая на вёрстку дизайн-системы, вторая на реализацию bem-json, третья на TypeScript. Попробовал сделать задания, но большинство оказались непосильными.

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

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

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

Пришлось кое-как выживать в Москве на то, что скопилось за это время. После работы приходилось бежать сразу на лекции. В итоге уходил в 9:00 приходил в 23:00.

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

За это время сильно прокачался, познакомился с кучей ребят, некоторых из них вижу на конференциях. Все таки круг IT очень узкий.

Был у нас хакатон по алгоритмам и в один момент мне пишет парень (сейчас Aleksei Lisun — хороший друг, подписывайтесь, если интересует тема криптовалют да и просто саморазвития), что-то по поводу поиска работы, говорит нашёл меня через рекомендации на GitHub (🍀). Не помню, что я тогда ответил, возможно предложил работать со мной, но не суть. Больше мы с того момента не общались. Этот момент стоило здесь упомянуть, вернёмся к нему чуть позже, просто запомните его.

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

Не сказать, что я сильно к нему готовился, почему-то был в себе уверен. Купил книжку «Грокаем алгоритмы» (🍀), прочитал только первые главы, где разбирается подробно бинарный поиск и забил, тогда мне алгоритмы казались чем-то скучным и не применимым во фронтенде.

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

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

Третья секция — вёрстка. Нужно было сверстать карточку по png картинке, в девтулзы для дебага заходить запрещено. С вёрсткой никогда проблем не было, быстро всё сделал, ответил на дополнительные вопросы, поговорили про доступность. Поспрашивал немного про Яндекс, пишутся ли проекты на Vue.js — как оказалось только для каких-то прототипов. Насколько я знаю, сейчас там как минимум один проект полностью на Vue.js, но не исключено что это какой-то костыль.

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

Очень долго ждал окончательного решения, и, почти, через месяц пришёл результат — принят на стажёра в команду Яндекс.Образование.

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

❌ Сильно резал себе зарплату, когда неправильно трекал время.

❌ Не совсем ответственно подошёл к ШРИ. Можно было лучше подготовиться и получить сразу более высокий грейд. Причём я знал, что будут такие задачи, так как мы все между собой общались.

Первый рабочий день, 10 февраля, как раз был день рождения.

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

Сильное впечатление на меня произвёл офис, где есть буквально всё. Особенно по сравнению с тем, где я работал до этого.

Выдали макбук, тогда ещё особо не работал с MacOS, но был рад — наконец-то можно будет тестировать вёрстку в Safari не через эмуляторы, а на реальном девайсе.

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

Первая трудность, с которой я столкнулся — это новый стек технологий. React я успел на базовом уровне освоить во время ШРИ, но нужно было доучить redux и redux-saga, хуки. Устроился я под конец недели, как раз было пару дней разобраться.

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

В первый раз начал работать по методологии Scrum. Каждый день в 11:15 митинги, стоя рассказываешь что ты сделал вчера, что будешь делать сегодня, какие есть проблемы. Работал спринтами по две недели, через два спринта проходила ретроспектива, где обсуждали что было хорошего и плохого за эти спринты. Все проблемы фиксировали в баг трекер и исправляли в будущем.

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

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

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

Всё у меня получалось хорошо, я уже думал как останусь в Яндексе надолго, начал изучать более продвинутые вещи по React, типа Next.js, Gatsby.

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

Я остался безработным. Решил сразу не бросаться на поиски новой работы, а сделать пару проектов для портфолио. Плюс я не захотел дальше изучать React, а вернулся на Vue.js. Нужно было время, чтобы вспомнить синтаксис.

В итоге к началу июля я был готов к новой работе, разослал резюме по старой схеме. И тут меня замечает Aleksei Lisun (🍀), тот, который, мне писал по поводу работы, когда я учился в ШРИ. Только в этот раз уже он реферит меня в свою компанию — Связной.

По условиям меня все там устраивало, в итоге быстро договорились о собеседовании. На собеседовании была классика про JavaScript: переменные, функции, замыкания, эвент луп. Немного поговорили про Vue.js, Vuex, обсудили проект, который я делал во время подготовки. Стоит сказать, если выкладываете свои проекты на GitHub — будьте готовы пояснить за каждую строчку, не нужно просто копировать чужие работы, а то получится некрасиво.

В итоге собеседование прошёл хорошо, мы друг другу понравились и мне предложили оффер.

Так я нашёл свою третью работу.

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

❌ Я опять согласился на первый оффер. В теории можно было прыгнуть ещё выше по зарплате.

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

В Связном не было разделения на команды, все занимались всем. Мне досталось переносить сайт с Twig/PHP на Nuxt.js. До меня уже предпринимались какие-то попытки, но мы решили начать всё с нуля.

Для разработки уже был сделан набор компонентов, из которых можно было бы легко собирать страницы. Open source решения под те задачи было тяжело адаптировать, так как у Связного был свой дизайн, своё видение UX этих компонентов.

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

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

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

На кодревью каждый раз приходилось объяснять как правильно сделать ту или иную штуку, причём линтерами это не пофиксить. Решил сделать руководство, которому все разработчики в компании должны были следовать.

С этого момента начался мой бурный рост по скилам.

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

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

Через некоторое время наш CTO (сейчас Yury Pikhtarev тоже хороший друг, подписывайтесь, если интересно как живёт руководитель разработчиков в Эмиратах) переходит в Озон (🍀). Все рабочие чатики начали потихоньку умирать, так как он в основном задавал общение.

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

Спустя пару месяцев мне поступает предложения стать тимлидом (🍀). Руководить нужно было другой командой, но по факту я был лидом в своей библиотеке компонентов, которую сам и разработал. Договорились, что будем развивать эту идею дальше, начнём больше коммуницировать с дизайнерами. Взял пару дней подумать и в итоге согласился. Зарплата поднялась не так сильно. Почему-то думал, что это поможет справиться с выгоранием, вроде что-то новое, неизведанное, но нет. Состояние как будто стало только хуже.

В основном я занимался менторингом стажёров, анализом и декомпозицией задач. Скрама в полном объёме в компании не было, поэтому проводить дейлики или ретроспективы не приходилось. Найм в компании на тот момент был заморожен, поэтому собеседовать кандидатов тоже не довелось.

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

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

Напоследок оставил собеседование в Озон, куда меня позвал Юра. Не сказать, что это было сложное интервью. Просто лайвкодинг с абстрактными задачами по JavaScript, не алгоритмы как в Яндексе. Закончили парой вопросом по тому как работает браузер, что происходит когда вводим URL в адресную строку и всё.

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

Так я устроился на свою четвёртую работу.

Формат работы тоже был удалённым, но в этот раз я решил переехать в Москву.

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

Попал я в команду, которая занималась проектом Озон Моменты. Это был сервис для коротких видео о товарах в приложении Озона, которые снимали продавцы. Все было неплохо, делали задачи, начали развивать библиотеку компонентов, как было в Связном. Процессы тоже были хорошо выстроены, на уровне Яндекса.

Под конец 2022 в мире начались массовые увольнения программистов, а в начала 2023 они дошли до нашей команды. Весь наш отдел распустили, людей перераспределили в другие группы.

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

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

В целом, полёт нормальный.

Такой получился путь. В целом я доволен своим результатом.

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

Главное сейчас больше не выгорать, соблюдать work-life баланс. Ещё задумался, если бы обратился за помощью к психологу, то скорее всего пришёл в норму намного раньше.

Стоит ещё отметить, что за весь этот путь я ни разу не был в полноценном отпуске. Если я брал какие-то перерывы, то в них я все равно или делал какой-нибудь open source или учил что-нибудь. У меня была проблема — я не мог спокойно отдыхать, у меня всегда было чувство вины, что я ничего не делаю. Мне обязательно нужно было что-то почитать, посмотреть. Справиться мне в какой-то степени помогло это видео.

В любом случае, сейчас я себя чувствую намного лучше и готов к новым достижениям. Понял свои ошибки.

Какие советы могу дать, исходя из своего пути:

✅ Не бойся менять работу раз в год-полтора, особенно на первых порах. Внутри компании практически никогда не будет роста на 100-200%, обычно это 15-20%. Хотя бывают и редкие исключения, как мы увидели на примере Связного.

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

✅ Обрастай контактами, не забывайте своих прежних коллег. Круг IT — узок.

✅ Не забывай отдыхать от работы. Не доводите себя до состояние уголька. Гореть, но не сгорать.

Да благословит нас валюта!

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

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

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

🥷🏻 • телеграм канал • ютуб • задать вопрос

Если еще не читал предыдущую — лучше будет начать с нее → тык.

Там ты познакомишься кто я такой и откуда знаю как сейчас лучше вкатываться во фронтенд.

Если не знаешь, с чего начать путь во фронтенде — этот план для тебя.

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

Когда они развеяны, путь становится проще и понятнее.

Писать код — не самое сложное.

Гораздо сложнее учиться стабильно и не бросить на полпути.

Когда я изучал фронтенд — я тратил в день не больше 4-5 часов.

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

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

Во фронтенде математика в основном сводится к процентам, расчёту размеров блоков и простым формулам.

Для большинства сайтов достаточно знаний из школы.

Английский упрощает обучение, но он не обязателен на старте.

Есть множество русскоязычных курсов, статей и видео. 

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

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

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

В IT много англицизмов и специфического сленга. Все эти бранчи, коммиты, аджайлы, груминги. Будет непривычно.

Учить одновременно и фронтенд и английский — хорошая идея, но всё, конечно, сводится к твоему желанию и количеству свободного времени.

Если чувствуешь, что осилишь, то будет только плюсом. 

Разговорный английский или знание нюансов пока не нужно. Достаточно получить базу, научиться читать и переводить технический контент. С толковым преподом это не займёт много времени.

Во фронтенде есть новички и в 20, и в 30+. Нормальные компании на собеседовании оценивают знания, а не паспорт.

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

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

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

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

Для старта хватит любого ноутбука, который тянет браузер и текстовый редактор.

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

Большинство фронтендеров сидят на MacBook, потому что Linux подобные системы больше подходят для разработки. 

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

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

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

Я бы посоветовал не тратиться на начальных этапах совсем.

Бесплатных материалов более чем достаточно, чтобы освоить базу. 

Курсы могут помочь, но их лучше заменить ментором.

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

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

Можешь зайти на любой сайт по поиску работы и на вакансии фронтенд разработчика увидишь больше 1000 откликов.

Во фронтенде одна из самых больших конкуренций — это правда.

Связано с тем, что его не так уж сложно освоить на базовом уровне.

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

Нужно стать чуть лучше большинства, а это уже не так трудно.

Реальная конкуренция намного ниже, чем статистическая.

Большинство пытаются слишком плохо, чтобы их учитывать.

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

Новости, что программисты скоро станут не нужны — везде.

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

ИИ создаёт код, но часто с ошибками, без учёта безопасности и стандартов. 

Он помогает разработчику, а не заменяет его.

Скажу больше, ChatGPT на этапе обучения станет твоим незаменимым помощником.

В IT исторически больше мужчин, поэтому кажется, что девушкам будет сложнее попасть в команду и строить карьеру.

На самом деле, это большое заблуждение. Знаю очень много девушек и фронтендеров и бэкендеров и тестировщиков.

У меня в команде 5 фронтенд разработчиков. Я единственный парень.

Ну и не забывай — первым программистом в истории была девушка.

Чтобы стать фронтендером не нужны какие-то гениальные способности, нужна регулярность и нужно желание учиться. Всё.

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

В следующей части продолжим выстраивать фундамент для вката. Разберёмся как правильно учиться, сколько нужно времени для базы и зачем наводить порядок в жизни перед началом обучения.

Готов? Погнали в следующую часть → тык

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

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

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

🥷🏻 • телеграм канал • ютуб • задать вопрос