Всем привет. Меня зовут Максим, мне 31 год. Еще со школы, а окончил я физико-математический лицей с дополнительной квалификацией «лаборант-программист», мечтал стать программистом. Но родился в небольшом провинциальном городе, где программистами называют тех, кто умеет настроить принтер.
Так получилось, что реализоваться было негде, переехать учиться возможности не было. Я поступил на инженера-механика нефтегазовых процессов, окончил вуз, начал работать, но любовь к компьютерам и к коду так и не пропадала.
Занимался самостоятельно, разбирался в технологиях, но зарабатывал деньги совсем в другой сфере, а иногда подрабатывал установкой Windows. Случайно наткнулся на Школу 21, это якобы инновационная школа будущего. Это был первый этап, когда я понял, что хочу вернуться к детской мечте.
Нет причинно-следственных связей, и я — просто архив каких-то несвязанных технологий.
Прошел все вступительные испытания: онлайн-тестирование, личную встречу с самопрезентацией, бассейн (30 дней ежедневного написания кода, когда постоянно горящие дедлайны). Переехал в Москву учиться. В этой школе нет учителей, и я по сути занимался самостоятельно, только в рамках школы.
Проучившись в школе год, начал понимать, что нагугленные знания не имеют системы. «Тут знаю, тут не знаю, почему тут так, я тоже не знаю». Нет причинно-следственных связей, и я — просто архив каких-то несвязанных технологий.
Начал искать для себя школы, где смогу получить именно систему знаний. Попробовал много курсов: GeekBrains, Skillbox и другие. Конечно, я что-то узнал из этих школ, наполучал сертификатов. Пришло время искать работу. И опять столкнулся с тем, что не могу выполнить большинство тестовых заданий. Появилось чувство отчаяния. Иногда казалось, что я просто тупой.
Содержание
Несколько слов о школах программирования, в которых учился
Школа 21 (Ecole 42) подтолкнула всерьез заняться программированием, за что ей всегда буду благодарен. Эта школа позволила оценить свои силы и поверить в них. Обучение здесь проходит в формате коворкинга. Есть помещение, где установлено около 1000 макбуков.
У каждого студента есть своя учетная запись, где можно выбирать проекты и выполнять. Учебного материала как такового практически нет, есть только Google и дедлайн. Первый год целиком проходит на языке C. Далее можно каким-то образом выбирать, но я уже об этом не узнаю.
Максим Григорьев
Очень тяжело учиться, когда нет экспертного мнения. И я не увидел в обучении системы. Наверное, если бы не нужно было работать, чтобы сохранять комфортный уровень жизни для себя и своей семьи, я бы учился дальше. Но нужно было зарабатывать, а с такими знаниями меня даже на летнюю стажировку не брали, какой уж там работать программистом полноценно.
Geekbrains — благодарен этой школе за огромное количество бесплатного контента. Когда не было возможности покупать курсы, старался смотреть все что мог. Прошел около 20 курсов, смог написать код на разных языках, и пытался понять, что подходит именно мне, посещал митапы и мастер-классы.
Похоже на шоу, где все хотят, чтобы ты просто остался доволен происходящим.
На курсе по HTML5 и CSS3 понял, что мне нравится веб-разработка. Увлекся версткой и начал искать работу верстальщиком. Но покупать курсы на GeekBrains дороговато: от 50-80 тыс. рублей стоит уровень Junior. Главное — обучение занимает от 10 месяцев! Да и те курсы, что мне удалось пройти, не давали исчерпывающих знаний. Похоже на шоу, где все хотят, чтобы ты просто остался доволен происходящим. Это все мое личное мнение.
И однажды, выполняя тестовое задание, я наткнулся на GitHub на школу Хекслет.
Мне нравится, как построено обучение на Хекслете. Во-первых, выстраиваются логические цепочки, обучение имеет систему. Благодаря этому информация усваивается гораздо лучше, чем просто разнородный набор знаний. Также есть огромное количество дополнительного материала. Я еще не до конца прошёл первый раз программу курса, но точно знаю, что пройду ее второй раз.
Во-вторых, можно обучаться в комфортном режиме: нет группы, которую нужно догонять или ждать, но при этом прогресс отслеживается. Хотя, возможно, для кого-то это будет минусом. Для тех, у кого с самодисциплиной проблемы. В-третьих, за обучение можно платить ежемесячно без всяких «заманух» вроде «начни учиться сейчас, а платить через полгода или год». В итоге с помощью таких заманух на тебя вешают кредит, а я ненавижу кредиты. Да и плата за обучение на Хекслете вполне демократичная.
В других школах я как правило прекращал заниматься сразу, там много воды. Представьте ситуацию: надо час смотреть видео, а значимой информации в нём на 3 минуты. Как уже писал, я «гулял» по просторам GitHub в поисках идей для реализации тестовой работы, и зашел на страницу парня, который выполнял аналогичное задание. Я посмотрел на другие репозитории и увидел выполненные проекты с пометкой «учебные проекты hexlet». Стало интересно, перешел на сайт и начал изучение.
Мне очень понравилась подача материала, и после прохождения первых бесплатных курсов сразу оплатил ежемесячную подписку.
Как я искал работу
К моменту знакомства с Хекслетом у меня уже было оформлено резюме, и оно постоянно обновлялось. Регулярно посещал собеседования, и каждое собеседование для меня было всегда сюрпризом. Работодатели предъявляют кандидатам разные требования. То есть профессию frontend-разработчик каждая компания понимает по-своему, как и профессию JavaScript-программист.
Собеседования проходили по-разному. Где-то технический специалист с чувством превосходства заваливал вопросами и прощался, где-то помогали разобраться с заданиями, и даже после собеседования я узнавал что-то новое. Могу сказать, что посещения собеседований — отдельный скилл, который нарабатывается только на практике.
Нужно не бояться и пробовать, даже если стек технологий, указанный в вакансии, вам не знаком или знаком не до конца.
С какими вопросами и задачами столкнулся на собеседованиях
Что касается самих заданий: тут их огромное множество. Бывает, просто устно опрашивают на понимание базовых принципов:
- семантика HTML5;
- что такое DOM;
- как работает ключевое слово this (частый вопрос);
- что такое замыкание (частый вопрос);
- вопросы по Bootstrap 4 (по адаптивной верстке в целом);
- перечислить все известные способы, как можно отцентрировать div на экране (позиционирование);
- всегда спрашивают про какие-либо фреймворки (React Vue Angular);
- вопросы о БЭМ;
- что такое нотация «О большое» (алгоритмическая сложность кода);
- общие вопросы про препроцессоры (Less/Sass).
По практике: она выполняется либо на листочке, либо предоставляют компьютер, либо дают задание домой. На листочке просят:
- сверстать какой-то макет нарисованный;
- в виде теста (выбери правильный ответ);
- разные задачи.Мне попадалась задача «палиндром» – сделал рекурсией благодаря Хекслету, до этого рекурсию не понимал совсем;
Задачи на компьютере:
- парсинг страницы интернет магазина: надо вытащить все артикулы товаров;
- попадались задачи на создание объекта по заданному массиву:
- дают задачи с написанным кодом (написать результат на выходе из функции).
Домашняя работа (присылают задание на почту): там опять же верстка, или надо написать какие-то функции. Заданий было очень много, задают разные вопросы. Частенько по базам данных, по особенностям запросов на сервер и прочее. Выше писал, что стек технологий, которыми должен владеть frontend-программист, очень сильно отличается от компании к компании.
Забавные истории собеседований
Первый забавный случай. Как-то раз мне позвонила девушка и пригласила на вакансию «Дизайнер/верстальщик». Я опущу тот факт, что в описании вакансии были допущены орфографические ошибки, и меня смутили требования: нужен кандидат с техническим или с художественным образованием. Сразу показалось странным. Это диаметрально противоположные вещи.
Морщиться не стал, работа нужна, да и от дома близко. Решил пойти. По стандартному сценарию: HR, технический специалист, тестовое задание. После беседы говорят, что меня берут. Очень обрадовался, согласился.
Правда, на собеседовании помимо технических знаний очень поверхностно спросили: «Как с фотошопом дела?» Сказал, что в порядке. Начал работать: отдал свою трудовую книжку в бухгалтерию, сам полон энтузиазма.
И тут мне дают задание: нарисовать рекламный баннер, второй. Меня это немного смутило, но я попытался выполнить задание. После отправки нескольких вариантов получил огромное количество критики в свой адрес. Говорили, что недостаточно креатива.
Наступает день подписания трудового договора, иду в отдел кадров, там мне дают документы где написана должность «дизайнер». Подумал, что ошиблись. Я не дизайнером пришел работать, а фронтендером. Код пишу, а не рекламную продукцию рисую.
Все оказались в недоумении, и одна из сотрудниц предложила дописать приставку «веб». Так я стал веб-дизайнером. На написание кода я тратил 10-20 % рабочего времени, остальное время пытался «креативить». В итоге в один прекрасный день меня вызывает руководитель и говорит, что решил прекратить со мной трудовые отношения. С технической точки зрения ко мне претензий нет, но креатива маловато. Так меня приняли за знания кода, а уволили за отсутствие креатива.
Еще забавный случай запомнился. Позвонила HR и предложила вакансию руководителя. Нужны знания программирования, так как необходимо время от времени помогать отделу с версткой. Я согласился, она скинула мне тестовое задание. Я его выполнил, отправил.
Через несколько дней мне ответили : «Наш технический специалист сказал, что там вроде почти все нормально, и нужно выполнить второе задание — верстку по макету figma». Предложили назначить skype-собеседование на такое-то число на 16
. Я спросил, надо ли выполнить тестовое до собеседования, и получил утвердительный ответ.
В день собеседования тишина. За 10 минут до собеседования мне написала HR, сказала, что опаздывает на 10 минут, в итоге опоздала на 20. В ходе разговора я выясняю, что мои работы даже никто не смотрел. Рассказали, чем занимается компания, что у них небольшой стартап, обещали дать feedback по выполненной работе до среды. Это еще четыре дня после собеседования, если вдруг его не пришлют, напомнить.
Как и предполагал, никто не прислала feedback. Написал сам. Заверили, что технический специалист уже смотрит мою работу и до вечера обязательно даст обратную связь. Прошло еще три дня. Из любопытства решил связаться с компанией. Телефон не отвечает, почта, телеграм, скайп молчат. Для меня до сих пор загадка, что же это было. Все просто пропали.
Вот самое позорное собеседование. Разговор прошел просто блеск. Все были довольны мной, а я в целом компанией. Хорошая оплата труда, и остался последний этап — техническое задание. Мне дают ноутбук, где нужно было собрать из массива вложенный объект, и тут меня накрыло.
До сих пор не знаю, что это было. Как бабка отшептала. Я просто потерялся, и до сих пор не понимаю почему. Задал пару глупых вопросов по заданию и чувствую, что «тону». Пытаюсь взять себя в руки, и тут технический специалист встает и со словами «у меня больше вопросов нет» покидает кабинет. Я готов был сквозь землю провалиться. Вышел на улицу, пока шел до метро, в голове нарисовал алгоритм решения, но уже было слишком поздно — собеседование провалено.
Конкретно в том месте, где я сейчас работаю, собеседование происходило в несколько этапов:
- Телефонное интервью с HR (похоже, у них есть листочек с ключами ответов, опрашивают по скрипту).
- Собеседование с HR лично, затем собеседование с техническим директором. Разговаривали о технологиях, которые используются в компании, об инструментах, которые я знаю и применял.
Через несколько дней мне позвонила HR и сказала, что нужно выполнить тестовое задание. Я пришел в назначенное время, мне дали листок со схематично изображенным сайтом. Нужно было адаптивно сверстать макет.
С использованием Bootrstrap я справился минут за 20. Меня сразу проводили в отдел кадров, где получил список документов, необходимых для трудоустройства, и через пару дней приступил к работе.
В работе приходится больше иметь дело с уже написанным кодом, решать вопросы с адаптацией сайта. Используются HTML, CSS, JS, скрипты, jQuery, Bootstrap, много специфичного софта по созданию каруселей и верстки HTML-писем. В целом все интересно. Я продолжаю учиться на Хекслете. Сейчас есть возможность применять полученные теоретические знания сразу на практике.
Советы новичкам, планы и слова благодарности
Что же посоветовать новичкам и почему я выбрал frontend? Когда я только пришел в мир IT и пытался в нем разобраться, даже не знал языков программирования и понятия не имел об их предназначении. Начинал кодить на C, Java, Python, Swift, Kotlin, C#. Перебрал много технологий, всерьез веб-разработку даже не рассматривал. Считал, что сейчас все умеют писать сайты, что это вчерашний день, есть конструкторы. Как сказал мой друг, сейчас только ленивый не пишет сайты.
Теперь знаю, что это не так. На рынке дефицит специалистов и огромное количество открытых вакансий. Это одно из немногих направлений в IT, где прекрасно можно работать на удаленке и жить где угодно. Здесь есть перспективы роста и варианты маневра, а также высокая оплата труда.
Планирую изучить бэкенд и стать fullstack-разработчиком, а затем хочу заняться защитой данных. Завершаю фразой, которую прочитал, когда только начинал обучение: «Чтобы добиться успеха, начните изучать то, что вам нравится, и не останавливайтесь». Чтобы добиться серьезных результатов в программировании, нужна дисциплина и регулярные занятия.
P. S. Хочу сказать огромное спасибо Хекслету за то, что заполнили и продолжаете заполнять пробелы в знаниях, которые оставили другие школы. Спасибо, что выстроили систему из набора причинно-следственных связей.
Многое в процессе обучения стало понятно: не просто что это должно быть так, а почему именно так. Мне очень нравится обучение. Благодаря Хекслету мне достаточно быстро удалось найти работу frontend-разработчиком. Конечно, еще много предстоит узнать. Буду совершенствоваться дальше и повышать свою стоимость на рынке труда благодаря ребятам из команды Хекслета.
<!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 16:30:47 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="axA772zSUwS5H57DP5AClWIZ_j7EDlTJB54YMh-uQ42EwfDYnqz-ZA9culszn_LiohDTlMw5qmu6foJmTamk4w";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="Меня зовут Максим, мне 31 год. Еще со школы, а окончил я физико-математический лицей с дополнительной квалификацией «лаборант-программист», мечтал стать программистом.">
<link rel="canonical" href="https://ru.hexlet.io/blog/posts/neudachnye-sobesedovaniya-ne-prigovor-ili-kak-ya-nashyol-svoy-put-i-stal-frontend-razrabotchikom">
<meta property="og:title" content="Неудачные собеседования — не приговор, или Как я нашёл свой путь и стал фронтенд-разработчиком">
<meta property="og:description" content="Меня зовут Максим, мне 31 год. Еще со школы, а окончил я физико-математический лицей с дополнительной квалификацией «лаборант-программист», мечтал стать программистом.">
<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="D-IPon4yDbnBPGNyuoRiQ6nfOsDbAu71BWnKMnQMd3bgM8SVjEyg2Xd_R-q2i5I0adYXatM1EFe4iVBmJguQGA" />
<script src="/vite/assets/inertia-INZxX8jp.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-nkZBEvfU.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-6pOtQ3OW.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/eyJfcmFpbHMiOnsiZGF0YSI6NDAyOCwicHVyIjoiYmxvYl9pZCJ9fQ==--ae9eed98663dd1201759d042a5ba7ca790866156/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Programming-bro.png"/><link rel="preload" as="image" href="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzY2NSwicHVyIjoiYmxvYl9pZCJ9fQ==--f7793ed718d27cc7ce1799556a7623d56e7635f8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Code%20snippets-rafiki.png"/><link rel="preload" as="image" href="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzczNSwicHVyIjoiYmxvYl9pZCJ9fQ==--883f3fd4e1b571538035b5680c8d4a9eb504b1f6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Source%20code-amico.png"/><link rel="preload" as="image" href="https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzczMSwicHVyIjoiYmxvYl9pZCJ9fQ==--f5df4883f3f678321cb4fa96e9ce657bd5ee1adf/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Static%20website-cuate.png"/><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="/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-26T16:30:46.947Z","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":"w5oVZE5UBv85cETJMS0xLlDTNPxLs782wJfoQBRlKMssS95TvCqrn48zYFE9IsFZkNoZVkOEQZR9d3IURmLPpQ","post":{"model_name":"BlogPost","category":{"id":3,"name":"Истории успеха","slug":"success","state":"published","created_at":"2016-07-30T12:57:18.308Z"},"creator":{"public_name":"Maxim Grigorev","id":251122,"is_tutor":false},"tags":[{"id":1443,"slug":"frontend","name":"Фронтенд"}],"id":624,"title":"Неудачные собеседования — не приговор, или Как я нашёл свой путь и стал фронтенд-разработчиком","slug":"neudachnye-sobesedovaniya-ne-prigovor-ili-kak-ya-nashyol-svoy-put-i-stal-frontend-razrabotchikom","state":"published","summary":"Меня зовут Максим, мне 31 год. Еще со школы, а окончил я физико-математический лицей с дополнительной квалификацией «лаборант-программист», мечтал стать программистом.","votes_count":42,"created_at":"2020-01-16T07:33:42.708Z","published_at":"2020-01-22T13:25:21.881Z","body":"Всем привет. Меня зовут Максим, мне 31 год. Еще со школы, а окончил я физико-математический лицей с дополнительной квалификацией «лаборант-программист», мечтал стать программистом. Но родился в небольшом провинциальном городе, где программистами называют тех, кто умеет настроить принтер. \n\nТак получилось, что реализоваться было негде, переехать учиться возможности не было. Я поступил на инженера-механика нефтегазовых процессов, окончил вуз, начал работать, но любовь к компьютерам и к коду так и не пропадала. \n\n::programs\n\nЗанимался самостоятельно, разбирался в технологиях, но зарабатывал деньги совсем в другой сфере, а иногда подрабатывал установкой Windows. Случайно наткнулся на Школу 21, это якобы инновационная школа будущего. Это был первый этап, когда я понял, что хочу вернуться к детской мечте. \n\n> **Нет причинно-следственных связей, и я — просто архив каких-то несвязанных технологий.**\n\nПрошел все вступительные испытания: онлайн-тестирование, личную встречу с самопрезентацией, бассейн (30 дней ежедневного написания кода, когда постоянно горящие дедлайны). Переехал в Москву учиться. В этой школе нет учителей, и я по сути занимался самостоятельно, только в рамках школы. \n\nПроучившись в школе год, начал понимать, что нагугленные знания не имеют системы. «Тут знаю, тут не знаю, почему тут так, я тоже не знаю». Нет причинно-следственных связей, и я — просто архив каких-то несвязанных технологий. \n\nНачал искать для себя школы, где смогу получить именно систему знаний. Попробовал много курсов: GeekBrains, Skillbox и другие. Конечно, я [что-то узнал из этих школ](https://ru.hexlet.io/blog/posts/obzor-populyarnyh-shkol-programmirovaniya-lichnyy-opyt-plyusy-minusy-i-feyly), наполучал сертификатов. Пришло время искать работу. И опять столкнулся с тем, что не могу выполнить большинство тестовых заданий. Появилось чувство отчаяния. Иногда казалось, что я просто тупой.\n\n\n## Содержание\n\n## Несколько слов о школах программирования, в которых учился\n\nШкола 21 (Ecole 42) подтолкнула всерьез заняться программированием, за что ей всегда буду благодарен. Эта школа позволила оценить свои силы и поверить в них. Обучение здесь проходит в формате коворкинга. Есть помещение, где установлено около 1000 макбуков. \n\nУ каждого студента есть своя учетная запись, где можно выбирать проекты и выполнять. Учебного материала как такового практически нет, есть только Google и дедлайн. Первый год целиком проходит на языке C. Далее можно каким-то образом выбирать, но я уже об этом не узнаю. \n\n\n\n_Максим Григорьев_\n___\n\nОчень тяжело учиться, когда нет экспертного мнения. И я не увидел в обучении системы. Наверное, если бы не нужно было работать, чтобы сохранять комфортный уровень жизни для себя и своей семьи, я бы учился дальше. Но нужно было зарабатывать, а с такими знаниями меня даже на летнюю стажировку не брали, какой уж там работать программистом полноценно.\n\nGeekbrains — благодарен этой школе за огромное количество бесплатного контента. Когда не было возможности покупать курсы, старался смотреть все что мог. Прошел около 20 курсов, смог написать код на разных языках, и пытался понять, что подходит именно мне, посещал митапы и мастер-классы. \n\n> **Похоже на шоу, где все хотят, чтобы ты просто остался доволен происходящим.**\n\nНа курсе по HTML5 и CSS3 понял, что мне нравится веб-разработка. Увлекся версткой и начал искать работу верстальщиком. Но покупать курсы на GeekBrains дороговато: от 50-80 тыс. рублей стоит [уровень Junior](https://ru.hexlet.io/blog/posts/intervyu-s-ceo-tsifronomika-aleksandrom-borisovym-dzhuny-s-heksleta-vydelyayutsya-tem-chto-ponimayut-i-ispolzuyut-ob-ektno-orientirovannyy-podhod). Главное — обучение занимает от 10 месяцев! Да и те курсы, что мне удалось пройти, не давали исчерпывающих знаний. Похоже на шоу, где все хотят, чтобы ты просто остался доволен происходящим. Это все мое личное мнение. \n\nИ однажды, выполняя тестовое задание, я наткнулся на GitHub на школу Хекслет.\n\nМне нравится, как построено обучение на Хекслете. Во-первых, выстраиваются логические цепочки, обучение имеет систему. Благодаря этому информация усваивается гораздо лучше, чем просто разнородный набор знаний. Также есть огромное количество дополнительного материала. Я еще не до конца прошёл первый раз программу курса, но точно знаю, что пройду ее второй раз. \n\nВо-вторых, можно обучаться в комфортном режиме: нет группы, которую нужно догонять или ждать, но при этом прогресс отслеживается. Хотя, возможно, для кого-то это будет минусом. Для тех, у кого с самодисциплиной проблемы. В-третьих, за обучение можно платить ежемесячно без всяких «заманух» вроде «начни учиться сейчас, а платить через полгода или год». В итоге с помощью таких заманух на тебя вешают кредит, а я ненавижу кредиты. Да и плата за обучение на Хекслете вполне демократичная.\n\nВ других школах я как правило прекращал заниматься сразу, там много воды. Представьте ситуацию: надо час смотреть видео, а значимой информации в нём на 3 минуты. Как уже писал, я «гулял» по просторам GitHub в поисках идей для реализации тестовой работы, и зашел на страницу парня, который выполнял аналогичное задание. Я посмотрел на другие репозитории и увидел выполненные проекты с пометкой «учебные проекты hexlet». Стало интересно, перешел на сайт и начал изучение. \n\nМне очень понравилась подача материала, и после прохождения первых бесплатных курсов сразу оплатил ежемесячную подписку. \n\n\n## Как я искал работу\n\nК моменту знакомства с Хекслетом у меня уже было оформлено резюме, и оно постоянно обновлялось. Регулярно посещал собеседования, и каждое собеседование для меня было всегда сюрпризом. Работодатели предъявляют кандидатам разные требования. То есть профессию frontend-разработчик каждая компания понимает по-своему, как и профессию JavaScript-программист.\n\nСобеседования проходили по-разному. Где-то технический специалист с чувством превосходства заваливал вопросами и прощался, где-то помогали разобраться с заданиями, и даже после собеседования я узнавал что-то новое. Могу сказать, что посещения собеседований — отдельный скилл, который нарабатывается только на практике. \n\nНужно не бояться и пробовать, даже если стек технологий, указанный в вакансии, вам не знаком или знаком не до конца. \n\n\n### С какими вопросами и задачами столкнулся на собеседованиях\n\nЧто касается самих заданий: тут их огромное множество. Бывает, просто устно опрашивают на понимание базовых принципов:\n\n* семантика HTML5;\n* что такое DOM;\n* как работает ключевое слово this (частый вопрос);\n* что такое замыкание (частый вопрос);\n* вопросы по Bootstrap 4 (по адаптивной верстке в целом);\n* перечислить все известные способы, как можно отцентрировать div на экране (позиционирование);\n* всегда спрашивают про какие-либо фреймворки (React Vue Angular);\n* вопросы о БЭМ;\n* что такое нотация «О большое» (алгоритмическая сложность кода);\n* общие вопросы про препроцессоры (Less/Sass). \n\nПо практике: она выполняется либо на листочке, либо предоставляют компьютер, либо дают задание домой. На листочке просят:\n\n* сверстать какой-то макет нарисованный;\n* в виде теста (выбери правильный ответ);\n* разные задачи.Мне попадалась задача «палиндром» – сделал рекурсией благодаря Хекслету, до этого рекурсию не понимал совсем;\n\nЗадачи на компьютере:\n\n* парсинг страницы интернет магазина: надо вытащить все артикулы товаров; \n* попадались задачи на создание объекта по заданному массиву:\n* дают задачи с написанным кодом (написать результат на выходе из функции).\n\nДомашняя работа (присылают задание на почту): там опять же верстка, или надо написать какие-то функции. Заданий было очень много, задают разные вопросы. Частенько по базам данных, по особенностям запросов на сервер и прочее. Выше писал, что стек технологий, которыми должен владеть frontend-программист, очень сильно отличается от компании к компании. \n\n\n### Забавные истории собеседований \n\nПервый забавный случай. Как-то раз мне позвонила девушка и пригласила на вакансию «Дизайнер/верстальщик». Я опущу тот факт, что в описании вакансии были допущены орфографические ошибки, и меня смутили требования: нужен кандидат с техническим или с художественным образованием. Сразу показалось странным. Это диаметрально противоположные вещи. \n\nМорщиться не стал, работа нужна, да и от дома близко. Решил пойти. По стандартному сценарию: HR, технический специалист, тестовое задание. После беседы говорят, что меня берут. Очень обрадовался, согласился. \n\nПравда, на собеседовании помимо технических знаний очень поверхностно спросили: «Как с фотошопом дела?» Сказал, что в порядке. Начал работать: отдал свою трудовую книжку в бухгалтерию, сам полон энтузиазма. \n\nИ тут мне дают задание: нарисовать рекламный баннер, второй. Меня это немного смутило, но я попытался выполнить задание. После отправки нескольких вариантов получил огромное количество критики в свой адрес. Говорили, что недостаточно креатива. \n\nНаступает день подписания трудового договора, иду в отдел кадров, там мне дают документы где написана должность «дизайнер». Подумал, что ошиблись. Я не дизайнером пришел работать, а фронтендером. Код пишу, а не рекламную продукцию рисую. \n\nВсе оказались в недоумении, и одна из сотрудниц предложила дописать приставку «веб». Так я стал веб-дизайнером. На написание кода я тратил 10-20 % рабочего времени, остальное время пытался «креативить». В итоге в один прекрасный день меня вызывает руководитель и говорит, что решил прекратить со мной трудовые отношения. С технической точки зрения ко мне претензий нет, но креатива маловато. Так меня приняли за знания кода, а уволили за отсутствие креатива.\n\nЕще забавный случай запомнился. Позвонила HR и предложила вакансию руководителя. Нужны знания программирования, так как необходимо время от времени помогать отделу с версткой. Я согласился, она скинула мне тестовое задание. Я его выполнил, отправил. \n\nЧерез несколько дней мне ответили : «Наш технический специалист сказал, что там вроде почти все нормально, и нужно выполнить второе задание — верстку по макету figma». Предложили назначить skype-собеседование на такое-то число на 16:00. Я спросил, надо ли выполнить тестовое до собеседования, и получил утвердительный ответ. \n\nВ день собеседования тишина. За 10 минут до собеседования мне написала HR, сказала, что опаздывает на 10 минут, в итоге опоздала на 20. В ходе разговора я выясняю, что мои работы даже никто не смотрел. Рассказали, чем занимается компания, что у них небольшой стартап, обещали дать feedback по выполненной работе до среды. Это еще четыре дня после собеседования, если вдруг его не пришлют, напомнить. \n\nКак и предполагал, никто не прислала feedback. Написал сам. Заверили, что технический специалист уже смотрит мою работу и до вечера обязательно даст обратную связь. Прошло еще три дня. Из любопытства решил связаться с компанией. Телефон не отвечает, почта, телеграм, скайп молчат. Для меня до сих пор загадка, что же это было. Все просто пропали.\n\nВот самое позорное собеседование. Разговор прошел просто блеск. Все были довольны мной, а я в целом компанией. Хорошая оплата труда, и остался последний этап — техническое задание. Мне дают ноутбук, где нужно было собрать из массива вложенный объект, [и тут меня накрыло](https://ru.hexlet.io/blog/posts/napisanie-koda-na-sobesedovanii-normalnaya-praktika-ili-slishkom-zhyostkoe-ispytanie). \n\nДо сих пор не знаю, что это было. Как бабка отшептала. Я просто потерялся, и до сих пор не понимаю почему. Задал пару глупых вопросов по заданию и чувствую, что «тону». Пытаюсь взять себя в руки, и тут технический специалист встает и со словами «у меня больше вопросов нет» покидает кабинет. Я готов был сквозь землю провалиться. Вышел на улицу, пока шел до метро, в голове нарисовал алгоритм решения, но уже было слишком поздно — собеседование провалено.\n\nКонкретно в том месте, где я сейчас работаю, собеседование происходило в несколько этапов:\n\n1. Телефонное интервью с HR (похоже, у них есть листочек с ключами ответов, опрашивают по скрипту).\n2. Собеседование с HR лично, затем собеседование с техническим директором. Разговаривали о технологиях, которые используются в компании, об инструментах, которые я знаю и применял.\n\nЧерез несколько дней мне позвонила HR и сказала, что нужно выполнить тестовое задание. Я пришел в назначенное время, мне дали листок со схематично изображенным сайтом. Нужно было адаптивно сверстать макет. \n\nС использованием Bootrstrap я справился минут за 20. Меня сразу проводили в отдел кадров, где получил список документов, необходимых для трудоустройства, и через пару дней приступил к работе.\n\nВ работе приходится больше иметь дело с уже написанным кодом, решать вопросы с адаптацией сайта. Используются HTML, CSS, JS, скрипты, jQuery, Bootstrap, много специфичного софта по созданию каруселей и верстки HTML-писем. В целом все интересно. Я продолжаю учиться на Хекслете. Сейчас есть возможность применять полученные теоретические знания сразу на практике.\n\n\n## Советы новичкам, планы и слова благодарности\n\nЧто же посоветовать новичкам и почему я выбрал frontend? Когда я только пришел в мир IT и пытался в нем разобраться, даже не знал языков программирования и понятия не имел об их предназначении. Начинал кодить на C, Java, Python, Swift, Kotlin, C#. Перебрал много технологий, всерьез веб-разработку даже не рассматривал. Считал, что сейчас все умеют писать сайты, что это вчерашний день, есть конструкторы. Как сказал мой друг, сейчас только ленивый не пишет сайты. \n\nТеперь знаю, что это не так. На рынке дефицит специалистов и огромное количество открытых вакансий. Это одно из немногих направлений в IT, где прекрасно можно работать на удаленке и жить где угодно. Здесь есть перспективы роста и варианты маневра, а также высокая оплата труда. \n\n::posts\n\nПланирую изучить бэкенд и стать fullstack-разработчиком, а затем хочу заняться защитой данных. Завершаю фразой, которую прочитал, когда только начинал обучение: «Чтобы добиться успеха, начните изучать то, что вам нравится, и не останавливайтесь». Чтобы добиться серьезных результатов в программировании, нужна дисциплина и регулярные занятия.\n\nP. S. Хочу сказать огромное спасибо Хекслету за то, что заполнили и продолжаете заполнять пробелы в знаниях, которые оставили другие школы. Спасибо, что выстроили систему из набора причинно-следственных связей. \n\nМногое в процессе обучения стало понятно: не просто что это должно быть так, а почему именно так. Мне очень нравится обучение. Благодаря Хекслету мне достаточно быстро удалось найти работу frontend-разработчиком. Конечно, еще много предстоит узнать. Буду совершенствоваться дальше и повышать свою стоимость на рынке труда благодаря ребятам из команды Хекслета.\n","reading_time":7,"url":"https://ru.hexlet.io/blog/posts/neudachnye-sobesedovaniya-ne-prigovor-ili-kak-ya-nashyol-svoy-put-i-stal-frontend-razrabotchikom","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":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":608,"title":"Как на собеседовании меня заставляли продавать джинсы, но я всё равно стал программистом","slug":"kak-na-sobesedovanii-menya-zastavlyali-prodavat-dzhinsy-no-ya-vsyo-ravno-stal-programmistom","summary":"Добра всем, кто решил прочитать этот рассказ! Решил и я поделиться своей историей обучения и трудоустройства.\r\n","created_at":"2020-01-01T19:33:24.472Z","published_at":"2020-01-11T07:29:55.535Z","cover_list_variant":"/vite/assets/blog_post-7eTyeLLt.webp"},{"model_name":"BlogPost","id":593,"title":"Как я изучил достопримечательности Питера во время поездок на собеседования и всё-таки стал программистом","slug":"kak-ya-izuchil-dostoprimechatelnosti-pitera-vo-vremya-poezdok-na-sobesedovaniya-i-vsyo-taki-stal-programmistom","summary":"Ведение дневника выработало у меня привычку создавать новые привычки. К примеру, каждый день выделять час на программирование. Это важно, ведь если пропустить пару дней, все вылетает из головы и приходится по новой погружаться в тему. ","created_at":"2019-12-17T20:29:37.050Z","published_at":"2019-12-20T11:50:19.216Z","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":34,"slug":"algorithms","title":"Алгоритмы и структуры данных","audience":"for_programmers","start_type":"anytime","pricing_model":"subscription","priority":"medium","kind":"track","state":"published","stack_state":"finished","order":4000,"duration_in_months":2},"id":56,"slug":"algorithms","title":"Алгоритмы и структуры данных","subtitle":"Навык, который увеличит ваши шансы пройти алгоритмическое интервью в международные компании на 80%","subtitle_for_lists":"Алгоритмы для собеседований","locale":"ru","current":true,"duration_in_months_text":"2 месяца","stack_slug":"algorithms","price_text":"от 3 900 ₽","duration_text":"2 месяца","cover_list_variant":"https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NDAyOCwicHVyIjoiYmxvYl9pZCJ9fQ==--ae9eed98663dd1201759d042a5ba7ca790866156/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Programming-bro.png"},{"stack":{"id":180,"slug":"fullstack-python","title":"Fullstack-разработчик на Python","audience":"for_beginners","start_type":"weekly","pricing_model":"purchase","priority":"high","kind":"profession","state":"published","stack_state":"finished","order":null,"duration_in_months":16},"id":281,"slug":"fullstack-python","title":"Fullstack-разработчик на Python","subtitle":"","subtitle_for_lists":null,"locale":"ru","current":true,"duration_in_months_text":"16 месяцев","stack_slug":"fullstack-python","price_text":"от 7 934 ₽","duration_text":"16 месяцев","cover_list_variant":"https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzY2NSwicHVyIjoiYmxvYl9pZCJ9fQ==--f7793ed718d27cc7ce1799556a7623d56e7635f8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Code%20snippets-rafiki.png"},{"stack":{"id":3,"slug":"java","title":"Java-разработчик","audience":"for_beginners","start_type":"weekly","pricing_model":"purchase","priority":"high","kind":"profession","state":"published","stack_state":"finished","order":30,"duration_in_months":10},"id":3,"slug":"java","title":"Java-разработчик","subtitle":"Изучите Java и фреймворк Spring Boot и REST API","subtitle_for_lists":"Изучите Java и фреймворк Spring Boot и REST API","locale":"ru","current":true,"duration_in_months_text":"10 месяцев","stack_slug":"java","price_text":"от 6 792 ₽","duration_text":"10 месяцев","cover_list_variant":"https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzczNSwicHVyIjoiYmxvYl9pZCJ9fQ==--883f3fd4e1b571538035b5680c8d4a9eb504b1f6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Source%20code-amico.png"},{"stack":{"id":7,"slug":"python","title":"Python-разработчик","audience":"for_beginners","start_type":"weekly","pricing_model":"purchase","priority":"high","kind":"profession","state":"published","stack_state":"finished","order":10,"duration_in_months":10},"id":7,"slug":"python","title":"Python-разработчик ","subtitle":"Изучите Python, Django, REST и Fast API для создания веб-приложений","subtitle_for_lists":"Изучите Python, Django, REST и Fast API для создания веб-приложений","locale":"ru","current":true,"duration_in_months_text":"10 месяцев","stack_slug":"python","price_text":"от 6 792 ₽","duration_text":"10 месяцев","cover_list_variant":"https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6MzczMSwicHVyIjoiYmxvYl9pZCJ9fQ==--f5df4883f3f678321cb4fa96e9ce657bd5ee1adf/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Static%20website-cuate.png"},{"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"}]},"url":"/blog/posts/neudachnye-sobesedovaniya-ne-prigovor-ili-kak-ya-nashyol-svoy-put-i-stal-frontend-razrabotchikom","version":"0b0c6d4ebbd40fd58630a0dd89cc25544ccdf24e","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":"Maxim Grigorev","name":"Неудачные собеседования — не приговор, или Как я нашёл свой путь и стал фронтенд-разработчиком","datePublished":"2020-01-22T13:25:21.881Z","headline":"Меня зовут Максим, мне 31 год. Еще со школы, а окончил я физико-математический лицей с дополнительной квалификацией «лаборант-программист», мечтал стать программистом.","image":"/vite/assets/blog_post-7eTyeLLt.webp","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":42}]}</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/neudachnye-sobesedovaniya-ne-prigovor-ili-kak-ya-nashyol-svoy-put-i-stal-frontend-razrabotchikom","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">22 января 2020 г.</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>7 минут</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>42</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>Всем привет. Меня зовут Максим, мне 31 год. Еще со школы, а окончил я физико-математический лицей с дополнительной квалификацией «лаборант-программист», мечтал стать программистом. Но родился в небольшом провинциальном городе, где программистами называют тех, кто умеет настроить принтер.</p>
<p>Так получилось, что реализоваться было негде, переехать учиться возможности не было. Я поступил на инженера-механика нефтегазовых процессов, окончил вуз, начал работать, но любовь к компьютерам и к коду так и не пропадала.</p>
<style data-mantine-styles="inline">.__m__-_R_5derddmiub_{--carousel-slide-gap:var(--mantine-spacing-xs);--carousel-slide-size:70%;}@media(min-width: 36em){.__m__-_R_5derddmiub_{--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_5derddmiub_" 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/algorithms?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">Алгоритмы и структуры данных</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/eyJfcmFpbHMiOnsiZGF0YSI6NDAyOCwicHVyIjoiYmxvYl9pZCJ9fQ==--ae9eed98663dd1201759d042a5ba7ca790866156/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Programming-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/fullstack-python?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">16 месяцев</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">Fullstack-разработчик на Python</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/eyJfcmFpbHMiOnsiZGF0YSI6MzY2NSwicHVyIjoiYmxvYl9pZCJ9fQ==--f7793ed718d27cc7ce1799556a7623d56e7635f8/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Code%20snippets-rafiki.png" alt="Fullstack-разработчик на Python" 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">от 7 934 ₽</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/java?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">Java-разработчик</p><p class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Изучите Java и фреймворк Spring Boot и REST API</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/eyJfcmFpbHMiOnsiZGF0YSI6MzczNSwicHVyIjoiYmxvYl9pZCJ9fQ==--883f3fd4e1b571538035b5680c8d4a9eb504b1f6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Source%20code-amico.png" alt="Java-разработчик" 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/python?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">Python-разработчик </p><p class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Изучите Python, Django, REST и Fast API для создания веб-приложений</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/eyJfcmFpbHMiOnsiZGF0YSI6MzczMSwicHVyIjoiYmxvYl9pZCJ9fQ==--f5df4883f3f678321cb4fa96e9ce657bd5ee1adf/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbNDAwLDQwMF0sInNhdmVyIjp7InF1YWxpdHkiOjg1fX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5b6f46dacd1af664f27558553a58076185091823/Static%20website-cuate.png" alt="Python-разработчик " 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/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="/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>Занимался самостоятельно, разбирался в технологиях, но зарабатывал деньги совсем в другой сфере, а иногда подрабатывал установкой Windows. Случайно наткнулся на Школу 21, это якобы инновационная школа будущего. Это был первый этап, когда я понял, что хочу вернуться к детской мечте.</p>
<blockquote>
<p><strong>Нет причинно-следственных связей, и я — просто архив каких-то несвязанных технологий.</strong></p>
</blockquote>
<p>Прошел все вступительные испытания: онлайн-тестирование, личную встречу с самопрезентацией, бассейн (30 дней ежедневного написания кода, когда постоянно горящие дедлайны). Переехал в Москву учиться. В этой школе нет учителей, и я по сути занимался самостоятельно, только в рамках школы.</p>
<p>Проучившись в школе год, начал понимать, что нагугленные знания не имеют системы. «Тут знаю, тут не знаю, почему тут так, я тоже не знаю». Нет причинно-следственных связей, и я — просто архив каких-то несвязанных технологий.</p>
<p>Начал искать для себя школы, где смогу получить именно систему знаний. Попробовал много курсов: GeekBrains, Skillbox и другие. Конечно, я <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/obzor-populyarnyh-shkol-programmirovaniya-lichnyy-opyt-plyusy-minusy-i-feyly" rel="noopener noreferrer" target="_blank">что-то узнал из этих школ</a>, наполучал сертификатов. Пришло время искать работу. И опять столкнулся с тем, что не могу выполнить большинство тестовых заданий. Появилось чувство отчаяния. Иногда казалось, что я просто тупой.</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-6">Советы новичкам, планы и слова благодарности</a></li>
</ul>
<h2 id="heading-2-2">Несколько слов о школах программирования, в которых учился</h2>
<p>Школа 21 (Ecole 42) подтолкнула всерьез заняться программированием, за что ей всегда буду благодарен. Эта школа позволила оценить свои силы и поверить в них. Обучение здесь проходит в формате коворкинга. Есть помещение, где установлено около 1000 макбуков.</p>
<p>У каждого студента есть своя учетная запись, где можно выбирать проекты и выполнять. Учебного материала как такового практически нет, есть только Google и дедлайн. Первый год целиком проходит на языке C. Далее можно каким-то образом выбирать, но я уже об этом не узнаю.</p>
<p><img style="--image-object-fit:contain;width:auto" class="m_9e117634 mantine-Image-root" src="https://i.imgur.com/USUycIO.jpg" alt="автор истории успеха Максим" loading="lazy"/></p>
<p><em>Максим Григорьев</em></p>
<hr/>
<p>Очень тяжело учиться, когда нет экспертного мнения. И я не увидел в обучении системы. Наверное, если бы не нужно было работать, чтобы сохранять комфортный уровень жизни для себя и своей семьи, я бы учился дальше. Но нужно было зарабатывать, а с такими знаниями меня даже на летнюю стажировку не брали, какой уж там работать программистом полноценно.</p>
<p>Geekbrains — благодарен этой школе за огромное количество бесплатного контента. Когда не было возможности покупать курсы, старался смотреть все что мог. Прошел около 20 курсов, смог написать код на разных языках, и пытался понять, что подходит именно мне, посещал митапы и мастер-классы.</p>
<blockquote>
<p><strong>Похоже на шоу, где все хотят, чтобы ты просто остался доволен происходящим.</strong></p>
</blockquote>
<p>На курсе по HTML5 и CSS3 понял, что мне нравится веб-разработка. Увлекся версткой и начал искать работу верстальщиком. Но покупать курсы на GeekBrains дороговато: от 50-80 тыс. рублей стоит <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/intervyu-s-ceo-tsifronomika-aleksandrom-borisovym-dzhuny-s-heksleta-vydelyayutsya-tem-chto-ponimayut-i-ispolzuyut-ob-ektno-orientirovannyy-podhod" rel="noopener noreferrer" target="_blank">уровень Junior</a>. Главное — обучение занимает от 10 месяцев! Да и те курсы, что мне удалось пройти, не давали исчерпывающих знаний. Похоже на шоу, где все хотят, чтобы ты просто остался доволен происходящим. Это все мое личное мнение.</p>
<p>И однажды, выполняя тестовое задание, я наткнулся на GitHub на школу Хекслет.</p>
<p>Мне нравится, как построено обучение на Хекслете. Во-первых, выстраиваются логические цепочки, обучение имеет систему. Благодаря этому информация усваивается гораздо лучше, чем просто разнородный набор знаний. Также есть огромное количество дополнительного материала. Я еще не до конца прошёл первый раз программу курса, но точно знаю, что пройду ее второй раз.</p>
<p>Во-вторых, можно обучаться в комфортном режиме: нет группы, которую нужно догонять или ждать, но при этом прогресс отслеживается. Хотя, возможно, для кого-то это будет минусом. Для тех, у кого с самодисциплиной проблемы. В-третьих, за обучение можно платить ежемесячно без всяких «заманух» вроде «начни учиться сейчас, а платить через полгода или год». В итоге с помощью таких заманух на тебя вешают кредит, а я ненавижу кредиты. Да и плата за обучение на Хекслете вполне демократичная.</p>
<p>В других школах я как правило прекращал заниматься сразу, там много воды. Представьте ситуацию: надо час смотреть видео, а значимой информации в нём на 3 минуты. Как уже писал, я «гулял» по просторам GitHub в поисках идей для реализации тестовой работы, и зашел на страницу парня, который выполнял аналогичное задание. Я посмотрел на другие репозитории и увидел выполненные проекты с пометкой «учебные проекты hexlet». Стало интересно, перешел на сайт и начал изучение.</p>
<p>Мне очень понравилась подача материала, и после прохождения первых бесплатных курсов сразу оплатил ежемесячную подписку.</p>
<h2 id="heading-2-3">Как я искал работу</h2>
<p>К моменту знакомства с Хекслетом у меня уже было оформлено резюме, и оно постоянно обновлялось. Регулярно посещал собеседования, и каждое собеседование для меня было всегда сюрпризом. Работодатели предъявляют кандидатам разные требования. То есть профессию frontend-разработчик каждая компания понимает по-своему, как и профессию JavaScript-программист.</p>
<p>Собеседования проходили по-разному. Где-то технический специалист с чувством превосходства заваливал вопросами и прощался, где-то помогали разобраться с заданиями, и даже после собеседования я узнавал что-то новое. Могу сказать, что посещения собеседований — отдельный скилл, который нарабатывается только на практике.</p>
<p>Нужно не бояться и пробовать, даже если стек технологий, указанный в вакансии, вам не знаком или знаком не до конца.</p>
<h3 id="heading-3-4">С какими вопросами и задачами столкнулся на собеседованиях</h3>
<p>Что касается самих заданий: тут их огромное множество. Бывает, просто устно опрашивают на понимание базовых принципов:</p>
<ul>
<li>семантика HTML5;</li>
<li>что такое DOM;</li>
<li>как работает ключевое слово this (частый вопрос);</li>
<li>что такое замыкание (частый вопрос);</li>
<li>вопросы по Bootstrap 4 (по адаптивной верстке в целом);</li>
<li>перечислить все известные способы, как можно отцентрировать div на экране (позиционирование);</li>
<li>всегда спрашивают про какие-либо фреймворки (React Vue Angular);</li>
<li>вопросы о БЭМ;</li>
<li>что такое нотация «О большое» (алгоритмическая сложность кода);</li>
<li>общие вопросы про препроцессоры (Less/Sass).</li>
</ul>
<p>По практике: она выполняется либо на листочке, либо предоставляют компьютер, либо дают задание домой. На листочке просят:</p>
<ul>
<li>сверстать какой-то макет нарисованный;</li>
<li>в виде теста (выбери правильный ответ);</li>
<li>разные задачи.Мне попадалась задача «палиндром» – сделал рекурсией благодаря Хекслету, до этого рекурсию не понимал совсем;</li>
</ul>
<p>Задачи на компьютере:</p>
<ul>
<li>парсинг страницы интернет магазина: надо вытащить все артикулы товаров;</li>
<li>попадались задачи на создание объекта по заданному массиву:</li>
<li>дают задачи с написанным кодом (написать результат на выходе из функции).</li>
</ul>
<p>Домашняя работа (присылают задание на почту): там опять же верстка, или надо написать какие-то функции. Заданий было очень много, задают разные вопросы. Частенько по базам данных, по особенностям запросов на сервер и прочее. Выше писал, что стек технологий, которыми должен владеть frontend-программист, очень сильно отличается от компании к компании.</p>
<h3 id="heading-3-5">Забавные истории собеседований</h3>
<p>Первый забавный случай. Как-то раз мне позвонила девушка и пригласила на вакансию «Дизайнер/верстальщик». Я опущу тот факт, что в описании вакансии были допущены орфографические ошибки, и меня смутили требования: нужен кандидат с техническим или с художественным образованием. Сразу показалось странным. Это диаметрально противоположные вещи.</p>
<p>Морщиться не стал, работа нужна, да и от дома близко. Решил пойти. По стандартному сценарию: HR, технический специалист, тестовое задание. После беседы говорят, что меня берут. Очень обрадовался, согласился.</p>
<p>Правда, на собеседовании помимо технических знаний очень поверхностно спросили: «Как с фотошопом дела?» Сказал, что в порядке. Начал работать: отдал свою трудовую книжку в бухгалтерию, сам полон энтузиазма.</p>
<p>И тут мне дают задание: нарисовать рекламный баннер, второй. Меня это немного смутило, но я попытался выполнить задание. После отправки нескольких вариантов получил огромное количество критики в свой адрес. Говорили, что недостаточно креатива.</p>
<p>Наступает день подписания трудового договора, иду в отдел кадров, там мне дают документы где написана должность «дизайнер». Подумал, что ошиблись. Я не дизайнером пришел работать, а фронтендером. Код пишу, а не рекламную продукцию рисую.</p>
<p>Все оказались в недоумении, и одна из сотрудниц предложила дописать приставку «веб». Так я стал веб-дизайнером. На написание кода я тратил 10-20 % рабочего времени, остальное время пытался «креативить». В итоге в один прекрасный день меня вызывает руководитель и говорит, что решил прекратить со мной трудовые отношения. С технической точки зрения ко мне претензий нет, но креатива маловато. Так меня приняли за знания кода, а уволили за отсутствие креатива.</p>
<p>Еще забавный случай запомнился. Позвонила HR и предложила вакансию руководителя. Нужны знания программирования, так как необходимо время от времени помогать отделу с версткой. Я согласился, она скинула мне тестовое задание. Я его выполнил, отправил.</p>
<p>Через несколько дней мне ответили : «Наш технический специалист сказал, что там вроде почти все нормально, и нужно выполнить второе задание — верстку по макету figma». Предложили назначить skype-собеседование на такое-то число на 16</p><div></div>. Я спросил, надо ли выполнить тестовое до собеседования, и получил утвердительный ответ.<p></p>
<p>В день собеседования тишина. За 10 минут до собеседования мне написала HR, сказала, что опаздывает на 10 минут, в итоге опоздала на 20. В ходе разговора я выясняю, что мои работы даже никто не смотрел. Рассказали, чем занимается компания, что у них небольшой стартап, обещали дать feedback по выполненной работе до среды. Это еще четыре дня после собеседования, если вдруг его не пришлют, напомнить.</p>
<p>Как и предполагал, никто не прислала feedback. Написал сам. Заверили, что технический специалист уже смотрит мою работу и до вечера обязательно даст обратную связь. Прошло еще три дня. Из любопытства решил связаться с компанией. Телефон не отвечает, почта, телеграм, скайп молчат. Для меня до сих пор загадка, что же это было. Все просто пропали.</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/napisanie-koda-na-sobesedovanii-normalnaya-praktika-ili-slishkom-zhyostkoe-ispytanie" rel="noopener noreferrer" target="_blank">и тут меня накрыло</a>.</p>
<p>До сих пор не знаю, что это было. Как бабка отшептала. Я просто потерялся, и до сих пор не понимаю почему. Задал пару глупых вопросов по заданию и чувствую, что «тону». Пытаюсь взять себя в руки, и тут технический специалист встает и со словами «у меня больше вопросов нет» покидает кабинет. Я готов был сквозь землю провалиться. Вышел на улицу, пока шел до метро, в голове нарисовал алгоритм решения, но уже было слишком поздно — собеседование провалено.</p>
<p>Конкретно в том месте, где я сейчас работаю, собеседование происходило в несколько этапов:</p>
<ol>
<li>Телефонное интервью с HR (похоже, у них есть листочек с ключами ответов, опрашивают по скрипту).</li>
<li>Собеседование с HR лично, затем собеседование с техническим директором. Разговаривали о технологиях, которые используются в компании, об инструментах, которые я знаю и применял.</li>
</ol>
<p>Через несколько дней мне позвонила HR и сказала, что нужно выполнить тестовое задание. Я пришел в назначенное время, мне дали листок со схематично изображенным сайтом. Нужно было адаптивно сверстать макет.</p>
<p>С использованием Bootrstrap я справился минут за 20. Меня сразу проводили в отдел кадров, где получил список документов, необходимых для трудоустройства, и через пару дней приступил к работе.</p>
<p>В работе приходится больше иметь дело с уже написанным кодом, решать вопросы с адаптацией сайта. Используются HTML, CSS, JS, скрипты, jQuery, Bootstrap, много специфичного софта по созданию каруселей и верстки HTML-писем. В целом все интересно. Я продолжаю учиться на Хекслете. Сейчас есть возможность применять полученные теоретические знания сразу на практике.</p>
<h2 id="heading-2-6">Советы новичкам, планы и слова благодарности</h2>
<p>Что же посоветовать новичкам и почему я выбрал frontend? Когда я только пришел в мир IT и пытался в нем разобраться, даже не знал языков программирования и понятия не имел об их предназначении. Начинал кодить на C, Java, Python, Swift, Kotlin, C#. Перебрал много технологий, всерьез веб-разработку даже не рассматривал. Считал, что сейчас все умеют писать сайты, что это вчерашний день, есть конструкторы. Как сказал мой друг, сейчас только ленивый не пишет сайты.</p>
<p>Теперь знаю, что это не так. На рынке дефицит специалистов и огромное количество открытых вакансий. Это одно из немногих направлений в IT, где прекрасно можно работать на удаленке и жить где угодно. Здесь есть перспективы роста и варианты маневра, а также высокая оплата труда.</p>
<style data-mantine-styles="inline">.__m__-_R_3oderddmiub_{--carousel-slide-gap:var(--mantine-spacing-xs);--carousel-slide-size:80%;}@media(min-width: 36em){.__m__-_R_3oderddmiub_{--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_3oderddmiub_" 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/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/kak-na-sobesedovanii-menya-zastavlyali-prodavat-dzhinsy-no-ya-vsyo-ravno-stal-programmistom"><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="Как на собеседовании меня заставляли продавать джинсы, но я всё равно стал программистом"/></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">Как на собеседовании меня заставляли продавать джинсы, но я всё равно стал программистом</p><p style="margin-bottom:auto" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Добра всем, кто решил прочитать этот рассказ! Решил и я поделиться своей историей обучения и труд...</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">11 января 2020 г.<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-ya-izuchil-dostoprimechatelnosti-pitera-vo-vremya-poezdok-na-sobesedovaniya-i-vsyo-taki-stal-programmistom"><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="Как я изучил достопримечательности Питера во время поездок на собеседования и всё-таки стал программистом"/></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">Как я изучил достопримечательности Питера во время поездок на собеседования и всё-таки стал программистом</p><p style="margin-bottom:auto" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Ведение дневника выработало у меня привычку создавать новые привычки. К примеру, каждый день выде...</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">20 декабря 2019 г.<p style="font-size:inherit" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Посмотреть →</p></div></div></a></div></div></div></div></div>
<p>Планирую изучить бэкенд и стать fullstack-разработчиком, а затем хочу заняться защитой данных. Завершаю фразой, которую прочитал, когда только начинал обучение: «Чтобы добиться успеха, начните изучать то, что вам нравится, и не останавливайтесь». Чтобы добиться серьезных результатов в программировании, нужна дисциплина и регулярные занятия.</p>
<p>P. S. Хочу сказать огромное спасибо Хекслету за то, что заполнили и продолжаете заполнять пробелы в знаниях, которые оставили другие школы. Спасибо, что выстроили систему из набора причинно-следственных связей.</p>
<p>Многое в процессе обучения стало понятно: не просто что это должно быть так, а почему именно так. Мне очень нравится обучение. Благодаря Хекслету мне достаточно быстро удалось найти работу frontend-разработчиком. Конечно, еще много предстоит узнать. Буду совершенствоваться дальше и повышать свою стоимость на рынке труда благодаря ребятам из команды Хекслета.</p></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">Maxim Grigorev</p><p class="mantine-focus-auto m_b6d8b162 mantine-Text-root">6 лет назад</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/neudachnye-sobesedovaniya-ne-prigovor-ili-kak-ya-nashyol-svoy-put-i-stal-frontend-razrabotchikom/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">42</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/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/kak-na-sobesedovanii-menya-zastavlyali-prodavat-dzhinsy-no-ya-vsyo-ravno-stal-programmistom">Как на собеседовании меня заставляли продавать джинсы, но я всё равно стал программистом</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-ya-izuchil-dostoprimechatelnosti-pitera-vo-vremya-poezdok-na-sobesedovaniya-i-vsyo-taki-stal-programmistom">Как я изучил достопримечательности Питера во время поездок на собеседования и всё-таки стал программистом</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-CdBlNCiQ.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-nkZBEvfU.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>