Всем привет! Меня зовут Александр, мне 23 года и я фронтенд-разработчик в KTS Studio. Это моя история успеха о том, как можно стать разработчиком, когда тебе не нравится программирование, а потом влюбиться в профессию.
Содержание
Школьные годы
Хочется начать мой рассказ с самой школы: в старших классах я стал понимать, что в отличие от подавляющей части окружающей меня людей я не задумывался о том, что будет после сдачи ЕГЭ и кем я хочу стать в будущем. Я знал, что не люблю биологию, обществознание, историю, зато точно понимал, что мне нравятся математика и информатика. Я учился на отлично, но так уж вышло, что никогда не чувствовал себя лучшим даже в своих любимых предметах.
Я хорошо знал математику, но иногда у меня складывалось ощущение, что я ее больше вызубрил, чем понимал, а на уроках информатики не мог написать даже простейшие задачки на Паскале. Сейчас уже точно не вспомнить, и, возможно я просто пропустил какие-то занятия и не смог догнать упущенное, но мне точно не нравилось программирование. У меня оно просто не получалось, а вникать не хотелось.
Поэтому я не понимал, кем хочу стать, и у меня в голове была примерно такая мысль: круто, если моя работа будет связана с компьютером. Я думал, что закончу университет и буду работать кем-то вроде консультантом в Сбербанке. В общем, меня совершенно устраивала такая работа и большего мне не нужно было.
В итоге мой друг посоветовал мне поступить на специальность «Прикладная математика и информатика», — сказал, мол, в ближайшее время программисты будут очень востребованы — иди туда и ты не пожалеешь.
Университет
Я не хотел уезжать из своего родного города Ставрополя — решил, что буду учиться здесь, и без проблем поступил на бюджет. Подумал, что в будущем, если мои предпочтения поменяются, без проблем смогу переехать после окончания вуза.
Впервые после второго курса обучения в университете я действительно почувствовал пользу от учебы: у нас было немало математических дисциплин — мат. анализ, высшая алгебра, теория чисел, и одна дисциплина, которая касалась программирования: она называлась «Алгоритмизация и программирование».
К математическим дисциплинам у меня был интерес, а вот к программированию не было совсем. До какого-то момента я сам справлялся с лабораторными работами в виде 1-2 алгоритмических задачек. Потом стало сложнее и у меня больше не получалось корректно написать программу, в какой-то момент я просто заходил в тупик.
Желания в этом разбираться у меня не было от слова совсем, я считал, что мы занимаемся какой-то ерундой и учим бесполезные вещи, к тому же зачастую я просто не понимал как загуглить свою проблему. Программирование у меня не получалось, оно мне не нравилось и отталкивало.
На третьем курсе у нас совсем закончилось обучение программированию во всех его проявлениях. Были лабораторные работы по математическим дисциплинам, в рамках которых надо было сдать программу, решающую задачу по данной теме, но по сути это просто равносильно превратить формулу на листочке в формулу на компьютере. Мое обучение в университете сводилось к тому, что я просто сдавал какие-то работы, а в свободное время не занимался ничем полезным.
Первая работа: 1С-программист
Только в начале четвертого курса я погрузился в реальность и осознал, что по сути валяю дурака, а мне по-хорошему как раз стоит искать работу, а еще лучше — работу по специальности. Вот только кто меня возьмет с моими навыками?
Я знал только какие-то основы программирования. Но мой друг, который разбирался в программировании еще хуже меня, рассказал, что нашел стажировку 1С-программистом. Я много слышал про 1С и мне хотелось посмотреть, что это такое, да и честно говоря выбора особо не было, поэтому я тоже подал заявку.
В итоге нас обоих взяли, несмотря на то, что мы, без преуменьшения знаний, могли написать только какие-то элементарные программы и знали не больше школьников. Туда просто брали абсолютно всех. Мы совсем не знали 1С.
Мы проработали там три месяца и ушли, хотя нам предлагали остаться с повышением в должности: просто поняли, что хотим попробовать себя в других сферах.
Именно тогда — на работе, на которую я пришел абсолютно без знаний, и уйдя ни с чем, в какой-то мере мне начало нравиться программирование. Я хотя бы стал понимать, что с помощью вот этих циклов for и массивов действительно решаются рабочие задачки: раньше я думал, что все это — сплошная чушь для решения маленьких алгоритмических задач, а на работе это вообще не используетс��
Начало изучения веб-программирования
После ухода с работы 1C-программистом я стал изучать веб-программирование. Мне показалось, что только об этой сфере я смогу найти достаточно информации в интернете, чтобы стать программистом. Начал с бесплатных вебинаров «Академии верстки», но не очень понравился их формат с трансляциями: приходилось каждый день сидеть по три часа и просто повторять код за человеком и слушать его объяснения. А когда ты в этом полный ноль, это, на самом деле, просто невыносимо. Так или иначе, я научился хоть как-то верстать и делать простейшие операции с DOM: получить элемент по классу и все такое.
Во время тех же интенсивов люди каждый день общались в чате, они даже создавали собственные группы-блоги во «ВКонтакте», чтобы другие могли наблюдать за их прогрессом. Я видел, что они были очень заинтересованы в этом, а мне программирование не приносило удовольствия. У меня не было ощущения, что я занимался тем, что мне очень нравится. Мною скорее двигала цель получить профессию с адекватной зарплатой.
Основной недостаток вебинаров для меня — непереносимый формат, который требует просто уйму времени, большая часть из которого просто просиживается. Второй важный недостаток — для обучения нужно просто повторять за преподавателем код. Из-за этого я совсем не мог разобраться в JavaScript, поэтому решил, что нужно сделать упор на него.
На тот момент я много слышал про SkillBox, но их курсы стоят неоправданно дорого. Поэтому я нашел слитый курс за 2018 год на торренте и принялся изучать JavaScript. Стоит отметить, что там был очень крутой преподаватель Егор Яковишен — мне очень понравилось, как он все объяснял, и что по каждому уроку в целом выдавался списочек того, что есть в JS на эту тематику.
На изучение верстки и JS на каком-то несильном уровне у меня ушло примерно три месяца. Мои занятия были не очень регулярные: на тот момент я учился на последнем курсе в университете и был ограничен во времени, а и иногда просто терял мотивацию и брал перерыв на какое-то время.
Я понимал, что еще совсем сыроват, но нужно было закрепить свои знания на практике и попробовать что-то сделать: я наткнулся на тестовое задание на стажировку в «Авито». Несмотря на то, что все его делали на React, я написал его на чистом JS и залил на Github — чтобы у меня начало складываться некое портфолио.
Затем я наткнулся на стажировку в «Яндекс», где даже сумел пройти первый этап. Туда меня тоже не взяли, так как я совсем еще мало умел. Подробнее о ней можно почитать здесь.
Знакомство с Хекслетом: React и Redux
Я прекрасно понимал, что в нынешних реалиях я, не зная хотя бы один из фреймворков: React, Vue или Angular, практически никому не нужен. Я попробовал курс Владлена Минина по React, но он мне совсем не понравился: очень много базовых моментов было упущено и как будто можно было въехать, только если ты раньше уже что-то знал про React. В тот момент я совсем не умел учить что-то по документации — и мне предстояла просто невероятная для меня на тот момент задача: где же выучить React?
И тут стоит упомянуть, что когда я делал тестовое на Авито я скроллил всякие решения и наткнулся на одного парня, решение которого на React мне показалось достаточно симпатичным и профессиональным. На его Github была указана его почта, так что я смог связаться с ним и спросить, где он учил этот фреймворк. Так я и узнал о Хекслете, написал 4 статьи для получения промокода и принялся изучать React.
Я сразу почувствовал, что Хекслет — это прям для меня:
- Не нужно подстраиваться под какие-то трансляции, я могу сам выбирать время для обучения
- Вся информация подается в текстовом формате. Мне не нужно приостанавливать видео и откатывать его назад, если я что-то не понял — все уже передо мной
- Все истолковано круто и достаточно подробно, в очень понятном виде
- Есть примеры с лучшими практиками — как стоит делать и как не стоит. Получаешь сразу некоторые типовые решения небольших задач, которые затем можно спроектировать на что-то более большое
- После каждого урока есть закрепляющее задание, которое помогает разобраться в материале. Все мы знаем, что нет способа лучше понять материал, чем как закрепить его на практике. Кроме того, для каждого из подобных заданий есть эталонное решение учителя.
Мне настолько понравилось, что я решил задержаться: прошел курс по Redux, а затем принялся просматривать все курсы, в которых чувствовал у себя самые большие пробелы: начал с курса по настройке окружения и Git, а затем начал проходить уже различные курсы именно по JS: прошел курсы по массивам, объектам и разные другие. Несмотря на то, что эти темы не были для меня чем-то новым, я хотел пройти их именно с точки зрения Хекслета: узнать лучшие решения каких-то типовых ситуаций и все такое.
Поиск работы
После того, как я выучил React и Redux, мне показалось, что теперь я точно должен соответствовать каким-то минимальным требованиями на позицию джуна и начал активно искать работу. Я откликался на множество вакансий для начинающих программистов, но зачастую мне просто не отвечали. Возможно слишком критичным было, что у меня не было опыта работы, хотя я ради приличия приписал себе 3 месяца фриланса — понадеялся, что это даст какой-то псевдоэффект.
Я посчитал, что работодателям совсем негде смотреть мой код: в моем репозитории на Github все еще оставался всего один проект на чистом JS, который уже был 2-месячной давности. К счастью, я открыл для себя базу открытых тестовых заданий Хекслета, нашел там два тестовых себе по душе, сделал их и залил на Github. Я чувствовал, что теперь у меня есть какое-то портфолио и работодатели могут посмотреть как я пишу код.
Параллельно с этим я гуглил статьи из разряда «Вопросы на собеседовании JavaScript» и прорешивал задачки оттуда: в основном это задания на фундаментальные основы языка и разного рода алгоритмические задачки. Хорошо, что подобные упражнения по сути решаются после каждого урока на Хекслете, так что это дало мне большое преимущество.
Первое время я откликался просто на все подряд: меня либо игнорировали, либо предлагали сделать тестовое задание или прислать ссылку на подобное сделанное. В одну компанию меня даже взяли после этого, но я в итоге решил, что меня не совсем устраивают их условия.
Иногда я позволял себе откликаться на вакансии, где вилка зарплаты явно не для моего уровня, но указано «без опыта работы» — надеялся, что они ищут разработчиков разных грейдов и у меня есть шансы. Пару раз я приходил на такие собеседования, не было никаких алгоритмических секций, меня спрашивали с чем я вообще работал, а на следующий день я получал отказ. Я не рассчитывал, что меня возьмут на эти вакансии, но соглашался на собеседования ради опыта.
В конце концов я увидел классную вакансию на мидл фронтенд-разработчика у себя в городе — это стало для меня большим удивлением, потому что мне казалось, что у нас в городе вообще нет нормальных компаний, занимающихся веб-разработкой. Я понимал, что я явно не миддл, но подумал, что стоит откликнуться — чтобы хотя бы дать знать о своем существовании и, возможно, когда им нужен будет джун, они вспомнят обо мне.
Первая работа фронтенд-разработчиком
В итоге так и вышло: спустя две недели они написали мне, что у них открыта вакансия для разработчика моего уровня, я сделал тестовое и меня пригласили на работу — так и началась моя карьера программистом!
На работе мне сразу сказали, что первые пару месяцев я буду в основном заниматься версткой, потому что видно, что она у меня хромает, а фронтендер должен уметь хорошо верстать. Я на самом деле сам знал, что у меня с этим проблема, поэтому с пониманием отнесся к этой фразе: подумал, главное, чтобы я не превратился в верстальщика. Для того, чтобы улучшить свои навыки, я купил подписку на тренажеры HTML Academy. И действительно, я лучше разобрался во многих вещах и стал чувствовать себя гораздо увереннее. В итоге первое время я в основном занимался версткой и периодически писал что-то на нативном JS, так как проекты были немного староваты.
Спустя время на меня упала ответственность написать небольшое веб-приложение с использованием Next.js. На тот момент я совсем не знал, что такое Server Side Rendering и в чем его отличие от того, если бы я написал проект просто с использованием React. Тем не менее я был очень рад тому, что я действительно напишу что-то стоящее и даже сыграю в этом значимую роль как разработчик. На тот момент я еще не знал многих вещей, поэтому коллеги более старшего грейда охотно помогали мне, и в рамках даже одного этого проекта я успел неплохо улучшить свои навыки.
Дальше мне предстояло с нуля освоить Vue и Nuxt — поначалу мне было очень тяжело перейти с React (потому что, как минимум, мне больше нравилось писать на нем) и я плевался во все стороны, но спустя время я привык. Я становился более самостоятельным, надо мной уже не нужен был какой-то дотошный контроль и зона моей ответственности постепенно увеличивалась. Я получал удовольствие от того, что я делаю, и мне нравилось сталкиваться с различными интересными задачами.
Переход на новое место
Когда я проработал уже более полугода, я стал замечать, что моя компания немного уткнулась в то, что уже имеет: мы не пробуем какие-то другие технологии, а даже не внедряем различные практики, которые есть в более классных компаниях. Мне очень нравилась моя работа, но я стал чувствовать некую стагнацию, поэтому решил просто открыть резюме на HH: не откликался ни на какие вакансии, просто подумал, что если прилетит какое-то достойное предложение, то я его рассмотрю. Помимо этого мне просто хотелось проходить собеседования, чтобы оставаться тонусе.
В итоге так и вышло: примерно через неделю мне написала HR из компании KTS: скинула несколько вакансий и подробное описание вакансий и компании в целом. Мне невероятно все понравилось, я посмотрел вакансии и с грустью ответил: «Знаете, я посмотрел ваши вакансии, мне очень все нравится, но, вероятно, я не тот кого вы ищете. Вам явно нужен миддл, а я явно джун».
Мне сказали, что джунов они тоже рассматривают и настояли на техническом собеседовании, и я решил согласиться. Собеседование было очень интересным и состояло из двух секций: первая больше про JS, вторая про React.
В рамках первой секции мне нужно было решить несколько алгоритмических задач, которое в то же время были связаны с замыканием, контекстом и промисами.
Во второй секции мне задавали много вопросов про React, а в частности про хуки и особенности их использования. Тут я должен сказать отдельное спасибо Youtube-каналу Archakov Blog, видео на котором очень сильно помогли мне разобраться с даже самыми редкоиспользуемыми хуками, без него бы я не вывез в тот день. Также мне предстояло написать небольшой HOC.
В конце собеседования я поблагодарил интервьюера и сказал, что мне было очень интересно — на тот момент я не проходил собеседования 8 месяцев, немного растерялся и задачки решил с подсказками. Я действительно получил удовольствие от этого процесса, но сам оценивал свой результат скорее как нечто среднее, поэтому просто расценил это для себя как хороший опыт.
Но каково же было мое удивление когда спустя пару дней мне написала менеджер проектов и выслала оффер! Мне пришлось трижды все перечитать, чтобы сначала поверить в происходящее, а уже затем я начал раздумывать что мне с этим делать.
Я решил, что это хорошая возможность для меня расти как специалисту, поэтому принял оффер, на хорошей ноте расстался со своим предыдущим местом работы и полетел в Москву знакомиться со своими новыми коллегами. Мне предложили удаленную работу, так как я нахожусь в другом городе, но я посчитал хорошей идеей прилететь и первое время поработать из офиса, чтобы лучше прочувствовать весь процесс.
Уже 2 месяца я работаю на новом месте — сначала мне было просто невероятно тяжело, но сейчас уже втянулся в процесс и стараюсь постепенно прогрессировать. Я снова начал писать на React, который мне так нравится. За небольшое время на новом месте я уже успел поработать с новыми для себя TypeScript, MobX, StoryBook, а также сильно прокачался в ООП и архитектуре веб-приложений. Тут у нас даже есть свой uikit.
У нас уделяют большое внимание развитию сотрудников:
- Каждый коммит проходит код-ревью
- За каждым сотрудником закреплен наставник, который проводит еженедельные 1to1 встречи. На них происходит обсуждение задач и вообще всего: компания уделяет внимание тому, чтобы сотруднику было комфортно и интересно заниматься тем, что он делает, а также учитывает предпочтения и помогает ставить цели и следовать плану развития
- Существует матрица грейдов с прозрачными критериями: каждые полгода проходит техническое ревью, по результатам которого сотрудник может перейти на грейд выше, либо наставник может порекомендовать его к повышению
- Помимо этого у нас своя школа разработки, где мы учим студентов технологиям, которые сами применяем на проектах. В рамках школы можно реализовать себя в роли преподавателя или наставника
Сейчас я планирую закрепиться на текущем месте работе и постараться освоить то, в чем я еще не так сильно разбираюсь.
Моментами может показаться, что мой результат закономерен: мне нравилась математика, я учился на технической специальности. Но стоит обратить внимание лишь на одно: мне совсем не нравилось программирование, до тех пор, пока у меня не начало что-то получаться, а ВУЗ дал лишь мне базовые навыки — все пришлось учить самостоятельно.
Какие итоги я бы хотел подчеркнуть из своего опыта и что хотел бы сказать тем, кто только на пути становления в профессии:
-
Учеба в университете на технической специальности не является каким-то решающим фактором, в основном все знания приходится осваивать самому
-
У вас тысячу раз будут опускаться руки, вам будет казаться, что все вокруг заинтересованы этим гораздо больше вас и у них лучше получается, но вы не должны сдаваться. Станет легче. С каждым днем становится немножко легче. Но делать нужно каждый день — это самое трудное. Но легче обязательно станет.
-
Никогда не бойтесь показаться глупыми на собеседовании или что-то в этом роде, будьте смелыми и упорными. Нельзя сдаваться не только после одной, но и после ста неудач
-
Постоянно занимайтесь самообразованием
-
Старайтесь практиковать написание кода на листочке — это очень полезно
-
Решайте алгоритмические или логические задачки — они действительно помогут вам в решении рабочих задач.
<!DOCTYPE html>
<html class="h-100" data-bs-theme="light" data-mantine-color-scheme="light" lang="ru" prefix="og: https://ogp.me/ns#">
<head>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
<link crossorigin="true" href="https://cdn.hexlet.io" rel="preconnect">
<link href="https://mc.yandex.ru" rel="preconnect">
<meta content="aa2vrdtq64dub8knuf83lwywit311w" name="facebook-domain-verification">
<link href="/favicon.ico" rel="icon" sizes="any">
<link href="/favicon.svg" rel="icon" type="image/svg+xml">
<link href="/apple-touch-icon.png" rel="apple-touch-icon">
<link href="/manifest.webmanifest" rel="manifest">
<script>
//<![CDATA[
window.gon={};gon.ym_counter="25559621";gon.is_bot=true;gon.applications={};gon.current_user={"id":null,"last_viewed_notification_id":null,"email":null,"state":null,"first_name":"","last_name":"","created_at":"2026-02-26 20:41:28 UTC","current_program":null,"current_team":null,"full_name":"","guest":true,"can_use_paid_features":false,"is_hexlet_employee":false,"sanitized_phone_number":"","can_subscribe":true,"can_renew_education":false};gon.token="NSsujDHPaRPakBVnHSCtFjOkvB2_b9mjW5ElFNC4aqra-uW7w7HEc2zTMf8RL11h862Rt7dYJwHmcb9Agr-NxA";gon.locale="ru";gon.language="ru";gon.theme="light";gon.rails_env="production";gon.mobile=false;gon.google={"analytics_key":"UA-1360700-51","optimize_key":"GTM-5QDVFPF"};gon.captcha={"google_v3_site_key":"6LenGbgZAAAAAM7HbrDbn5JlizCSzPcS767c9vaY","yandex_site_key":"ysc1_Vyob5ZPPUdPBsu0ykt8bVFdzsfpoVjQChLGl2b4g19647a89","verification_failed":null};gon.social_signin=false;gon.typoreporter_google_form_id="1FAIpQLSeibfGq-KvWQ2Fyru-zkFFRVTLBuzXAHAoEyN1p49FtDmNoNA";
//]]>
</script>
<meta charset="utf-8">
<title>Как стать программистом, не получая от этого удовольствия. И уже потом влюбиться в профессию</title>
<meta name="description" content="Меня зовут Александр, мне 23 года и я фронтенд-разработчик в KTS Studio. Это моя история успеха о том, как можно стать разработчиком, когда тебе не нравится программирование, а потом влюбиться в профессию.">
<link rel="canonical" href="https://ru.hexlet.io/blog/posts/kak-stat-programmistom-ne-poluchaya-ot-etogo-udovolstviya">
<meta property="og:title" content="Как стать программистом, не получая от этого удовольствия. И уже потом влюбиться в профессию">
<meta property="og:description" content="Меня зовут Александр, мне 23 года и я фронтенд-разработчик в KTS Studio. Это моя история успеха о том, как можно стать разработчиком, когда тебе не нравится программирование, а потом влюбиться в профессию.">
<meta property="og:image" content="https://ru.hexlet.io/vite/assets/blog_post-7eTyeLLt.webp">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="qMZCZ6XOoL7dUs_f4cEl-CNjrWtUDBczuaecwHYg1cFHF4lQV7AN3msR60ftztWP42qAwVw76ZEERwaUJCcyrw" />
<script src="/vite/assets/inertia-DfXos102.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="/vite/assets/chunk-DsPFFUou.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/preload-helper-BJ4cLWpC.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/init-BrRXra1y.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/ahoy-DrlRQ-1D.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/analytics-cb8xch9l.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/ErrorFallbackBlock-naDSYSy9.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Surface-DL2bpZA-.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/gon-D3e4yh1x.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/mantine-CGMYrt2Y.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/utils-DRqSHbQE.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/routes-CCH8ilKF.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/extends-C-EagtpE.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/inheritsLoose-BBd-DCVI.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/objectWithoutPropertiesLoose-DRHXDhjp.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/index.esm-DAqKOkZ0.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Button-CGPUux8l.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/CloseButton-D1euiPao.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Group-BX48WcuU.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Loader-BQEY8g6v.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Modal-Cy3HByv7.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/OptionalPortal-1Hza5P2w.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Stack-CtjJzfw4.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Textarea-Ck64llAy.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Box-B5-OOzBf.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/DirectionProvider-Dc9zdUke.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/events-DJQOhap0.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/use-reduced-motion-D2owz4wa.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/use-disclosure-zKtK5W1r.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/use-hotkeys-Cnc_Rwkb.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/random-id-DOQyszCZ.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/notifications.store-C-3AFSMn.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/exports-C_MrNx_T.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/axios-BEvgo0ym.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/dayjs.min-BkKovM-s.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/i18next-BlSq9s7B.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/client-U9M77rxp.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/react-dom-DaLxUz_h.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/useTranslation-Bx1Cdrkz.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/compiler-runtime-6XxiPFnt.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/jsx-runtime-CwjcCKJi.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/react-CkL4ZRHB.js" as="script" crossorigin="anonymous">
<link rel="stylesheet" href="/vite/assets/application-BqhCP46M.js" />
<script src="/vite/assets/application-Df9RExpe.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="/vite/assets/chunk-DsPFFUou.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/autocomplete-VMNbxKGl.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/routes-CCH8ilKF.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/createPopper-C3aM9r1M.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/js.cookie-D1-O8zkX.js" as="script" crossorigin="anonymous"><link rel="stylesheet" href="/vite/assets/application-C8HjmMaq.css" media="screen" />
<script>
window.ym = function(){(ym.a=ym.a||[]).push(arguments)};
window.addEventListener('load', function() {
setTimeout(function() {
ym.l = 1*new Date();
ym(window.gon.ym_counter, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true
});
// Загружаем скрипт
var k = document.createElement('script');
k.async = 1;
k.src = 'https://mc.yandex.ru/metrika/tag.js';
document.head.appendChild(k);
ym(window.gon.ym_counter, 'getClientID', function(clientID) {
window.ymClientId = clientID;
});
}, 1500);
});
</script>
<!-- Google Tag Manager - deferred -->
<script>
// dataLayer stub сразу — пуши работают до загрузки скрипта
window.dataLayer = window.dataLayer || [];
// Сам скрипт — отложенно после load
window.addEventListener('load', function() {
setTimeout(function() {
dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
var j = document.createElement('script');
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-WK88TH';
document.head.appendChild(j);
}, 1500);
});
</script>
<!-- End Google Tag Manager -->
</head>
<body>
<noscript>
<div>
<img alt="" src="https://mc.yandex.ru/watch/25559621" style="position:absolute; left:-9999px;">
</div>
</noscript>
<header class="sticky-top bg-body">
<nav class="navbar navbar-expand-lg">
<div class="container-xxl">
<a class="navbar-brand" href="/"><img alt="Логотип Хекслета" height="24" src="https://ru.hexlet.io/vite/assets/logo_ru_light-BpiEA1LT.svg" width="96">
</a><button aria-controls="collapsable" aria-expanded="false" aria-label="Меню" class="navbar-toggler border-0 mb-0 mt-1" data-bs-target="#collapsable" data-bs-toggle="collapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsable">
<ul class="navbar-nav mb-lg-0 mt-lg-1">
<li class="nav-item dropdown">
<button aria-haspopup class="btn nav-link" data-bs-toggle="dropdown" type="button">
Все курсы
<span class="bi bi-chevron-down align-middle ms-1"></span>
</button>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item d-flex py-2" href="/courses"><div class="fw-bold me-auto">Все что есть</div>
<div class="text-muted">117</div>
</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li class="dropdown-item">
<b>Популярные категории</b>
</li>
<li>
<a class="dropdown-item py-2" href="/courses_devops">Курсы по DevOps
</a></li>
<li>
<a class="dropdown-item py-2" href="/courses_data_analytics">Курсы по аналитике данных
</a></li>
<li>
<a class="dropdown-item py-2" href="/courses_programming">Курсы по программированию
</a></li>
<li>
<a class="dropdown-item py-2" href="/courses_testing">Курсы по тестированию
</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li class="dropdown-item">
<b>Популярные курсы</b>
</li>
<li>
<a class="dropdown-item py-2" href="/programs/devops-engineer-from-scratch">DevOps-инженер с нуля
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/go">Go-разработчик
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/java">Java-разработчик
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/python">Python-разработчик
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/qa-auto-engineer-java">Автоматизатор тестирования на Java
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/data-analytics">Аналитик данных
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/frontend">Фронтенд-разработчик
</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<button aria-haspopup class="btn nav-link" data-bs-toggle="dropdown" type="button">
О Хекслете
<span class="bi bi-chevron-down align-middle"></span>
</button>
<ul class="dropdown-menu bg-body">
<li>
<a class="dropdown-item py-2" href="/pages/about">О нас
</a></li>
<li>
<a class="dropdown-item py-2" href="/blog">Блог
</a></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://special.hexlet.io/hse-research" role="button">Результаты (Исследование)
</span></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://career.hexlet.io" role="button">Хекслет Карьера
</span></li>
<li>
<a class="dropdown-item py-2" href="/testimonials">Отзывы студентов
</a></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://t.me/hexlet_help_bot" role="button">Поддержка (В ТГ)
</span></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://special.hexlet.io/referal-program/?promo_creative=priglasite-druzei&promo_name=referal-program&promo_position=promo_position&promo_start=010724&promo_type=link" role="button">Реферальная программа
</span></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://special.hexlet.io/certificate" role="button">Подарочные сертификаты
</span></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://hh.ru/employer/4307094" role="button">Вакансии
</span></li>
<li>
<span class="dropdown-item d-flex external-link" rel="noopener noreferrer nofollow" data-href="https://b2b.hexlet.io" data-target="_blank" role="button">Компаниям
</span></li>
<li>
<span class="dropdown-item d-flex external-link" rel="noopener noreferrer nofollow" data-href="https://hexly.ru/" data-target="_blank" role="button">Колледж
</span></li>
<li>
<span class="dropdown-item d-flex external-link" rel="noopener noreferrer nofollow" data-href="https://hexlyschool.ru/" data-target="_blank" role="button">Частная школа
</span></li>
</ul>
</li>
<li><a class="nav-link" href="/subscription/new">Подписка</a></li>
</ul>
<ul class="navbar-nav flex-lg-row align-items-lg-center gap-2 ms-auto">
<li>
<a class="nav-link" aria-label="Переключить тему" href="/theme/switch?new_theme=dark"><span aria-hidden="true" class="bi bi-moon"></span>
</a></li>
<li>
<span data-target="_self" class="nav-link external-link" data-href="/u/new" role="button"><span>Регистрация</span>
</span></li>
<li>
<span data-target="_self" class="nav-link external-link" data-href="https://ru.hexlet.io/session/new" role="button"><span>Вход</span>
</span></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="x-container-xxxl">
</div>
<main class="mb-6 min-vh-100 h-100">
<link rel="preload" as="image" href="/vite/assets/blog_post-7eTyeLLt.webp"/><link rel="preload" as="image" href="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzcyNywicHVyIjoiYmxvYl9pZCJ9fQ==--2d5cbbf5c3b4a73ae4b2c50632305d78f5872e4d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Programmer-rafiki.png"/><link rel="preload" as="image" href="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0OSwicHVyIjoiYmxvYl9pZCJ9fQ==--a6531362dd1f3afb65f5b269e1a23113df7171b1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Devices-amico.png"/><link rel="preload" as="image" href="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzcwOSwicHVyIjoiYmxvYl9pZCJ9fQ==--03e50bbd408fef672ad099f7b2a258d80f54ad96/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Hand%20coding-bro.png"/><link rel="preload" as="image" href="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAzNCwicHVyIjoiYmxvYl9pZCJ9fQ==--ba516ea9573bdfcd1d21e2aa0fff8818561828f2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Typing-bro.png"/><link rel="preload" as="image" href="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAwNCwicHVyIjoiYmxvYl9pZCJ9fQ==--43a2eb3595eeebb3357d478cbcb752d0026363de/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Website%20Creator-cuate.png"/><link rel="preload" as="image" href="/vite/assets/development-BVihs_d5.png"/><div id="app" data-page="{"component":"web/blog/posts/show","props":{"errors":{},"locale":"ru","language":"ru","httpsHost":"https://ru.hexlet.io","host":"ru.hexlet.io","colorScheme":"light","auth":{"user":{"id":null,"last_viewed_notification_id":null,"email":null,"state":null,"first_name":"","last_name":"","created_at":"2026-02-26T20:41:28.312Z","current_program":null,"current_team":null,"full_name":"","guest":true,"can_use_paid_features":false,"is_hexlet_employee":false,"sanitized_phone_number":"","can_subscribe":true,"can_renew_education":false}},"cloudflareTurnstileSiteKey":"0x4AAAAAAA15KmeFXzd2H0Xo","vkIdClientId":"51586979","yandexIdClientId":"88d071f1d3384eb4bd1deb37910235c7","formAuthToken":"ph6sJIij1gr1J99PdsRKdl-bVwbCK4dZ8jlio5Zwqj9Jz2cTet17akNk-9d6y7oBn5J6rMoceftP2fj3xHdNUQ","post":{"model_name":"BlogPost","category":{"id":3,"name":"Истории успеха","slug":"success","state":"published","created_at":"2016-07-30T12:57:18.308Z"},"creator":{"public_name":"Александр Ковалец","id":294373,"is_tutor":false},"tags":[{"id":1443,"slug":"frontend","name":"Фронтенд"}],"id":1652,"title":"Как стать программистом, не получая от этого удовольствия. И уже потом влюбиться в профессию","slug":"kak-stat-programmistom-ne-poluchaya-ot-etogo-udovolstviya","state":"published","summary":"Всем привет! Меня зовут Александр, мне 23 года и я фронтенд-разработчик в KTS Studio. Это моя история успеха о том, как можно стать разработчиком, когда тебе не нравится программирование, а потом влюбиться в профессию.","votes_count":29,"created_at":"2021-12-18T07:28:20.751Z","published_at":"2021-12-27T09:26:38.659Z","body":"**Всем привет! Меня зовут Александр, мне 23 года и я фронтенд-разработчик в KTS Studio. Это моя история успеха о том, как можно стать разработчиком, когда тебе не нравится программирование, а потом влюбиться в профессию.**\n\n## Содержание\n\n## Школьные годы\n\nХочется начать мой рассказ с самой школы: в старших классах я стал понимать, что в отличие от подавляющей части окружающей меня людей я не задумывался о том, что будет после сдачи ЕГЭ и кем я хочу стать в будущем. Я знал, что не люблю биологию, обществознание, историю, зато точно понимал, что мне нравятся математика и информатика. Я учился на отлично, но так уж вышло, что никогда не чувствовал себя лучшим даже в своих любимых предметах. \n\nЯ хорошо знал математику, но иногда у меня складывалось ощущение, что я ее больше вызубрил, чем понимал, а на уроках информатики не мог написать даже простейшие задачки на Паскале. Сейчас уже точно не вспомнить, и, возможно я просто пропустил какие-то занятия и не смог догнать упущенное, но мне точно не нравилось программирование. У меня оно просто не получалось, а вникать не хотелось.\n\n::programs\n\nПоэтому я не понимал, кем хочу стать, и у меня в голове была примерно такая мысль: круто, если моя работа будет связана с компьютером. Я думал, что закончу университет и буду работать кем-то вроде консультантом в Сбербанке. В общем, меня совершенно устраивала такая работа и большего мне не нужно было.\n\nВ итоге мой друг посоветовал мне поступить на специальность «Прикладная математика и информатика», — сказал, мол, в ближайшее время программисты будут очень востребованы — иди туда и ты не пожалеешь.\n\n## Университет\n\nЯ не хотел уезжать из своего родного города Ставрополя — решил, что буду учиться здесь, и без проблем поступил на бюджет. Подумал, что в будущем, если мои предпочтения поменяются, без проблем смогу переехать после окончания вуза.\n\nВпервые после второго курса обучения в университете я действительно почувствовал пользу от учебы: у нас было немало математических дисциплин — мат. анализ, высшая алгебра, теория чисел, и одна дисциплина, которая касалась программирования: она называлась «Алгоритмизация и программирование».\n\nК математическим дисциплинам у меня был интерес, а вот к программированию не было совсем. До какого-то момента я сам справлялся с лабораторными работами в виде 1-2 алгоритмических задачек. Потом стало сложнее и у меня больше не получалось корректно написать программу, в какой-то момент я просто заходил в тупик.\n\nЖелания в этом разбираться у меня не было от слова совсем, я считал, что мы занимаемся какой-то ерундой и учим бесполезные вещи, к тому же зачастую я просто не понимал как загуглить свою проблему. Программирование у меня не получалось, оно мне не нравилось и отталкивало.\n\nНа третьем курсе у нас совсем закончилось обучение программированию во всех его проявлениях. Были лабораторные работы по математическим дисциплинам, в рамках которых надо было сдать программу, решающую задачу по данной теме, но по сути это просто равносильно превратить формулу на листочке в формулу на компьютере. Мое обучение в университете сводилось к тому, что я просто сдавал какие-то работы, а в свободное время не занимался ничем полезным.\n\n## Первая работа: 1С-программист\n\nТолько в начале четвертого курса я погрузился в реальность и осознал, что по сути валяю дурака, а мне по-хорошему как раз стоит искать работу, а еще лучше — работу по специальности. Вот только кто меня возьмет с моими навыками?\n\nЯ знал только какие-то основы программирования. Но мой друг, который разбирался в программировании еще хуже меня, рассказал, что нашел стажировку 1С-программистом. Я много слышал про 1С и мне хотелось посмотреть, что это такое, да и честно говоря выбора особо не было, поэтому я тоже подал заявку.\n\nВ итоге нас обоих взяли, несмотря на то, что мы, без преуменьшения знаний, могли написать только какие-то элементарные программы и знали не больше школьников. Туда просто брали абсолютно всех. Мы совсем не знали 1С.\n\nМы проработали там три месяца и ушли, хотя нам предлагали остаться с повышением в должности: просто поняли, что хотим попробовать себя в других сферах.\n\nИменно тогда — на работе, на которую я пришел абсолютно без знаний, и уйдя ни с чем, в какой-то мере мне начало нравиться программирование. Я хотя бы стал понимать, что с помощью вот этих циклов for и массивов действительно решаются рабочие задачки: раньше я думал, что все это — сплошная чушь для решения маленьких алгоритмических задач, а на работе это вообще не используется\n\n## Начало изучения веб-программирования\n\nПосле ухода с работы 1C-программистом я стал изучать веб-программирование. Мне показалось, что только об этой сфере я смогу найти достаточно информации в интернете, чтобы стать программистом. Начал с бесплатных вебинаров «Академии верстки», но не очень понравился их формат с трансляциями: приходилось каждый день сидеть по три часа и просто повторять код за человеком и слушать его объяснения. А когда ты в этом полный ноль, это, на самом деле, просто невыносимо. Так или иначе, я научился хоть как-то верстать и делать простейшие операции с DOM: получить элемент по классу и все такое.\n\nВо время тех же интенсивов люди каждый день общались в чате, они даже создавали собственные группы-блоги во «ВКонтакте», чтобы другие могли наблюдать за их прогрессом. Я видел, что они были очень заинтересованы в этом, а мне программирование не приносило удовольствия. У меня не было ощущения, что я занимался тем, что мне очень нравится. Мною скорее двигала цель получить профессию с адекватной зарплатой.\n\nОсновной недостаток вебинаров для меня — непереносимый формат, который требует просто уйму времени, большая часть из которого просто просиживается. Второй важный недостаток — для обучения нужно просто повторять за преподавателем код. Из-за этого я совсем не мог разобраться в JavaScript, поэтому решил, что нужно сделать упор на него.\n\nНа тот момент я много слышал про SkillBox, но их курсы стоят неоправданно дорого. Поэтому я нашел слитый курс за 2018 год на торренте и принялся изучать JavaScript. Стоит отметить, что там был очень крутой преподаватель Егор Яковишен — мне очень понравилось, как он все объяснял, и что по каждому уроку в целом выдавался списочек того, что есть в JS на эту тематику.\n\nНа изучение верстки и JS на каком-то несильном уровне у меня ушло примерно три месяца. Мои занятия были не очень регулярные: на тот момент я учился на последнем курсе в университете и был ограничен во времени, а и иногда просто терял мотивацию и брал перерыв на какое-то время.\n\nЯ понимал, что еще совсем сыроват, но нужно было закрепить свои знания на практике и попробовать что-то сделать: я наткнулся на тестовое задание на стажировку в «Авито». Несмотря на то, что все его делали на React, я написал его на чистом JS и залил на Github — чтобы у меня начало складываться некое портфолио.\n\nЗатем я наткнулся на стажировку в «Яндекс», где даже сумел пройти первый этап. Туда меня тоже не взяли, так как я совсем еще мало умел. Подробнее о ней можно почитать [здесь](https://ru.hexlet.io/blog/posts/kak-ya-prohodil-otbor-na-stazhirovku-v-yandekse).\n\n## Знакомство с Хекслетом: React и Redux\n\nЯ прекрасно понимал, что в нынешних реалиях я, не зная хотя бы один из фреймворков: React, Vue или Angular, практически никому не нужен. Я попробовал курс Владлена Минина по React, но он мне совсем не понравился: очень много базовых моментов было упущено и как будто можно было въехать, только если ты раньше уже что-то знал про React. В тот момент я совсем не умел учить что-то по документации — и мне предстояла просто невероятная для меня на тот момент задача: где же выучить React?\n\nИ тут стоит упомянуть, что когда я делал тестовое на Авито я скроллил всякие решения и наткнулся на одного парня, решение которого на React мне показалось достаточно симпатичным и профессиональным. На его Github была указана его почта, так что я смог связаться с ним и спросить, где он учил этот фреймворк. Так я и узнал о Хекслете, написал 4 статьи для получения промокода и принялся изучать React.\n\nЯ сразу почувствовал, что Хекслет — это прям для меня:\n\n1. Не нужно подстраиваться под какие-то трансляции, я могу сам выбирать время для обучения\n2. Вся информация подается в текстовом формате. Мне не нужно приостанавливать видео и откатывать его назад, если я что-то не понял — все уже передо мной\n3. Все истолковано круто и достаточно подробно, в очень понятном виде\n4. Есть примеры с лучшими практиками — как стоит делать и как не стоит. Получаешь сразу некоторые типовые решения небольших задач, которые затем можно спроектировать на что-то более большое\n5. После каждого урока есть закрепляющее задание, которое помогает разобраться в материале. Все мы знаем, что нет способа лучше понять материал, чем как закрепить его на практике. Кроме того, для каждого из подобных заданий есть эталонное решение учителя.\n\nМне настолько понравилось, что я решил задержаться: прошел курс по Redux, а затем принялся просматривать все курсы, в которых чувствовал у себя самые большие пробелы: начал с курса по настройке окружения и Git, а затем начал проходить уже различные курсы именно по JS: прошел курсы по массивам, объектам и разные другие. Несмотря на то, что эти темы не были для меня чем-то новым, я хотел пройти их именно с точки зрения Хекслета: узнать лучшие решения каких-то типовых ситуаций и все такое.\n\n## Поиск работы\n\nПосле того, как я выучил React и Redux, мне показалось, что теперь я точно должен соответствовать каким-то минимальным требованиями на позицию джуна и начал активно искать работу. Я откликался на множество вакансий для начинающих программистов, но зачастую мне просто не отвечали. Возможно слишком критичным было, что у меня не было опыта работы, хотя я ради приличия приписал себе 3 месяца фриланса — понадеялся, что это даст какой-то псевдоэффект.\n\nЯ посчитал, что работодателям совсем негде смотреть мой код: в моем репозитории на Github все еще оставался всего один проект на чистом JS, который уже был 2-месячной давности. К счастью, я открыл для себя базу открытых тестовых заданий Хекслета, нашел там два тестовых себе по душе, сделал их и залил на Github. Я чувствовал, что теперь у меня есть какое-то портфолио и работодатели могут посмотреть как я пишу код. \n\nПараллельно с этим я гуглил статьи из разряда «Вопросы на собеседовании JavaScript» и прорешивал задачки оттуда: в основном это задания на фундаментальные основы языка и разного рода алгоритмические задачки. Хорошо, что подобные упражнения по сути решаются после каждого урока на Хекслете, так что это дало мне большое преимущество.\n\nПервое время я откликался просто на все подряд: меня либо игнорировали, либо предлагали сделать тестовое задание или прислать ссылку на подобное сделанное. В одну компанию меня даже взяли после этого, но я в итоге решил, что меня не совсем устраивают их условия.\n\nИногда я позволял себе откликаться на вакансии, где вилка зарплаты явно не для моего уровня, но указано «без опыта работы» — надеялся, что они ищут разработчиков разных грейдов и у меня есть шансы. Пару раз я приходил на такие собеседования, не было никаких алгоритмических секций, меня спрашивали с чем я вообще работал, а на следующий день я получал отказ. Я не рассчитывал, что меня возьмут на эти вакансии, но соглашался на собеседования ради опыта.\n\nВ конце концов я увидел классную вакансию на мидл фронтенд-разработчика у себя в городе — это стало для меня большим удивлением, потому что мне казалось, что у нас в городе вообще нет нормальных компаний, занимающихся веб-разработкой. Я понимал, что я явно не миддл, но подумал, что стоит откликнуться — чтобы хотя бы дать знать о своем существовании и, возможно, когда им нужен будет джун, они вспомнят обо мне.\n\n## Первая работа фронтенд-разработчиком\n\nВ итоге так и вышло: спустя две недели они написали мне, что у них открыта вакансия для разработчика моего уровня, я сделал тестовое и меня пригласили на работу — так и началась моя карьера программистом!\n\nНа работе мне сразу сказали, что первые пару месяцев я буду в основном заниматься версткой, потому что видно, что она у меня хромает, а фронтендер должен уметь хорошо верстать. Я на самом деле сам знал, что у меня с этим проблема, поэтому с пониманием отнесся к этой фразе: подумал, главное, чтобы я не превратился в верстальщика. Для того, чтобы улучшить свои навыки, я купил подписку на тренажеры HTML Academy. И действительно, я лучше разобрался во многих вещах и стал чувствовать себя гораздо увереннее. В итоге первое время я в основном занимался версткой и периодически писал что-то на нативном JS, так как проекты были немного староваты.\n\nСпустя время на меня упала ответственность написать небольшое веб-приложение с использованием Next.js. На тот момент я совсем не знал, что такое Server Side Rendering и в чем его отличие от того, если бы я написал проект просто с использованием React. Тем не менее я был очень рад тому, что я действительно напишу что-то стоящее и даже сыграю в этом значимую роль как разработчик. На тот момент я еще не знал многих вещей, поэтому коллеги более старшего грейда охотно помогали мне, и в рамках даже одного этого проекта я успел неплохо улучшить свои навыки.\n\nДальше мне предстояло с нуля освоить Vue и Nuxt — поначалу мне было очень тяжело перейти с React (потому что, как минимум, мне больше нравилось писать на нем) и я плевался во все стороны, но спустя время я привык. Я становился более самостоятельным, надо мной уже не нужен был какой-то дотошный контроль и зона моей ответственности постепенно увеличивалась. Я получал удовольствие от того, что я делаю, и мне нравилось сталкиваться с различными интересными задачами.\n\n## Переход на новое место\n\nКогда я проработал уже более полугода, я стал замечать, что моя компания немного уткнулась в то, что уже имеет: мы не пробуем какие-то другие технологии, а даже не внедряем различные практики, которые есть в более классных компаниях. Мне очень нравилась моя работа, но я стал чувствовать некую стагнацию, поэтому решил просто открыть резюме на HH: не откликался ни на какие вакансии, просто подумал, что если прилетит какое-то достойное предложение, то я его рассмотрю. Помимо этого мне просто хотелось проходить собеседования, чтобы оставаться тонусе.\n\nВ итоге так и вышло: примерно через неделю мне написала HR из компании KTS: скинула несколько вакансий и подробное описание вакансий и компании в целом. Мне невероятно все понравилось, я посмотрел вакансии и с грустью ответил: «Знаете, я посмотрел ваши вакансии, мне очень все нравится, но, вероятно, я не тот кого вы ищете. Вам явно нужен миддл, а я явно джун».\n\nМне сказали, что джунов они тоже рассматривают и настояли на техническом собеседовании, и я решил согласиться. Собеседование было очень интересным и состояло из двух секций: первая больше про JS, вторая про React.\n\nВ рамках первой секции мне нужно было решить несколько алгоритмических задач, которое в то же время были связаны с замыканием, контекстом и промисами.\n\nВо второй секции мне задавали много вопросов про React, а в частности про хуки и особенности их использования. Тут я должен сказать отдельное спасибо Youtube-каналу Archakov Blog, видео на котором очень сильно помогли мне разобраться с даже самыми редкоиспользуемыми хуками, без него бы я не вывез в тот день. Также мне предстояло написать небольшой HOC.\n\nВ конце собеседования я поблагодарил интервьюера и сказал, что мне было очень интересно — на тот момент я не проходил собеседования 8 месяцев, немного растерялся и задачки решил с подсказками. Я действительно получил удовольствие от этого процесса, но сам оценивал свой результат скорее как нечто среднее, поэтому просто расценил это для себя как хороший опыт.\n\nНо каково же было мое удивление когда спустя пару дней мне написала менеджер проектов и выслала оффер! Мне пришлось трижды все перечитать, чтобы сначала поверить в происходящее, а уже затем я начал раздумывать что мне с этим делать. \n\nЯ решил, что это хорошая возможность для меня расти как специалисту, поэтому принял оффер, на хорошей ноте расстался со своим предыдущим местом работы и полетел в Москву знакомиться со своими новыми коллегами. Мне предложили удаленную работу, так как я нахожусь в другом городе, но я посчитал хорошей идеей прилететь и первое время поработать из офиса, чтобы лучше прочувствовать весь процесс.\n\nУже 2 месяца я работаю на новом месте — сначала мне было просто невероятно тяжело, но сейчас уже втянулся в процесс и стараюсь постепенно прогрессировать. Я снова начал писать на React, который мне так нравится. За небольшое время на новом месте я уже успел поработать с новыми для себя TypeScript, MobX, StoryBook, а также сильно прокачался в ООП и архитектуре веб-приложений. Тут у нас даже есть свой uikit.\n\nУ нас уделяют большое внимание развитию сотрудников:\n\n1. Каждый коммит проходит код-ревью\n2. За каждым сотрудником закреплен наставник, который проводит еженедельные 1to1 встречи. На них происходит обсуждение задач и вообще всего: компания уделяет внимание тому, чтобы сотруднику было комфортно и интересно заниматься тем, что он делает, а также учитывает предпочтения и помогает ставить цели и следовать плану развития\n3. Существует матрица грейдов с прозрачными критериями: каждые полгода проходит техническое ревью, по результатам которого сотрудник может перейти на грейд выше, либо наставник может порекомендовать его к повышению\n4. Помимо этого у нас своя школа разработки, где мы учим студентов технологиям, которые сами применяем на проектах. В рамках школы можно реализовать себя в роли преподавателя или наставника\n\nСейчас я планирую закрепиться на текущем месте работе и постараться освоить то, в чем я еще не так сильно разбираюсь.\n\nМоментами может показаться, что мой результат закономерен: мне нравилась математика, я учился на технической специальности. Но стоит обратить внимание лишь на одно: мне совсем не нравилось программирование, до тех пор, пока у меня не начало что-то получаться, а ВУЗ дал лишь мне базовые навыки — все пришлось учить самостоятельно.\n\n::posts\n\n**Какие итоги я бы хотел подчеркнуть из своего опыта и что хотел бы сказать тем, кто только на пути становления в профессии:**\n\n1. Учеба в университете на технической специальности не является каким-то решающим фактором, в основном все знания приходится осваивать самому\n\n2. У вас тысячу раз будут опускаться руки, вам будет казаться, что все вокруг заинтересованы этим гораздо больше вас и у них лучше получается, но вы не должны сдаваться. Станет легче. С каждым днем становится немножко легче. Но делать нужно каждый день — это самое трудное. Но легче обязательно станет.\n\n3. Никогда не бойтесь показаться глупыми на собеседовании или что-то в этом роде, будьте смелыми и упорными. Нельзя сдаваться не только после одной, но и после ста неудач\n\n4. Постоянно занимайтесь самообразованием\n\n5. Старайтесь практиковать написание кода на листочке — это очень полезно\n\n6. Решайте алгоритмические или логические задачки — они действительно помогут вам в решении рабочих задач.\n","reading_time":11,"url":"https://ru.hexlet.io/blog/posts/kak-stat-programmistom-ne-poluchaya-ot-etogo-udovolstviya","cover_thumb_variant":null,"cover_list_variant":"/vite/assets/blog_post-7eTyeLLt.webp","cover_main_variant":"/vite/assets/blog_post-7eTyeLLt.webp","related_stacks_count":5},"relatedPosts":[{"model_name":"BlogPost","id":1646,"title":"Как полтора года я безуспешно проходил собеседования на PHP-разработчика, а в итоге стал программистом на Ruby on Rails","slug":"php-vs-ror","summary":"Привет, я Паша, мне 31 год, и уже полгода я работаю Ruby on Rails разработчиком. Это моя история, как я учился, полтора года пытался стать PHP-разработчиком, а потом прошел интенсив Хекслета и Rubyroid Labs по Ruby и практически сразу нашел работу.","created_at":"2021-12-12T13:37:44.008Z","published_at":"2022-04-13T11:14:27.931Z","cover_list_variant":"/vite/assets/blog_post-7eTyeLLt.webp"},{"model_name":"BlogPost","id":554,"title":"Как гуманитарию попасть в IT после 30 с маленьким ребенком и ипотекой","slug":"kak-gumanitariyu-popast-v-it-posle-30-s-malenkim-rebenkom-i-ipotekoy","summary":"Привет! Меня зовут Юрий Бачевский, и это моя история успеха — как после 30 лет уйти в IT, имея ипотеку и маленького ребенка.","created_at":"2019-11-15T10:26:36.618Z","published_at":"2022-01-24T09:53:03.554Z","cover_list_variant":"/vite/assets/blog_post-7eTyeLLt.webp"},{"model_name":"BlogPost","id":1615,"title":"Как фотограф и вахтовик написал свое приложение для обработки снимков, которое приносит $2 тыс ежемесячно","slug":"JavaScript-vs-Photoshop","summary":"Фотограф из Башкирии Вильдан рассказывает, как JavaScript помог ему создать собственное приложение для обработки фотографий, которое приносит ему каждый месяц более $2 тыс.","created_at":"2021-11-19T23:51:17.961Z","published_at":"2021-12-15T08:26:57.964Z","cover_list_variant":"/vite/assets/blog_post-7eTyeLLt.webp"}],"category":{"id":3,"name":"Истории успеха","slug":"success","state":"published","created_at":"2016-07-30T12:57:18.308Z"},"mainStackCategory":{"id":2,"name":"Курсы по веб-разработке","slug":"web_development","short_name":"Веб-разработка","order":190,"state":"published","category_slug":"courses_web_development"},"categories":[{"id":6,"name":"Мотивация","slug":"motivation","state":"published","created_at":"2016-10-06T18:31:38.903Z"},{"id":3,"name":"Истории успеха","slug":"success","state":"published","created_at":"2016-07-30T12:57:18.308Z"},{"id":14,"name":"Дневник студента","slug":"student-diary","state":"published","created_at":"2019-02-25T13:27:09.471Z"},{"id":4,"name":"Код","slug":"code","state":"published","created_at":"2016-08-23T13:33:44.258Z"},{"id":12,"name":"Карьера","slug":"career","state":"published","created_at":"2017-07-21T15:42:21.481Z"}],"relatedLandings":[{"stack":{"id":12,"slug":"frontend","title":"Фронтенд-разработчик","audience":"for_beginners","start_type":"weekly","pricing_model":"purchase","priority":"high","kind":"profession","state":"published","stack_state":"finished","order":20,"duration_in_months":10},"id":17,"slug":"frontend","title":"Фронтенд-разработчик","subtitle":"Изучите HTML, CSS, JavaScript и React","subtitle_for_lists":"Изучите HTML, CSS, JavaScript и React","locale":"ru","current":true,"duration_in_months_text":"10 месяцев","stack_slug":"frontend","price_text":"от 6 792 ₽","duration_text":"10 месяцев","cover_list_variant":"https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzcyNywicHVyIjoiYmxvYl9pZCJ9fQ==--2d5cbbf5c3b4a73ae4b2c50632305d78f5872e4d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Programmer-rafiki.png"},{"stack":{"id":23,"slug":"js-react-development","title":"React","audience":"for_programmers","start_type":"anytime","pricing_model":"subscription","priority":"medium","kind":"track","state":"published","stack_state":"finished","order":350,"duration_in_months":2},"id":34,"slug":"js-react-developer","title":"React","subtitle":"Навык разрабатывать быстрые и удобные интерфейсы, открывающий доступ к интересным вакансиям в крупных компаниях","subtitle_for_lists":"Освоите React и создание быстрых интерфейсов","locale":"ru","current":true,"duration_in_months_text":"2 месяца","stack_slug":"js-react-development","price_text":"от 3 900 ₽","duration_text":"2 месяца","cover_list_variant":"https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0OSwicHVyIjoiYmxvYl9pZCJ9fQ==--a6531362dd1f3afb65f5b269e1a23113df7171b1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Devices-amico.png"},{"stack":{"id":52,"slug":"typescript","title":"Typescript","audience":"for_programmers","start_type":"anytime","pricing_model":"subscription","priority":"medium","kind":"track","state":"published","stack_state":"finished","order":200,"duration_in_months":2},"id":92,"slug":"typescript","title":"Typescript","subtitle":"Навык снижать ошибки, упрощать отладку, повышать качество кода и ускорять разработку с автодополнением и типизацией","subtitle_for_lists":"Изучите Typescript и получите навык снижать ошибки, упрощать отладку","locale":"ru","current":true,"duration_in_months_text":"2 месяца","stack_slug":"typescript","price_text":"от 3 900 ₽","duration_text":"2 месяца","cover_list_variant":"https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzcwOSwicHVyIjoiYmxvYl9pZCJ9fQ==--03e50bbd408fef672ad099f7b2a258d80f54ad96/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Hand%20coding-bro.png"},{"stack":{"id":19,"slug":"layout-designer","title":"Профессиональная верстка","audience":"for_beginners","start_type":"anytime","pricing_model":"purchase","priority":"medium","kind":"track","state":"published","stack_state":"finished","order":1700,"duration_in_months":5},"id":26,"slug":"professional-layout","title":"Профессиональная верстка","subtitle":"Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях","subtitle_for_lists":"Адаптивная вёрстка для отображения на любых устройствах ","locale":"ru","current":true,"duration_in_months_text":"5 месяцев","stack_slug":"layout-designer","price_text":"от 3 900 ₽","duration_text":"5 месяцев","cover_list_variant":"https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAzNCwicHVyIjoiYmxvYl9pZCJ9fQ==--ba516ea9573bdfcd1d21e2aa0fff8818561828f2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Typing-bro.png"},{"stack":{"id":41,"slug":"layout-designer-positioning","title":"Позиционирование в CSS","audience":"for_programmers","start_type":"anytime","pricing_model":"subscription","priority":"medium","kind":"track","state":"published","stack_state":"finished","order":4800,"duration_in_months":1},"id":70,"slug":"layout-designer-positioning","title":"Позиционирование в CSS","subtitle":"Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств","subtitle_for_lists":"Получите навык работы с CSS и адаптивными интерфейсами","locale":"ru","current":true,"duration_in_months_text":"1 месяц","stack_slug":"layout-designer-positioning","price_text":"от 3 900 ₽","duration_text":"1 месяц","cover_list_variant":"https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAwNCwicHVyIjoiYmxvYl9pZCJ9fQ==--43a2eb3595eeebb3357d478cbcb752d0026363de/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Website%20Creator-cuate.png"}]},"url":"/blog/posts/kak-stat-programmistom-ne-poluchaya-ot-etogo-udovolstviya","version":"8f286f6358a90a7bef2263b3a6edf5a90a94fa42","encryptHistory":false,"clearHistory":false}"><style data-mantine-styles="true">:root, :host{--mantine-font-family: Arial, sans-serif;--mantine-font-family-headings: Arial, sans-serif;--mantine-heading-font-weight: normal;--mantine-radius-default: 0rem;--mantine-primary-color-filled: var(--mantine-color-indigo-filled);--mantine-primary-color-filled-hover: var(--mantine-color-indigo-filled-hover);--mantine-primary-color-light: var(--mantine-color-indigo-light);--mantine-primary-color-light-hover: var(--mantine-color-indigo-light-hover);--mantine-primary-color-light-color: var(--mantine-color-indigo-light-color);--mantine-spacing-xxl: calc(4rem * var(--mantine-scale));--mantine-font-size-xs: 12px;--mantine-font-size-sm: 14px;--mantine-font-size-md: 16px;--mantine-font-size-lg: clamp(16.0000px, calc(15.2727px + 0.2273vw), 18.0000px);--mantine-font-size-xl: clamp(16.0000px, calc(14.5455px + 0.4545vw), 20.0000px);--mantine-font-size-display-3: clamp(32.0000px, calc(26.1818px + 1.8182vw), 48.0000px);--mantine-font-size-display-2: clamp(36.0000px, calc(25.8182px + 3.1818vw), 64.0000px);--mantine-font-size-display-1: clamp(40.0000px, calc(25.4545px + 4.5455vw), 80.0000px);--mantine-font-size-h1: clamp(28.0000px, calc(23.6364px + 1.3636vw), 40.0000px);--mantine-font-size-h2: clamp(24.0000px, calc(21.0909px + 0.9091vw), 32.0000px);--mantine-font-size-h3: clamp(20.0000px, calc(17.0909px + 0.9091vw), 28.0000px);--mantine-font-size-h4: clamp(16.0000px, calc(13.0909px + 0.9091vw), 24.0000px);--mantine-font-size-h5: clamp(16.0000px, calc(14.5455px + 0.4545vw), 20.0000px);--mantine-font-size-h6: 1rem;--mantine-primary-color-0: var(--mantine-color-indigo-0);--mantine-primary-color-1: var(--mantine-color-indigo-1);--mantine-primary-color-2: var(--mantine-color-indigo-2);--mantine-primary-color-3: var(--mantine-color-indigo-3);--mantine-primary-color-4: var(--mantine-color-indigo-4);--mantine-primary-color-5: var(--mantine-color-indigo-5);--mantine-primary-color-6: var(--mantine-color-indigo-6);--mantine-primary-color-7: var(--mantine-color-indigo-7);--mantine-primary-color-8: var(--mantine-color-indigo-8);--mantine-primary-color-9: var(--mantine-color-indigo-9);--mantine-color-red-0: #ffeaea;--mantine-color-red-1: #fed4d4;--mantine-color-red-2: #f4a7a8;--mantine-color-red-3: #ec7878;--mantine-color-red-4: #e55050;--mantine-color-red-5: #e03131;--mantine-color-red-6: #e02829;--mantine-color-red-7: #c71a1c;--mantine-color-red-8: #b21218;--mantine-color-red-9: #9c0411;--mantine-color-violet-0: #fce9ff;--mantine-color-violet-1: #f1cfff;--mantine-color-violet-2: #e09bff;--mantine-color-violet-3: #d16fff;--mantine-color-violet-4: #be37fe;--mantine-color-violet-5: #b51afe;--mantine-color-violet-6: #b009ff;--mantine-color-violet-7: #9b00e4;--mantine-color-violet-8: #8a00cc;--mantine-color-violet-9: #7800b3;--mantine-color-indigo-0: #edecff;--mantine-color-indigo-1: #d6d5fe;--mantine-color-indigo-2: #aaa9f4;--mantine-color-indigo-3: #7b79eb;--mantine-color-indigo-4: #5451e4;--mantine-color-indigo-5: #3b37e0;--mantine-color-indigo-6: #2d2adf;--mantine-color-indigo-7: #1f1ec7;--mantine-color-indigo-8: #1819b2;--mantine-color-indigo-9: #0c149e;--mantine-color-cyan-0: #dffdff;--mantine-color-cyan-1: #caf5ff;--mantine-color-cyan-2: #99e8ff;--mantine-color-cyan-3: #64daff;--mantine-color-cyan-4: #3ccffe;--mantine-color-cyan-5: #24c8fe;--mantine-color-cyan-6: #00c2ff;--mantine-color-cyan-7: #00ade4;--mantine-color-cyan-8: #009acd;--mantine-color-cyan-9: #0085b5;--mantine-color-green-0: #e9fdec;--mantine-color-green-1: #d7f6dc;--mantine-color-green-2: #b0eab9;--mantine-color-green-3: #86df94;--mantine-color-green-4: #62d574;--mantine-color-green-5: #4ccf5f;--mantine-color-green-6: #3fcc54;--mantine-color-green-7: #2fb344;--mantine-color-green-8: #25a03b;--mantine-color-green-9: #138a2e;--mantine-color-yellow-0: #fff7e2;--mantine-color-yellow-1: #ffeecd;--mantine-color-yellow-2: #ffdc9c;--mantine-color-yellow-3: #ffc966;--mantine-color-yellow-4: #feb93a;--mantine-color-yellow-5: #feae1e;--mantine-color-yellow-6: #ffa90f;--mantine-color-yellow-8: #ca8200;--mantine-color-yellow-9: #af7000;--mantine-h1-font-size: clamp(28.0000px, calc(23.6364px + 1.3636vw), 40.0000px);--mantine-h1-font-weight: normal;--mantine-h2-font-size: clamp(24.0000px, calc(21.0909px + 0.9091vw), 32.0000px);--mantine-h2-font-weight: normal;--mantine-h3-font-size: clamp(20.0000px, calc(17.0909px + 0.9091vw), 28.0000px);--mantine-h3-font-weight: normal;--mantine-h4-font-size: clamp(16.0000px, calc(13.0909px + 0.9091vw), 24.0000px);--mantine-h4-font-weight: normal;--mantine-h5-font-size: clamp(16.0000px, calc(14.5455px + 0.4545vw), 20.0000px);--mantine-h5-font-weight: normal;--mantine-h6-font-size: 1rem;--mantine-h6-font-weight: normal;}
:root[data-mantine-color-scheme="dark"], :host([data-mantine-color-scheme="dark"]){--mantine-color-anchor: var(--mantine-color-text);--mantine-color-dimmed: #495057;--mantine-color-dark-filled: var(--mantine-color-dark-5);--mantine-color-dark-filled-hover: var(--mantine-color-dark-6);--mantine-color-dark-light: rgba(105, 105, 105, 0.15);--mantine-color-dark-light-hover: rgba(105, 105, 105, 0.2);--mantine-color-dark-light-color: var(--mantine-color-dark-0);--mantine-color-dark-outline: var(--mantine-color-dark-1);--mantine-color-dark-outline-hover: rgba(184, 184, 184, 0.05);--mantine-color-gray-filled: var(--mantine-color-gray-5);--mantine-color-gray-filled-hover: var(--mantine-color-gray-6);--mantine-color-gray-light: rgba(222, 226, 230, 0.15);--mantine-color-gray-light-hover: rgba(222, 226, 230, 0.2);--mantine-color-gray-light-color: var(--mantine-color-gray-0);--mantine-color-gray-outline: var(--mantine-color-gray-1);--mantine-color-gray-outline-hover: rgba(241, 243, 245, 0.05);--mantine-color-red-filled: var(--mantine-color-red-5);--mantine-color-red-filled-hover: var(--mantine-color-red-6);--mantine-color-red-light: rgba(236, 120, 120, 0.15);--mantine-color-red-light-hover: rgba(236, 120, 120, 0.2);--mantine-color-red-light-color: var(--mantine-color-red-0);--mantine-color-red-outline: var(--mantine-color-red-1);--mantine-color-red-outline-hover: rgba(254, 212, 212, 0.05);--mantine-color-pink-filled: var(--mantine-color-pink-5);--mantine-color-pink-filled-hover: var(--mantine-color-pink-6);--mantine-color-pink-light: rgba(250, 162, 193, 0.15);--mantine-color-pink-light-hover: rgba(250, 162, 193, 0.2);--mantine-color-pink-light-color: var(--mantine-color-pink-0);--mantine-color-pink-outline: var(--mantine-color-pink-1);--mantine-color-pink-outline-hover: rgba(255, 222, 235, 0.05);--mantine-color-grape-filled: var(--mantine-color-grape-5);--mantine-color-grape-filled-hover: var(--mantine-color-grape-6);--mantine-color-grape-light: rgba(229, 153, 247, 0.15);--mantine-color-grape-light-hover: rgba(229, 153, 247, 0.2);--mantine-color-grape-light-color: var(--mantine-color-grape-0);--mantine-color-grape-outline: var(--mantine-color-grape-1);--mantine-color-grape-outline-hover: rgba(243, 217, 250, 0.05);--mantine-color-violet-filled: var(--mantine-color-violet-5);--mantine-color-violet-filled-hover: var(--mantine-color-violet-6);--mantine-color-violet-light: rgba(209, 111, 255, 0.15);--mantine-color-violet-light-hover: rgba(209, 111, 255, 0.2);--mantine-color-violet-light-color: var(--mantine-color-violet-0);--mantine-color-violet-outline: var(--mantine-color-violet-1);--mantine-color-violet-outline-hover: rgba(241, 207, 255, 0.05);--mantine-color-indigo-filled: var(--mantine-color-indigo-5);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-6);--mantine-color-indigo-light: rgba(123, 121, 235, 0.15);--mantine-color-indigo-light-hover: rgba(123, 121, 235, 0.2);--mantine-color-indigo-light-color: var(--mantine-color-indigo-0);--mantine-color-indigo-outline: var(--mantine-color-indigo-1);--mantine-color-indigo-outline-hover: rgba(214, 213, 254, 0.05);--mantine-color-blue-filled: var(--mantine-color-blue-5);--mantine-color-blue-filled-hover: var(--mantine-color-blue-6);--mantine-color-blue-light: rgba(116, 192, 252, 0.15);--mantine-color-blue-light-hover: rgba(116, 192, 252, 0.2);--mantine-color-blue-light-color: var(--mantine-color-blue-0);--mantine-color-blue-outline: var(--mantine-color-blue-1);--mantine-color-blue-outline-hover: rgba(208, 235, 255, 0.05);--mantine-color-cyan-filled: var(--mantine-color-cyan-5);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-6);--mantine-color-cyan-light: rgba(100, 218, 255, 0.15);--mantine-color-cyan-light-hover: rgba(100, 218, 255, 0.2);--mantine-color-cyan-light-color: var(--mantine-color-cyan-0);--mantine-color-cyan-outline: var(--mantine-color-cyan-1);--mantine-color-cyan-outline-hover: rgba(202, 245, 255, 0.05);--mantine-color-teal-filled: var(--mantine-color-teal-5);--mantine-color-teal-filled-hover: var(--mantine-color-teal-6);--mantine-color-teal-light: rgba(99, 230, 190, 0.15);--mantine-color-teal-light-hover: rgba(99, 230, 190, 0.2);--mantine-color-teal-light-color: var(--mantine-color-teal-0);--mantine-color-teal-outline: var(--mantine-color-teal-1);--mantine-color-teal-outline-hover: rgba(195, 250, 232, 0.05);--mantine-color-green-filled: var(--mantine-color-green-5);--mantine-color-green-filled-hover: var(--mantine-color-green-6);--mantine-color-green-light: rgba(134, 223, 148, 0.15);--mantine-color-green-light-hover: rgba(134, 223, 148, 0.2);--mantine-color-green-light-color: var(--mantine-color-green-0);--mantine-color-green-outline: var(--mantine-color-green-1);--mantine-color-green-outline-hover: rgba(215, 246, 220, 0.05);--mantine-color-lime-filled: var(--mantine-color-lime-5);--mantine-color-lime-filled-hover: var(--mantine-color-lime-6);--mantine-color-lime-light: rgba(192, 235, 117, 0.15);--mantine-color-lime-light-hover: rgba(192, 235, 117, 0.2);--mantine-color-lime-light-color: var(--mantine-color-lime-0);--mantine-color-lime-outline: var(--mantine-color-lime-1);--mantine-color-lime-outline-hover: rgba(233, 250, 200, 0.05);--mantine-color-yellow-filled: var(--mantine-color-yellow-5);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-6);--mantine-color-yellow-light: rgba(255, 201, 102, 0.15);--mantine-color-yellow-light-hover: rgba(255, 201, 102, 0.2);--mantine-color-yellow-light-color: var(--mantine-color-yellow-0);--mantine-color-yellow-outline: var(--mantine-color-yellow-1);--mantine-color-yellow-outline-hover: rgba(255, 238, 205, 0.05);--mantine-color-orange-filled: var(--mantine-color-orange-5);--mantine-color-orange-filled-hover: var(--mantine-color-orange-6);--mantine-color-orange-light: rgba(255, 192, 120, 0.15);--mantine-color-orange-light-hover: rgba(255, 192, 120, 0.2);--mantine-color-orange-light-color: var(--mantine-color-orange-0);--mantine-color-orange-outline: var(--mantine-color-orange-1);--mantine-color-orange-outline-hover: rgba(255, 232, 204, 0.05);--app-cta-gradient: linear-gradient(90deg, var(--mantine-color-blue-9) 0%, var(--mantine-color-cyan-7) 100%);--app-color-surface: #2e2e2e;}
:root[data-mantine-color-scheme="light"], :host([data-mantine-color-scheme="light"]){--mantine-color-anchor: var(--mantine-color-text);--mantine-color-dimmed: #495057;--mantine-color-red-light: rgba(224, 40, 41, 0.1);--mantine-color-red-light-hover: rgba(224, 40, 41, 0.12);--mantine-color-red-outline-hover: rgba(224, 40, 41, 0.05);--mantine-color-violet-light: rgba(176, 9, 255, 0.1);--mantine-color-violet-light-hover: rgba(176, 9, 255, 0.12);--mantine-color-violet-outline-hover: rgba(176, 9, 255, 0.05);--mantine-color-indigo-light: rgba(45, 42, 223, 0.1);--mantine-color-indigo-light-hover: rgba(45, 42, 223, 0.12);--mantine-color-indigo-outline-hover: rgba(45, 42, 223, 0.05);--mantine-color-cyan-light: rgba(0, 194, 255, 0.1);--mantine-color-cyan-light-hover: rgba(0, 194, 255, 0.12);--mantine-color-cyan-outline-hover: rgba(0, 194, 255, 0.05);--mantine-color-green-light: rgba(63, 204, 84, 0.1);--mantine-color-green-light-hover: rgba(63, 204, 84, 0.12);--mantine-color-green-outline-hover: rgba(63, 204, 84, 0.05);--mantine-color-yellow-light: rgba(255, 169, 15, 0.1);--mantine-color-yellow-light-hover: rgba(255, 169, 15, 0.12);--mantine-color-yellow-outline-hover: rgba(255, 169, 15, 0.05);--app-color-surface: #f1f3f5;--app-cta-gradient: linear-gradient(90deg, var(--mantine-color-blue-filled) 0%, var(--mantine-color-cyan-5) 100%);}</style><style data-mantine-styles="classes">@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}</style><script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","author":"Александр Ковалец","name":"Как стать программистом, не получая от этого удовольствия. И уже потом влюбиться в профессию","datePublished":"2021-12-27T09:26:38.659Z","headline":"Всем привет! Меня зовут Александр, мне 23 года и я фронтенд-разработчик в KTS Studio. Это моя история успеха о том, как можно стать разработчиком, когда тебе не нравится программирование, а потом влюбиться в профессию.","image":"/vite/assets/blog_post-7eTyeLLt.webp","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":29}]}</script><div style="--container-size:var(--container-size-lg);margin-top:var(--mantine-spacing-xl);height:100%" class="m_7485cace mantine-Container-root" data-size="lg" data-strategy="block"><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"position":1,"@type":"ListItem","item":{"@id":"/blog","name":"Блог Хекслета"}},{"position":2,"@type":"ListItem","item":{"@id":"/blog/categories/success","name":"Истории успеха"}},{"position":3,"@type":"ListItem","item":{"@id":"/blog/posts/kak-stat-programmistom-ne-poluchaya-ot-etogo-udovolstviya","name":"Как стать программистом, не получая от этого удовольствия. И уже потом влюбиться в профессию"}}]}</script><div style="margin-bottom:var(--mantine-spacing-xs)" class="m_8b3717df mantine-Breadcrumbs-root"><a style="--text-fz:var(--mantine-font-size-sm);--text-lh:var(--mantine-line-height-sm);white-space:normal;color:inherit" class="mantine-focus-auto m_849cf0da m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-size="sm" data-underline="hover" href="/"><div style="color:inherit" class="m_4451eb3a mantine-Center-root"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-home-link "><path d="M20.085 11.085l-8.085 -8.085l-9 9h2v7a2 2 0 0 0 2 2h4.5"></path><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 1.807 1.143"></path><path d="M20 21a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M20 16a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M15 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M21 16l-5 3l5 2"></path></svg></div></a><div class="m_3b8f2208 mantine-Breadcrumbs-separator">/</div><a style="--text-fz:var(--mantine-font-size-sm);--text-lh:var(--mantine-line-height-sm);white-space:normal;color:inherit" class="mantine-focus-auto m_849cf0da m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-size="sm" data-underline="hover" href="/blog">Блог Хекслета</a><div class="m_3b8f2208 mantine-Breadcrumbs-separator">/</div><a style="--text-fz:var(--mantine-font-size-sm);--text-lh:var(--mantine-line-height-sm);white-space:normal;color:inherit" class="mantine-focus-auto m_849cf0da m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-size="sm" data-underline="hover" href="/blog/categories/success">Истории успеха</a><div class="m_3b8f2208 mantine-Breadcrumbs-separator">/</div><p style="--text-fz:var(--mantine-font-size-sm);--text-lh:var(--mantine-line-height-sm);white-space:normal;color:var(--mantine-color-dimmed)" class="mantine-focus-auto m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root" data-size="sm">Как стать программистом, не получая от этого удовольствия. И уже потом влюбиться в профессию</p></div><style data-mantine-styles="inline">.__m__-_R_eub_{margin-bottom:var(--mantine-spacing-xs);}@media(min-width: 36em){.__m__-_R_eub_{margin-bottom:var(--mantine-spacing-xs);}}</style><div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m_4081bf90 mantine-Group-root __m__-_R_eub_"><style data-mantine-styles="inline">.__m__-_R_deub_{width:100%;}@media(min-width: 36em){.__m__-_R_deub_{width:70%;}}@media(min-width: 75em){.__m__-_R_deub_{width:75%;}}</style><div class="__m__-_R_deub_"><div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:start;--group-wrap:nowrap" class="m_4081bf90 mantine-Group-root"><h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size)" class="m_8a5d1357 mantine-Title-root" data-order="1">Как стать программистом, не получая от этого удовольствия. И уже потом влюбиться в профессию</h1></div></div></div><div style="position:absolute;top:calc(18.75rem * var(--mantine-scale))" class=""></div><style data-mantine-styles="inline">.__m__-_R_2iub_{--grid-gutter:var(--mantine-spacing-xl);}</style><div class="m_410352e9 mantine-Grid-root __m__-_R_2iub_"><div class="m_dee7bd2f mantine-Grid-inner"><style data-mantine-styles="inline">.__m__-_R_dmiub_{--col-flex-grow:auto;--col-flex-basis:100%;--col-max-width:100%;}@media(min-width: 48em){.__m__-_R_dmiub_{--col-flex-grow:auto;--col-flex-basis:83.33333333333334%;--col-max-width:83.33333333333334%;}}@media(min-width: 62em){.__m__-_R_dmiub_{--col-flex-grow:auto;--col-flex-basis:66.66666666666667%;--col-max-width:66.66666666666667%;}}</style><div class="m_96bdd299 mantine-Grid-col __m__-_R_dmiub_"><div style="--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;margin-bottom:var(--mantine-spacing-xl)" class="m_6d731127 mantine-Stack-root"><div class=""><div style="--group-gap:var(--mantine-spacing-xs);--group-align:center;--group-justify:flex-start;--group-wrap:wrap;margin-bottom:var(--mantine-spacing-xl)" class="m_4081bf90 mantine-Group-root"><button style="--badge-height:var(--badge-height-sm);--badge-padding-x:var(--badge-padding-x-sm);--badge-fz:var(--badge-fz-sm);--badge-bg:var(--mantine-color-default);--badge-color:var(--mantine-color-default-color);--badge-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);cursor:pointer;color:inherit" class="m_347db0ec mantine-Badge-root" data-variant="default" data-size="sm" type="button" aria-label="Фронтенд"><span class="m_5add502a mantine-Badge-label">Фронтенд</span></button></div><div style="--group-gap:calc(0.625rem * var(--mantine-scale));--group-align:center;--group-justify:flex-start;--group-wrap:wrap;margin-bottom:var(--mantine-spacing-sm);color:var(--mantine-color-gray-text)" class="m_4081bf90 mantine-Group-root"><div style="--group-gap:calc(0.1875rem * var(--mantine-scale));--group-align:center;--group-justify:flex-start;--group-wrap:wrap;margin-inline-end:var(--mantine-spacing-lg)" class="m_4081bf90 mantine-Group-root">27 декабря 2021 г.</div><div style="--group-gap:calc(0.1875rem * var(--mantine-scale));--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m_4081bf90 mantine-Group-root"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-clock "><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path><path d="M12 7v5l3 3"></path></svg></div>11 минут</div><div style="--group-gap:calc(0.1875rem * var(--mantine-scale));--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m_4081bf90 mantine-Group-root"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-thumb-up "><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3"></path></svg></div>29</div></div><div style="--ar-ratio:2" class="m_71ac47fc mantine-AspectRatio-root"><img style="--image-radius:var(--mantine-radius-md);--image-object-fit:cover;width:100%;height:100%" class="m_9e117634 mantine-Image-root" src="/vite/assets/blog_post-7eTyeLLt.webp" alt="Как стать программистом, не получая от этого удовольствия. И уже потом влюбиться в профессию"/></div></div><div role="link" tabindex="0" style="cursor:pointer"><button style="display:block;width:100%" class="mantine-focus-auto m_87cf2631 mantine-UnstyledButton-root" type="button" aria-label="Присоединяйтесь к нашему Telegram-сообществу"><div style="background-color:light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-6))" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root"><div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap" class="m_4081bf90 mantine-Group-root"><div style="--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;margin-inline-end:auto;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-brand-telegram "><path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4"></path></svg></div>Присоединяйтесь к нашему Telegram-сообществу</div></div></button></div><div style="margin-bottom:var(--mantine-spacing-xl)" class="m_d08caa0 mantine-Typography-root"><p><strong>Всем привет! Меня зовут Александр, мне 23 года и я фронтенд-разработчик в KTS Studio. Это моя история успеха о том, как можно стать разработчиком, когда тебе не нравится программирование, а потом влюбиться в профессию.</strong></p>
<h2 id="heading-2-1">Содержание</h2>
<ul>
<li><a style="text-decoration:underline" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="#heading-2-2">Школьные годы</a></li>
<li><a style="text-decoration:underline" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="#heading-2-3">Университет</a></li>
<li><a style="text-decoration:underline" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="#heading-2-4">Первая работа: 1С-программист</a></li>
<li><a style="text-decoration:underline" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="#heading-2-5">Начало изучения веб-программирования</a></li>
<li><a style="text-decoration:underline" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="#heading-2-6">Знакомство с Хекслетом: React и Redux</a></li>
<li><a style="text-decoration:underline" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="#heading-2-7">Поиск работы</a></li>
<li><a style="text-decoration:underline" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="#heading-2-8">Первая работа фронтенд-разработчиком</a></li>
<li><a style="text-decoration:underline" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="#heading-2-9">Переход на новое место</a></li>
</ul>
<h2 id="heading-2-2">Школьные годы</h2>
<p>Хочется начать мой рассказ с самой школы: в старших классах я стал понимать, что в отличие от подавляющей части окружающей меня людей я не задумывался о том, что будет после сдачи ЕГЭ и кем я хочу стать в будущем. Я знал, что не люблю биологию, обществознание, историю, зато точно понимал, что мне нравятся математика и информатика. Я учился на отлично, но так уж вышло, что никогда не чувствовал себя лучшим даже в своих любимых предметах.</p>
<p>Я хорошо знал математику, но иногда у меня складывалось ощущение, что я ее больше вызубрил, чем понимал, а на уроках информатики не мог написать даже простейшие задачки на Паскале. Сейчас уже точно не вспомнить, и, возможно я просто пропустил какие-то занятия и не смог догнать упущенное, но мне точно не нравилось программирование. У меня оно просто не получалось, а вникать не хотелось.</p>
<style data-mantine-styles="inline">.__m__-_R_dderddmiub_{--carousel-slide-gap:var(--mantine-spacing-xs);--carousel-slide-size:70%;}@media(min-width: 36em){.__m__-_R_dderddmiub_{--carousel-slide-gap:var(--mantine-spacing-xl);--carousel-slide-size:50%;}}</style><div style="--carousel-control-size:calc(2.5rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm);margin-bottom:var(--mantine-spacing-lg);padding-block:var(--mantine-spacing-sm);background:var(--app-color-surface)" class="m_17884d0f mantine-Carousel-root responsiveClassName" data-orientation="horizontal" data-include-gap-in-size="true"><div class="m_39bc3463 mantine-Carousel-controls" data-orientation="horizontal"><button class="mantine-focus-auto m_64f58e10 mantine-Carousel-control m_87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" data-type="previous" tabindex="-1"><svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(90deg);width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block"><path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></button><button class="mantine-focus-auto m_64f58e10 mantine-Carousel-control m_87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" data-type="next" tabindex="-1"><svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-90deg);width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block"><path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></button></div><div class="m_a2dae653 mantine-Carousel-viewport" data-type="media"><div class="m_fcd81474 mantine-Carousel-container __m__-_R_dderddmiub_" data-orientation="horizontal"><div class="m_d98df724 mantine-Carousel-slide" data-orientation="horizontal"><div tabindex="0" style="cursor:pointer;height:100%"><a style="text-decoration:none" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/programs/frontend?promo_name=programs_list&promo_position=blog_post&promo_creative=catalog_card&promo_type=card" target="_blank"><div style="height:100%" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root" data-with-border="true"><div style="--group-gap:calc(0.25rem * var(--mantine-scale));--group-align:center;--group-justify:flex-start;--group-wrap:nowrap" class="m_4081bf90 mantine-Group-root"><span style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">10 месяцев</span><span class="mantine-focus-auto m_b6d8b162 mantine-Text-root">·</span><span style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">С нуля</span></div><p style="margin-bottom:var(--mantine-spacing-sm);font-size:var(--mantine-font-size-h5);font-weight:bold" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Фронтенд-разработчик</p><p class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Изучите HTML, CSS, JavaScript и React</p><div style="margin-top:auto" class=""><div class="m_4451eb3a mantine-Center-root"><img style="opacity:0.8;width:70%" class="m_9e117634 mantine-Image-root mantine-visible-from-xs" src="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzcyNywicHVyIjoiYmxvYl9pZCJ9fQ==--2d5cbbf5c3b4a73ae4b2c50632305d78f5872e4d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Programmer-rafiki.png" alt="Фронтенд-разработчик" loading="eager"/></div><div style="--group-gap:var(--mantine-spacing-md);--group-align:end;--group-justify:space-between;--group-wrap:wrap;margin-top:var(--mantine-spacing-xs)" class="m_4081bf90 mantine-Group-root"><p style="font-size:var(--mantine-font-size-xl)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">от 6 792 ₽</p><p style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Посмотреть →</p></div></div></div></a></div></div><div class="m_d98df724 mantine-Carousel-slide" data-orientation="horizontal"><div tabindex="0" style="cursor:pointer;height:100%"><a style="text-decoration:none" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/programs/js-react-developer?promo_name=programs_list&promo_position=blog_post&promo_creative=catalog_card&promo_type=card" target="_blank"><div style="height:100%" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root" data-with-border="true"><div style="--group-gap:calc(0.25rem * var(--mantine-scale));--group-align:center;--group-justify:flex-start;--group-wrap:nowrap" class="m_4081bf90 mantine-Group-root"><span style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">2 месяца</span><span class="mantine-focus-auto m_b6d8b162 mantine-Text-root">·</span><span style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Для продвинутых</span></div><p style="margin-bottom:var(--mantine-spacing-sm);font-size:var(--mantine-font-size-h5);font-weight:bold" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">React</p><p class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Освоите React и создание быстрых интерфейсов</p><div style="margin-top:auto" class=""><div class="m_4451eb3a mantine-Center-root"><img style="opacity:0.8;width:70%" class="m_9e117634 mantine-Image-root mantine-visible-from-xs" src="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDA0OSwicHVyIjoiYmxvYl9pZCJ9fQ==--a6531362dd1f3afb65f5b269e1a23113df7171b1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Devices-amico.png" alt="React" loading="eager"/></div><div style="--group-gap:var(--mantine-spacing-md);--group-align:end;--group-justify:space-between;--group-wrap:wrap;margin-top:var(--mantine-spacing-xs)" class="m_4081bf90 mantine-Group-root"><p style="font-size:var(--mantine-font-size-xl)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">от 3 900 ₽</p><p style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Посмотреть →</p></div></div></div></a></div></div><div class="m_d98df724 mantine-Carousel-slide" data-orientation="horizontal"><div tabindex="0" style="cursor:pointer;height:100%"><a style="text-decoration:none" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/programs/typescript?promo_name=programs_list&promo_position=blog_post&promo_creative=catalog_card&promo_type=card" target="_blank"><div style="height:100%" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root" data-with-border="true"><div style="--group-gap:calc(0.25rem * var(--mantine-scale));--group-align:center;--group-justify:flex-start;--group-wrap:nowrap" class="m_4081bf90 mantine-Group-root"><span style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">2 месяца</span><span class="mantine-focus-auto m_b6d8b162 mantine-Text-root">·</span><span style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Для продвинутых</span></div><p style="margin-bottom:var(--mantine-spacing-sm);font-size:var(--mantine-font-size-h5);font-weight:bold" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Typescript</p><p class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Изучите Typescript и получите навык снижать ошибки, упрощать отладку</p><div style="margin-top:auto" class=""><div class="m_4451eb3a mantine-Center-root"><img style="opacity:0.8;width:70%" class="m_9e117634 mantine-Image-root mantine-visible-from-xs" src="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzcwOSwicHVyIjoiYmxvYl9pZCJ9fQ==--03e50bbd408fef672ad099f7b2a258d80f54ad96/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Hand%20coding-bro.png" alt="Typescript" loading="eager"/></div><div style="--group-gap:var(--mantine-spacing-md);--group-align:end;--group-justify:space-between;--group-wrap:wrap;margin-top:var(--mantine-spacing-xs)" class="m_4081bf90 mantine-Group-root"><p style="font-size:var(--mantine-font-size-xl)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">от 3 900 ₽</p><p style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Посмотреть →</p></div></div></div></a></div></div><div class="m_d98df724 mantine-Carousel-slide" data-orientation="horizontal"><div tabindex="0" style="cursor:pointer;height:100%"><a style="text-decoration:none" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/programs/professional-layout?promo_name=programs_list&promo_position=blog_post&promo_creative=catalog_card&promo_type=card" target="_blank"><div style="height:100%" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root" data-with-border="true"><div style="--group-gap:calc(0.25rem * var(--mantine-scale));--group-align:center;--group-justify:flex-start;--group-wrap:nowrap" class="m_4081bf90 mantine-Group-root"><span style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">5 месяцев</span><span class="mantine-focus-auto m_b6d8b162 mantine-Text-root">·</span><span style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">С нуля</span></div><p style="margin-bottom:var(--mantine-spacing-sm);font-size:var(--mantine-font-size-h5);font-weight:bold" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Профессиональная верстка</p><p class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Адаптивная вёрстка для отображения на любых устройствах </p><div style="margin-top:auto" class=""><div class="m_4451eb3a mantine-Center-root"><img style="opacity:0.8;width:70%" class="m_9e117634 mantine-Image-root mantine-visible-from-xs" src="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAzNCwicHVyIjoiYmxvYl9pZCJ9fQ==--ba516ea9573bdfcd1d21e2aa0fff8818561828f2/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Typing-bro.png" alt="Профессиональная верстка" loading="eager"/></div><div style="--group-gap:var(--mantine-spacing-md);--group-align:end;--group-justify:space-between;--group-wrap:wrap;margin-top:var(--mantine-spacing-xs)" class="m_4081bf90 mantine-Group-root"><p style="font-size:var(--mantine-font-size-xl)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">от 3 900 ₽</p><p style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Посмотреть →</p></div></div></div></a></div></div><div class="m_d98df724 mantine-Carousel-slide" data-orientation="horizontal"><div tabindex="0" style="cursor:pointer;height:100%"><a style="text-decoration:none" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/programs/layout-designer-positioning?promo_name=programs_list&promo_position=blog_post&promo_creative=catalog_card&promo_type=card" target="_blank"><div style="height:100%" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root" data-with-border="true"><div style="--group-gap:calc(0.25rem * var(--mantine-scale));--group-align:center;--group-justify:flex-start;--group-wrap:nowrap" class="m_4081bf90 mantine-Group-root"><span style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">1 месяц</span><span class="mantine-focus-auto m_b6d8b162 mantine-Text-root">·</span><span style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Для продвинутых</span></div><p style="margin-bottom:var(--mantine-spacing-sm);font-size:var(--mantine-font-size-h5);font-weight:bold" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Позиционирование в CSS</p><p class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Получите навык работы с CSS и адаптивными интерфейсами</p><div style="margin-top:auto" class=""><div class="m_4451eb3a mantine-Center-root"><img style="opacity:0.8;width:70%" class="m_9e117634 mantine-Image-root mantine-visible-from-xs" src="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAwNCwicHVyIjoiYmxvYl9pZCJ9fQ==--43a2eb3595eeebb3357d478cbcb752d0026363de/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Website%20Creator-cuate.png" alt="Позиционирование в CSS" loading="eager"/></div><div style="--group-gap:var(--mantine-spacing-md);--group-align:end;--group-justify:space-between;--group-wrap:wrap;margin-top:var(--mantine-spacing-xs)" class="m_4081bf90 mantine-Group-root"><p style="font-size:var(--mantine-font-size-xl)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">от 3 900 ₽</p><p style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Посмотреть →</p></div></div></div></a></div></div><div class="m_d98df724 mantine-Carousel-slide" data-orientation="horizontal"><div tabindex="0" style="cursor:pointer;height:100%"><a style="text-decoration:none" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/courses?promo_name=programs_list&promo_position=blog_post&promo_creative=catalog_card&promo_type=card"><div style="height:100%" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root" data-with-border="true"><h2 style="--title-fw:var(--mantine-h2-font-weight);--title-lh:var(--mantine-h2-line-height);--title-fz:var(--mantine-h2-font-size);margin-bottom:var(--mantine-spacing-md);font-size:var(--mantine-font-size-h3)" class="m_8a5d1357 mantine-Title-root" data-order="2" data-responsive="true">Каталог</h2><p style="margin-bottom:auto" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Полный список доступных курсов по разным направлениям</p><div style="margin-top:auto" class=""><div class="m_4451eb3a mantine-Center-root"><img style="opacity:0.8;width:70%" class="m_9e117634 mantine-Image-root mantine-visible-from-xs" src="/vite/assets/development-BVihs_d5.png" alt="Orientation"/></div></div></div></a></div></div></div></div></div>
<p>Поэтому я не понимал, кем хочу стать, и у меня в голове была примерно такая мысль: круто, если моя работа будет связана с компьютером. Я думал, что закончу университет и буду работать кем-то вроде консультантом в Сбербанке. В общем, меня совершенно устраивала такая работа и большего мне не нужно было.</p>
<p>В итоге мой друг посоветовал мне поступить на специальность «Прикладная математика и информатика», — сказал, мол, в ближайшее время программисты будут очень востребованы — иди туда и ты не пожалеешь.</p>
<h2 id="heading-2-3">Университет</h2>
<p>Я не хотел уезжать из своего родного города Ставрополя — решил, что буду учиться здесь, и без проблем поступил на бюджет. Подумал, что в будущем, если мои предпочтения поменяются, без проблем смогу переехать после окончания вуза.</p>
<p>Впервые после второго курса обучения в университете я действительно почувствовал пользу от учебы: у нас было немало математических дисциплин — мат. анализ, высшая алгебра, теория чисел, и одна дисциплина, которая касалась программирования: она называлась «Алгоритмизация и программирование».</p>
<p>К математическим дисциплинам у меня был интерес, а вот к программированию не было совсем. До какого-то момента я сам справлялся с лабораторными работами в виде 1-2 алгоритмических задачек. Потом стало сложнее и у меня больше не получалось корректно написать программу, в какой-то момент я просто заходил в тупик.</p>
<p>Желания в этом разбираться у меня не было от слова совсем, я считал, что мы занимаемся какой-то ерундой и учим бесполезные вещи, к тому же зачастую я просто не понимал как загуглить свою проблему. Программирование у меня не получалось, оно мне не нравилось и отталкивало.</p>
<p>На третьем курсе у нас совсем закончилось обучение программированию во всех его проявлениях. Были лабораторные работы по математическим дисциплинам, в рамках которых надо было сдать программу, решающую задачу по данной теме, но по сути это просто равносильно превратить формулу на листочке в формулу на компьютере. Мое обучение в университете сводилось к тому, что я просто сдавал какие-то работы, а в свободное время не занимался ничем полезным.</p>
<h2 id="heading-2-4">Первая работа: 1С-программист</h2>
<p>Только в начале четвертого курса я погрузился в реальность и осознал, что по сути валяю дурака, а мне по-хорошему как раз стоит искать работу, а еще лучше — работу по специальности. Вот только кто меня возьмет с моими навыками?</p>
<p>Я знал только какие-то основы программирования. Но мой друг, который разбирался в программировании еще хуже меня, рассказал, что нашел стажировку 1С-программистом. Я много слышал про 1С и мне хотелось посмотреть, что это такое, да и честно говоря выбора особо не было, поэтому я тоже подал заявку.</p>
<p>В итоге нас обоих взяли, несмотря на то, что мы, без преуменьшения знаний, могли написать только какие-то элементарные программы и знали не больше школьников. Туда просто брали абсолютно всех. Мы совсем не знали 1С.</p>
<p>Мы проработали там три месяца и ушли, хотя нам предлагали остаться с повышением в должности: просто поняли, что хотим попробовать себя в других сферах.</p>
<p>Именно тогда — на работе, на которую я пришел абсолютно без знаний, и уйдя ни с чем, в какой-то мере мне начало нравиться программирование. Я хотя бы стал понимать, что с помощью вот этих циклов for и массивов действительно решаются рабочие задачки: раньше я думал, что все это — сплошная чушь для решения маленьких алгоритмических задач, а на работе это вообще не используется</p>
<h2 id="heading-2-5">Начало изучения веб-программирования</h2>
<p>После ухода с работы 1C-программистом я стал изучать веб-программирование. Мне показалось, что только об этой сфере я смогу найти достаточно информации в интернете, чтобы стать программистом. Начал с бесплатных вебинаров «Академии верстки», но не очень понравился их формат с трансляциями: приходилось каждый день сидеть по три часа и просто повторять код за человеком и слушать его объяснения. А когда ты в этом полный ноль, это, на самом деле, просто невыносимо. Так или иначе, я научился хоть как-то верстать и делать простейшие операции с DOM: получить элемент по классу и все такое.</p>
<p>Во время тех же интенсивов люди каждый день общались в чате, они даже создавали собственные группы-блоги во «ВКонтакте», чтобы другие могли наблюдать за их прогрессом. Я видел, что они были очень заинтересованы в этом, а мне программирование не приносило удовольствия. У меня не было ощущения, что я занимался тем, что мне очень нравится. Мною скорее двигала цель получить профессию с адекватной зарплатой.</p>
<p>Основной недостаток вебинаров для меня — непереносимый формат, который требует просто уйму времени, большая часть из которого просто просиживается. Второй важный недостаток — для обучения нужно просто повторять за преподавателем код. Из-за этого я совсем не мог разобраться в JavaScript, поэтому решил, что нужно сделать упор на него.</p>
<p>На тот момент я много слышал про SkillBox, но их курсы стоят неоправданно дорого. Поэтому я нашел слитый курс за 2018 год на торренте и принялся изучать JavaScript. Стоит отметить, что там был очень крутой преподаватель Егор Яковишен — мне очень понравилось, как он все объяснял, и что по каждому уроку в целом выдавался списочек того, что есть в JS на эту тематику.</p>
<p>На изучение верстки и JS на каком-то несильном уровне у меня ушло примерно три месяца. Мои занятия были не очень регулярные: на тот момент я учился на последнем курсе в университете и был ограничен во времени, а и иногда просто терял мотивацию и брал перерыв на какое-то время.</p>
<p>Я понимал, что еще совсем сыроват, но нужно было закрепить свои знания на практике и попробовать что-то сделать: я наткнулся на тестовое задание на стажировку в «Авито». Несмотря на то, что все его делали на React, я написал его на чистом JS и залил на Github — чтобы у меня начало складываться некое портфолио.</p>
<p>Затем я наткнулся на стажировку в «Яндекс», где даже сумел пройти первый этап. Туда меня тоже не взяли, так как я совсем еще мало умел. Подробнее о ней можно почитать <a style="text-decoration:underline" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="https://ru.hexlet.io/blog/posts/kak-ya-prohodil-otbor-na-stazhirovku-v-yandekse" rel="noopener noreferrer" target="_blank">здесь</a>.</p>
<h2 id="heading-2-6">Знакомство с Хекслетом: React и Redux</h2>
<p>Я прекрасно понимал, что в нынешних реалиях я, не зная хотя бы один из фреймворков: React, Vue или Angular, практически никому не нужен. Я попробовал курс Владлена Минина по React, но он мне совсем не понравился: очень много базовых моментов было упущено и как будто можно было въехать, только если ты раньше уже что-то знал про React. В тот момент я совсем не умел учить что-то по документации — и мне предстояла просто невероятная для меня на тот момент задача: где же выучить React?</p>
<p>И тут стоит упомянуть, что когда я делал тестовое на Авито я скроллил всякие решения и наткнулся на одного парня, решение которого на React мне показалось достаточно симпатичным и профессиональным. На его Github была указана его почта, так что я смог связаться с ним и спросить, где он учил этот фреймворк. Так я и узнал о Хекслете, написал 4 статьи для получения промокода и принялся изучать React.</p>
<p>Я сразу почувствовал, что Хекслет — это прям для меня:</p>
<ol>
<li>Не нужно подстраиваться под какие-то трансляции, я могу сам выбирать время для обучения</li>
<li>Вся информация подается в текстовом формате. Мне не нужно приостанавливать видео и откатывать его назад, если я что-то не понял — все уже передо мной</li>
<li>Все истолковано круто и достаточно подробно, в очень понятном виде</li>
<li>Есть примеры с лучшими практиками — как стоит делать и как не стоит. Получаешь сразу некоторые типовые решения небольших задач, которые затем можно спроектировать на что-то более большое</li>
<li>После каждого урока есть закрепляющее задание, которое помогает разобраться в материале. Все мы знаем, что нет способа лучше понять материал, чем как закрепить его на практике. Кроме того, для каждого из подобных заданий есть эталонное решение учителя.</li>
</ol>
<p>Мне настолько понравилось, что я решил задержаться: прошел курс по Redux, а затем принялся просматривать все курсы, в которых чувствовал у себя самые большие пробелы: начал с курса по настройке окружения и Git, а затем начал проходить уже различные курсы именно по JS: прошел курсы по массивам, объектам и разные другие. Несмотря на то, что эти темы не были для меня чем-то новым, я хотел пройти их именно с точки зрения Хекслета: узнать лучшие решения каких-то типовых ситуаций и все такое.</p>
<h2 id="heading-2-7">Поиск работы</h2>
<p>После того, как я выучил React и Redux, мне показалось, что теперь я точно должен соответствовать каким-то минимальным требованиями на позицию джуна и начал активно искать работу. Я откликался на множество вакансий для начинающих программистов, но зачастую мне просто не отвечали. Возможно слишком критичным было, что у меня не было опыта работы, хотя я ради приличия приписал себе 3 месяца фриланса — понадеялся, что это даст какой-то псевдоэффект.</p>
<p>Я посчитал, что работодателям совсем негде смотреть мой код: в моем репозитории на Github все еще оставался всего один проект на чистом JS, который уже был 2-месячной давности. К счастью, я открыл для себя базу открытых тестовых заданий Хекслета, нашел там два тестовых себе по душе, сделал их и залил на Github. Я чувствовал, что теперь у меня есть какое-то портфолио и работодатели могут посмотреть как я пишу код.</p>
<p>Параллельно с этим я гуглил статьи из разряда «Вопросы на собеседовании JavaScript» и прорешивал задачки оттуда: в основном это задания на фундаментальные основы языка и разного рода алгоритмические задачки. Хорошо, что подобные упражнения по сути решаются после каждого урока на Хекслете, так что это дало мне большое преимущество.</p>
<p>Первое время я откликался просто на все подряд: меня либо игнорировали, либо предлагали сделать тестовое задание или прислать ссылку на подобное сделанное. В одну компанию меня даже взяли после этого, но я в итоге решил, что меня не совсем устраивают их условия.</p>
<p>Иногда я позволял себе откликаться на вакансии, где вилка зарплаты явно не для моего уровня, но указано «без опыта работы» — надеялся, что они ищут разработчиков разных грейдов и у меня есть шансы. Пару раз я приходил на такие собеседования, не было никаких алгоритмических секций, меня спрашивали с чем я вообще работал, а на следующий день я получал отказ. Я не рассчитывал, что меня возьмут на эти вакансии, но соглашался на собеседования ради опыта.</p>
<p>В конце концов я увидел классную вакансию на мидл фронтенд-разработчика у себя в городе — это стало для меня большим удивлением, потому что мне казалось, что у нас в городе вообще нет нормальных компаний, занимающихся веб-разработкой. Я понимал, что я явно не миддл, но подумал, что стоит откликнуться — чтобы хотя бы дать знать о своем существовании и, возможно, когда им нужен будет джун, они вспомнят обо мне.</p>
<h2 id="heading-2-8">Первая работа фронтенд-разработчиком</h2>
<p>В итоге так и вышло: спустя две недели они написали мне, что у них открыта вакансия для разработчика моего уровня, я сделал тестовое и меня пригласили на работу — так и началась моя карьера программистом!</p>
<p>На работе мне сразу сказали, что первые пару месяцев я буду в основном заниматься версткой, потому что видно, что она у меня хромает, а фронтендер должен уметь хорошо верстать. Я на самом деле сам знал, что у меня с этим проблема, поэтому с пониманием отнесся к этой фразе: подумал, главное, чтобы я не превратился в верстальщика. Для того, чтобы улучшить свои навыки, я купил подписку на тренажеры HTML Academy. И действительно, я лучше разобрался во многих вещах и стал чувствовать себя гораздо увереннее. В итоге первое время я в основном занимался версткой и периодически писал что-то на нативном JS, так как проекты были немного староваты.</p>
<p>Спустя время на меня упала ответственность написать небольшое веб-приложение с использованием Next.js. На тот момент я совсем не знал, что такое Server Side Rendering и в чем его отличие от того, если бы я написал проект просто с использованием React. Тем не менее я был очень рад тому, что я действительно напишу что-то стоящее и даже сыграю в этом значимую роль как разработчик. На тот момент я еще не знал многих вещей, поэтому коллеги более старшего грейда охотно помогали мне, и в рамках даже одного этого проекта я успел неплохо улучшить свои навыки.</p>
<p>Дальше мне предстояло с нуля освоить Vue и Nuxt — поначалу мне было очень тяжело перейти с React (потому что, как минимум, мне больше нравилось писать на нем) и я плевался во все стороны, но спустя время я привык. Я становился более самостоятельным, надо мной уже не нужен был какой-то дотошный контроль и зона моей ответственности постепенно увеличивалась. Я получал удовольствие от того, что я делаю, и мне нравилось сталкиваться с различными интересными задачами.</p>
<h2 id="heading-2-9">Переход на новое место</h2>
<p>Когда я проработал уже более полугода, я стал замечать, что моя компания немного уткнулась в то, что уже имеет: мы не пробуем какие-то другие технологии, а даже не внедряем различные практики, которые есть в более классных компаниях. Мне очень нравилась моя работа, но я стал чувствовать некую стагнацию, поэтому решил просто открыть резюме на HH: не откликался ни на какие вакансии, просто подумал, что если прилетит какое-то достойное предложение, то я его рассмотрю. Помимо этого мне просто хотелось проходить собеседования, чтобы оставаться тонусе.</p>
<p>В итоге так и вышло: примерно через неделю мне написала HR из компании KTS: скинула несколько вакансий и подробное описание вакансий и компании в целом. Мне невероятно все понравилось, я посмотрел вакансии и с грустью ответил: «Знаете, я посмотрел ваши вакансии, мне очень все нравится, но, вероятно, я не тот кого вы ищете. Вам явно нужен миддл, а я явно джун».</p>
<p>Мне сказали, что джунов они тоже рассматривают и настояли на техническом собеседовании, и я решил согласиться. Собеседование было очень интересным и состояло из двух секций: первая больше про JS, вторая про React.</p>
<p>В рамках первой секции мне нужно было решить несколько алгоритмических задач, которое в то же время были связаны с замыканием, контекстом и промисами.</p>
<p>Во второй секции мне задавали много вопросов про React, а в частности про хуки и особенности их использования. Тут я должен сказать отдельное спасибо Youtube-каналу Archakov Blog, видео на котором очень сильно помогли мне разобраться с даже самыми редкоиспользуемыми хуками, без него бы я не вывез в тот день. Также мне предстояло написать небольшой HOC.</p>
<p>В конце собеседования я поблагодарил интервьюера и сказал, что мне было очень интересно — на тот момент я не проходил собеседования 8 месяцев, немного растерялся и задачки решил с подсказками. Я действительно получил удовольствие от этого процесса, но сам оценивал свой результат скорее как нечто среднее, поэтому просто расценил это для себя как хороший опыт.</p>
<p>Но каково же было мое удивление когда спустя пару дней мне написала менеджер проектов и выслала оффер! Мне пришлось трижды все перечитать, чтобы сначала поверить в происходящее, а уже затем я начал раздумывать что мне с этим делать.</p>
<p>Я решил, что это хорошая возможность для меня расти как специалисту, поэтому принял оффер, на хорошей ноте расстался со своим предыдущим местом работы и полетел в Москву знакомиться со своими новыми коллегами. Мне предложили удаленную работу, так как я нахожусь в другом городе, но я посчитал хорошей идеей прилететь и первое время поработать из офиса, чтобы лучше прочувствовать весь процесс.</p>
<p>Уже 2 месяца я работаю на новом месте — сначала мне было просто невероятно тяжело, но сейчас уже втянулся в процесс и стараюсь постепенно прогрессировать. Я снова начал писать на React, который мне так нравится. За небольшое время на новом месте я уже успел поработать с новыми для себя TypeScript, MobX, StoryBook, а также сильно прокачался в ООП и архитектуре веб-приложений. Тут у нас даже есть свой uikit.</p>
<p>У нас уделяют большое внимание развитию сотрудников:</p>
<ol>
<li>Каждый коммит проходит код-ревью</li>
<li>За каждым сотрудником закреплен наставник, который проводит еженедельные 1to1 встречи. На них происходит обсуждение задач и вообще всего: компания уделяет внимание тому, чтобы сотруднику было комфортно и интересно заниматься тем, что он делает, а также учитывает предпочтения и помогает ставить цели и следовать плану развития</li>
<li>Существует матрица грейдов с прозрачными критериями: каждые полгода проходит техническое ревью, по результатам которого сотрудник может перейти на грейд выше, либо наставник может порекомендовать его к повышению</li>
<li>Помимо этого у нас своя школа разработки, где мы учим студентов технологиям, которые сами применяем на проектах. В рамках школы можно реализовать себя в роли преподавателя или наставника</li>
</ol>
<p>Сейчас я планирую закрепиться на текущем месте работе и постараться освоить то, в чем я еще не так сильно разбираюсь.</p>
<p>Моментами может показаться, что мой результат закономерен: мне нравилась математика, я учился на технической специальности. Но стоит обратить внимание лишь на одно: мне совсем не нравилось программирование, до тех пор, пока у меня не начало что-то получаться, а ВУЗ дал лишь мне базовые навыки — все пришлось учить самостоятельно.</p>
<style data-mantine-styles="inline">.__m__-_R_3rderddmiub_{--carousel-slide-gap:var(--mantine-spacing-xs);--carousel-slide-size:80%;}@media(min-width: 36em){.__m__-_R_3rderddmiub_{--carousel-slide-gap:var(--mantine-spacing-xl);--carousel-slide-size:50%;}}</style><div style="--carousel-control-size:calc(2.5rem * var(--mantine-scale));--carousel-controls-offset:var(--mantine-spacing-sm);margin-bottom:var(--mantine-spacing-lg);padding-block:var(--mantine-spacing-sm);background:var(--app-color-surface)" class="m_17884d0f mantine-Carousel-root responsiveClassName" data-orientation="horizontal" data-include-gap-in-size="true"><div class="m_39bc3463 mantine-Carousel-controls" data-orientation="horizontal"><button class="mantine-focus-auto m_64f58e10 mantine-Carousel-control m_87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" data-type="previous" tabindex="-1"><svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(90deg);width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block"><path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></button><button class="mantine-focus-auto m_64f58e10 mantine-Carousel-control m_87cf2631 mantine-UnstyledButton-root" type="button" data-inactive="true" data-type="next" tabindex="-1"><svg viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-90deg);width:calc(1rem * var(--mantine-scale));height:calc(1rem * var(--mantine-scale));display:block"><path d="M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></button></div><div class="m_a2dae653 mantine-Carousel-viewport" data-type="media"><div class="m_fcd81474 mantine-Carousel-container __m__-_R_3rderddmiub_" data-orientation="horizontal"><div class="m_d98df724 mantine-Carousel-slide" data-orientation="horizontal"><div tabindex="0" style="cursor:pointer;height:100%"><a style="text-decoration:none" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/blog/posts/php-vs-ror"><div style="padding-top:0rem;height:100%" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root" data-with-border="true"><div style="margin-bottom:var(--mantine-spacing-sm)" class="m_599a2148 mantine-Card-section" data-first-section="true"><div style="--ar-ratio:2" class="m_71ac47fc mantine-AspectRatio-root"><img class="m_9e117634 mantine-Image-root" src="/vite/assets/blog_post-7eTyeLLt.webp" loading="lazy" alt="Как полтора года я безуспешно проходил собеседования на PHP-разработчика, а в итоге стал программистом на Ruby on Rails"/></div></div><p style="margin-bottom:var(--mantine-spacing-xs);font-size:var(--mantine-font-size-lg);font-weight:bold" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Как полтора года я безуспешно проходил собеседования на PHP-разработчика, а в итоге стал программистом на Ruby on Rails</p><p style="margin-bottom:auto" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Привет, я Паша, мне 31 год, и уже полгода я работаю Ruby on Rails разработчиком. Это моя история,...</p><div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:space-between;--group-wrap:wrap;margin-top:var(--mantine-spacing-lg);font-size:var(--mantine-font-size-sm)" class="m_4081bf90 mantine-Group-root">13 апреля 2022 г.<p style="font-size:inherit" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Посмотреть →</p></div></div></a></div></div><div class="m_d98df724 mantine-Carousel-slide" data-orientation="horizontal"><div tabindex="0" style="cursor:pointer;height:100%"><a style="text-decoration:none" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/blog/posts/kak-gumanitariyu-popast-v-it-posle-30-s-malenkim-rebenkom-i-ipotekoy"><div style="padding-top:0rem;height:100%" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root" data-with-border="true"><div style="margin-bottom:var(--mantine-spacing-sm)" class="m_599a2148 mantine-Card-section" data-first-section="true"><div style="--ar-ratio:2" class="m_71ac47fc mantine-AspectRatio-root"><img class="m_9e117634 mantine-Image-root" src="/vite/assets/blog_post-7eTyeLLt.webp" loading="lazy" alt="Как гуманитарию попасть в IT после 30 с маленьким ребенком и ипотекой"/></div></div><p style="margin-bottom:var(--mantine-spacing-xs);font-size:var(--mantine-font-size-lg);font-weight:bold" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Как гуманитарию попасть в IT после 30 с маленьким ребенком и ипотекой</p><p style="margin-bottom:auto" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Привет! Меня зовут Юрий Бачевский, и это моя история успеха — как после 30 лет уйти в IT, имея ип...</p><div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:space-between;--group-wrap:wrap;margin-top:var(--mantine-spacing-lg);font-size:var(--mantine-font-size-sm)" class="m_4081bf90 mantine-Group-root">24 января 2022 г.<p style="font-size:inherit" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Посмотреть →</p></div></div></a></div></div><div class="m_d98df724 mantine-Carousel-slide" data-orientation="horizontal"><div tabindex="0" style="cursor:pointer;height:100%"><a style="text-decoration:none" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/blog/posts/JavaScript-vs-Photoshop"><div style="padding-top:0rem;height:100%" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root" data-with-border="true"><div style="margin-bottom:var(--mantine-spacing-sm)" class="m_599a2148 mantine-Card-section" data-first-section="true"><div style="--ar-ratio:2" class="m_71ac47fc mantine-AspectRatio-root"><img class="m_9e117634 mantine-Image-root" src="/vite/assets/blog_post-7eTyeLLt.webp" loading="lazy" alt="Как фотограф и вахтовик написал свое приложение для обработки снимков, которое приносит $2 тыс ежемесячно"/></div></div><p style="margin-bottom:var(--mantine-spacing-xs);font-size:var(--mantine-font-size-lg);font-weight:bold" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Как фотограф и вахтовик написал свое приложение для обработки снимков, которое приносит $2 тыс ежемесячно</p><p style="margin-bottom:auto" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Фотограф из Башкирии Вильдан рассказывает, как JavaScript помог ему создать собственное приложени...</p><div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:space-between;--group-wrap:wrap;margin-top:var(--mantine-spacing-lg);font-size:var(--mantine-font-size-sm)" class="m_4081bf90 mantine-Group-root">15 декабря 2021 г.<p style="font-size:inherit" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Посмотреть →</p></div></div></a></div></div></div></div></div>
<p><strong>Какие итоги я бы хотел подчеркнуть из своего опыта и что хотел бы сказать тем, кто только на пути становления в профессии:</strong></p>
<ol>
<li>
<p>Учеба в университете на технической специальности не является каким-то решающим фактором, в основном все знания приходится осваивать самому</p>
</li>
<li>
<p>У вас тысячу раз будут опускаться руки, вам будет казаться, что все вокруг заинтересованы этим гораздо больше вас и у них лучше получается, но вы не должны сдаваться. Станет легче. С каждым днем становится немножко легче. Но делать нужно каждый день — это самое трудное. Но легче обязательно станет.</p>
</li>
<li>
<p>Никогда не бойтесь показаться глупыми на собеседовании или что-то в этом роде, будьте смелыми и упорными. Нельзя сдаваться не только после одной, но и после ста неудач</p>
</li>
<li>
<p>Постоянно занимайтесь самообразованием</p>
</li>
<li>
<p>Старайтесь практиковать написание кода на листочке — это очень полезно</p>
</li>
<li>
<p>Решайте алгоритмические или логические задачки — они действительно помогут вам в решении рабочих задач.</p>
</li>
</ol></div><div class=""><div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:space-between;--group-wrap:wrap;margin-bottom:var(--mantine-spacing-lg)" class="m_4081bf90 mantine-Group-root"><div class="m_4451eb3a mantine-Center-root" data-inline="true"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;margin-inline-end:var(--mantine-spacing-xs);color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-user "><path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path></svg></div><p style="margin-inline-end:var(--mantine-spacing-xl)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Александр Ковалец</p><p class="mantine-focus-auto m_b6d8b162 mantine-Text-root">4 года назад</p></div><div style="align-items:center" class="m_8bffd616 mantine-Flex-root __m__-_R_5dirddmiub_"><a style="display:inline-flex" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/blog/posts/kak-stat-programmistom-ne-poluchaya-ot-etogo-udovolstviya/votes"><div style="--ti-size:var(--ti-size-sm);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;margin-inline-end:var(--mantine-spacing-xs);color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-thumb-up "><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3"></path></svg></div></a><p class="mantine-focus-auto m_b6d8b162 mantine-Text-root">29</p></div></div></div><div style="background-color:var(--mantine-color-indigo-light);border:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding:var(--mantine-spacing-xl)" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root"><p style="margin-bottom:var(--mantine-spacing-sm);font-size:var(--mantine-font-size-h4)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Читайте также:</p><ul style="margin-inline-start:var(--mantine-spacing-lg)" class="m_abbac491 mantine-List-root"><li style="margin-bottom:var(--mantine-spacing-sm)" class="m_abb6bec2 mantine-List-item" data-with-icon="true"><div class="m_75cd9f71 mantine-List-itemWrapper"><span class="m_60f83e5b mantine-List-itemIcon"><div class="m_4451eb3a mantine-Center-root"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-compact-right "><path d="M11 4l3 8l-3 8"></path></svg></div></div></span><span class="mantine-List-itemLabel"><a style="color:inherit" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/blog/posts/php-vs-ror">Как полтора года я безуспешно проходил собеседования на PHP-разработчика, а в итоге стал программистом на Ruby on Rails</a></span></div></li><li style="margin-bottom:var(--mantine-spacing-sm)" class="m_abb6bec2 mantine-List-item" data-with-icon="true"><div class="m_75cd9f71 mantine-List-itemWrapper"><span class="m_60f83e5b mantine-List-itemIcon"><div class="m_4451eb3a mantine-Center-root"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-compact-right "><path d="M11 4l3 8l-3 8"></path></svg></div></div></span><span class="mantine-List-itemLabel"><a style="color:inherit" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/blog/posts/kak-gumanitariyu-popast-v-it-posle-30-s-malenkim-rebenkom-i-ipotekoy">Как гуманитарию попасть в IT после 30 с маленьким ребенком и ипотекой</a></span></div></li><li style="margin-bottom:var(--mantine-spacing-sm)" class="m_abb6bec2 mantine-List-item" data-with-icon="true"><div class="m_75cd9f71 mantine-List-itemWrapper"><span class="m_60f83e5b mantine-List-itemIcon"><div class="m_4451eb3a mantine-Center-root"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-compact-right "><path d="M11 4l3 8l-3 8"></path></svg></div></div></span><span class="mantine-List-itemLabel"><a style="color:inherit" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/blog/posts/JavaScript-vs-Photoshop">Как фотограф и вахтовик написал свое приложение для обработки снимков, которое приносит $2 тыс ежемесячно</a></span></div></li></ul></div><div style="margin-block:var(--mantine-spacing-xl)" class="m_3eebeb36 mantine-Divider-root" data-orientation="horizontal" role="separator"></div></div><div></div></div><style data-mantine-styles="inline">.__m__-_R_lmiub_{--col-flex-grow:auto;--col-flex-basis:100%;--col-max-width:100%;}@media(min-width: 48em){.__m__-_R_lmiub_{--col-flex-grow:auto;--col-flex-basis:16.666666666666668%;--col-max-width:16.666666666666668%;}}@media(min-width: 62em){.__m__-_R_lmiub_{--col-flex-grow:auto;--col-flex-basis:33.333333333333336%;--col-max-width:33.333333333333336%;}}</style><div class="m_96bdd299 mantine-Grid-col __m__-_R_lmiub_ mantine-visible-from-md"><div style="background-color:var(--mantine-color-indigo-light);border:calc(0.0625rem * var(--mantine-scale)) solid transparent;margin-bottom:var(--mantine-spacing-xl);padding:var(--mantine-spacing-xl);width:100%" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root"><div style="margin-bottom:var(--mantine-spacing-md)" class="m_4451eb3a mantine-Center-root" data-inline="true"><p style="font-size:var(--mantine-font-size-h4)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Категории</p></div><ul class="m_abbac491 mantine-List-root"><li style="margin-bottom:var(--mantine-spacing-xs)" class="m_abb6bec2 mantine-List-item" data-with-icon="true"><div class="m_75cd9f71 mantine-List-itemWrapper"><span class="m_60f83e5b mantine-List-itemIcon"><div class="m_4451eb3a mantine-Center-root"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-compact-right "><path d="M11 4l3 8l-3 8"></path></svg></div></div></span><span class="mantine-List-itemLabel"><button style="color:inherit;text-decoration:underline" class="mantine-focus-auto m_87cf2631 mantine-UnstyledButton-root" type="button" aria-label="Мотивация">Мотивация</button></span></div></li><li style="margin-bottom:var(--mantine-spacing-xs)" class="m_abb6bec2 mantine-List-item" data-with-icon="true"><div class="m_75cd9f71 mantine-List-itemWrapper"><span class="m_60f83e5b mantine-List-itemIcon"><div class="m_4451eb3a mantine-Center-root"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-compact-right "><path d="M11 4l3 8l-3 8"></path></svg></div></div></span><span class="mantine-List-itemLabel"><button style="color:inherit;text-decoration:underline" class="mantine-focus-auto m_87cf2631 mantine-UnstyledButton-root" type="button" aria-label="Истории успеха">Истории успеха</button></span></div></li><li style="margin-bottom:var(--mantine-spacing-xs)" class="m_abb6bec2 mantine-List-item" data-with-icon="true"><div class="m_75cd9f71 mantine-List-itemWrapper"><span class="m_60f83e5b mantine-List-itemIcon"><div class="m_4451eb3a mantine-Center-root"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-compact-right "><path d="M11 4l3 8l-3 8"></path></svg></div></div></span><span class="mantine-List-itemLabel"><button style="color:inherit;text-decoration:underline" class="mantine-focus-auto m_87cf2631 mantine-UnstyledButton-root" type="button" aria-label="Дневник студента">Дневник студента</button></span></div></li><li style="margin-bottom:var(--mantine-spacing-xs)" class="m_abb6bec2 mantine-List-item" data-with-icon="true"><div class="m_75cd9f71 mantine-List-itemWrapper"><span class="m_60f83e5b mantine-List-itemIcon"><div class="m_4451eb3a mantine-Center-root"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-compact-right "><path d="M11 4l3 8l-3 8"></path></svg></div></div></span><span class="mantine-List-itemLabel"><button style="color:inherit;text-decoration:underline" class="mantine-focus-auto m_87cf2631 mantine-UnstyledButton-root" type="button" aria-label="Код">Код</button></span></div></li><li style="margin-bottom:var(--mantine-spacing-xs)" class="m_abb6bec2 mantine-List-item" data-with-icon="true"><div class="m_75cd9f71 mantine-List-itemWrapper"><span class="m_60f83e5b mantine-List-itemIcon"><div class="m_4451eb3a mantine-Center-root"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-chevron-compact-right "><path d="M11 4l3 8l-3 8"></path></svg></div></div></span><span class="mantine-List-itemLabel"><button style="color:inherit;text-decoration:underline" class="mantine-focus-auto m_87cf2631 mantine-UnstyledButton-root" type="button" aria-label="Карьера">Карьера</button></span></div></li></ul></div><div style="justify-content:end;margin-top:0rem;position:sticky;top:calc(5rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlmiub_"><div tabindex="0" style="cursor:pointer"><a style="text-decoration:none" class="mantine-focus-auto m_849cf0da m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/courses_web_development?promo_name=program_category&promo_position=blog_post&promo_creative=card&promo_type=card"><div style="background-color:var(--mantine-color-default);border:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);padding-inline:var(--mantine-spacing-xl);padding-top:var(--mantine-spacing-xl);padding-bottom:var(--mantine-spacing-xs);width:100%" class="m_e615b15f mantine-Card-root m_1b7284a3 mantine-Paper-root"><div class="m_4451eb3a mantine-Center-root" data-inline="true"><p style="font-size:var(--mantine-font-size-h4)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Курсы по веб-разработке</p></div><img class="m_9e117634 mantine-Image-root" src="/vite/assets/development-BVihs_d5.png"/><p style="margin-bottom:var(--mantine-spacing-xs);text-align:right" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Посмотреть →</p></div></a></div></div></div></div></div></div></div>
</main>
<footer class="bg-dark fw-light text-light px-3 py-5">
<div class="row small">
<div class="col-12 col-sm-6 col-md-3">
<div class="h5 mb-3">Хекслет</div>
<ul class="list-unstyled">
<li>
<a class="nav-link link-light py-1 ps-0" href="/pages/about">О нас</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/testimonials">Отзывы</a>
</li>
<li>
<span class="nav-link link-light py-1 ps-0 external-link" data-href="https://b2b.hexlet.io" role="button">Корпоративное обучение</span>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/blog">Блог</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/qna">Вопросы и ответы</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/glossary">Глоссарий</a>
</li>
<li>
<span class="nav-link link-light py-1 ps-0 external-link" data-href="https://help.hexlet.io" data-target="_blank" role="button">Справка</span>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" target="_blank" rel="noopener noreferrer" href="/map">Карта сайта</a>
</li>
</ul>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="h5 fw-normal mb-3">Направления</div>
<ul class="list-unstyled">
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_devops">DevOps
</a></li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_data_analytics">Аналитика
</a></li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_backend_development">Бэкенд
</a></li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_programming">Программирование
</a></li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_testing">Тестирование
</a></li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_front_end_dev">Фронтенд
</a></li>
</ul>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="h5">Профессии</div>
<ul class="list-unstyled">
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/devops-engineer-from-scratch">DevOps-инженер с нуля</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/go">Go-разработчик</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/java">Java-разработчик</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/python">Python-разработчик </a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/data-analytics">Аналитик данных</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/qa-engineer">Инженер по ручному тестированию</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/php">РНР-разработчик</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/frontend">Фронтенд-разработчик</a>
</li>
</ul>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="h5">Навыки</div>
<ul class="list-unstyled">
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/python-django-developer">Django</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/docker">Docker</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/php-laravel-developer">Laravel</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/postman">Postman</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/js-react-developer">React</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/js-rest-api">REST API в Node.js</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/spring-boot">Spring Boot</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/typescript">Typescript</a>
</li>
</ul>
</div>
</div>
<hr>
<div class="row">
<div class="col-12 col-sm-4 col-md-2">
<div class="fs-4">
<ul class="list-unstyled d-flex">
<li class="me-3">
<a aria-label="Telegram" target="_blank" class="link-light" rel="noopener noreferrer nofollow" href="https://t.me/hexlet_ru"><span class="bi bi-telegram"></span>
</a></li>
<li>
<a aria-label="Youtube" target="_blank" class="link-light" rel="noopener noreferrer nofollow" href="https://www.youtube.com/user/HexletUniversity"><span class="bi bi-youtube"></span>
</a></li>
</ul>
</div>
<div class="mb-2 d-flex flex-column">
<a class="link-light text-decoration-none" rel="nofollow" href="mailto:support@hexlet.io">support@hexlet.io</a>
<a class="link-light text-decoration-none py-2" target="_blank" href="https://t.me/hexlet_help_bot">t.me/hexlet_help_bot</a>
</div>
<ul class="list-unstyled d-flex">
<li class="me-3">
<span class="link-light text-decoration-none opacity-50 x-font-size-18 external-link" rel="nofollow" data-href="https://hexlet.io/locale/switch?new_locale=en" data-target="_self" role="button"><span class="my-auto">EN</span>
</span></li>
<li class="me-3">
<span class="link-light text-decoration-none opacity-50 x-font-size-18 opacity-100 external-link" rel="nofollow" data-href="https://ru.hexlet.io/locale/switch?new_locale=ru" data-target="_self" role="button"><span class="my-auto">RU</span>
</span></li>
<li class="me-3">
<span class="link-light text-decoration-none opacity-50 x-font-size-18 external-link" rel="nofollow" data-href="https://kz.hexlet.io/locale/switch?new_locale=kz" data-target="_self" role="button"><span class="my-auto">KZ</span>
</span></li>
</ul>
</div>
<div class="col-12 col-sm-4 col-md-3">
<ul class="list-unstyled fs-4">
<li class="mb-3">
<a class="link-light text-decoration-none" href="tel:8%20800%20100%2022%2047">8 800 100 22 47</a>
<span class="d-block opacity-50 small">бесплатно по РФ</span>
</li>
<li>
<a class="link-light text-decoration-none" href="tel:%2B7%20495%20085%2021%2062">+7 495 085 21 62</a>
<span class="d-block opacity-50 small">бесплатно по Москве</span>
</li>
</ul>
</div>
<div class="col-12 col-sm-4 col-md-3">
<div class="small mb-3">Образовательные услуги оказываются на основании Л035-01298-77/01989008 от 14.03.2025</div>
<ul class="list-unstyled small">
<li>
<a class="nav-link link-light py-1 ps-0" href="/pages/legal">Правовая информация</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/pages/offer">Оферта</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/pages/license">Лицензия</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/pages/contacts">Контакты</a>
</li>
</ul>
</div>
<div class="col-12 col-sm-12 col-md-4 small">
<div class="mb-2">
<div>ООО «<a href="/" class="text-decoration-none link-light">Хекслет Рус</a>»</div>
<div>108813 г. Москва, вн.тер.г. поселение Московский,</div>
<div>г. Московский, ул. Солнечная, д. 3А, стр. 1, помещ. 20Б/3</div>
<div>ОГРН 1217300010476</div>
<div>ИНН 7325174845</div>
</div>
<hr>
<div>АНО ДПО «<a href="/" class="text-decoration-none link-light">Учебный центр «Хекслет</a>»</div>
<div>119331 г. Москва, вн. тер. г. муниципальный округ</div>
<div>Ломоносовский, пр-кт Вернадского, д. 29</div>
<div>ОГРН 1247700712390</div>
<div>ИНН 7736364948</div>
</div>
</div>
</footer>
<div id="root-assistant-offcanvas"></div>
<script src="/vite/assets/assistant-Bukl1lYy.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="/vite/assets/chunk-DsPFFUou.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/init-BrRXra1y.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/ErrorFallbackBlock-naDSYSy9.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/MarkdownBlock-DbyKWoR_.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/gon-D3e4yh1x.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/mantine-CGMYrt2Y.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/shiki-V011pkdv.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/utils-DRqSHbQE.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/routes-CCH8ilKF.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/lib-XR8Qr8kR.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/dist-GCHh59xr.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Box-B5-OOzBf.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/notifications.store-C-3AFSMn.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/useIsomorphicEffect-HJ6VK0D3.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/lib-KSp6QbZ0.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/axios-BEvgo0ym.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/classnames-l6ipYlLR.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/dayjs.min-BkKovM-s.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/debounce-jMQ_Cf4f.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/i18next-BlSq9s7B.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/client-U9M77rxp.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/react-dom-DaLxUz_h.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/useTranslation-Bx1Cdrkz.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/compiler-runtime-6XxiPFnt.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/jsx-runtime-CwjcCKJi.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/react-CkL4ZRHB.js" as="script" crossorigin="anonymous">
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v67327c56f0bb4ef8b305cae61679db8f1769101564043" integrity="sha512-rdcWY47ByXd76cbCFzznIcEaCN71jqkWBBqlwhF1SY7KubdLKZiEGeP7AyieKZlGP9hbY/MhGrwXzJC/HulNyg==" data-cf-beacon='{"version":"2024.11.0","token":"d11015b65d11429ea6b4a2ef37dd7e0b","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>