Mfd-marathon-1.main

JMFD-1.side

Diagnostic-side

Многие новички в программировании боятся технического собеседования. Им страшно неправильно ответить на вопрос, показать, что они чего-то не знают. Да и волнение от стрессовой ситуации – не очень приятное чувство.&nbsp;

На самом деле тех. интервью всего лишь особенность IT-сферы. Оно бывает у программистов, тестировщиков, веб-дизайнеров и некоторых других специалистов.&nbsp;

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

Даже HR с многолетним опытом в IT вряд ли сможет сделать это без бэкграунда программиста. Поэтому собеседование делится на две части: стандартную и техническую.&nbsp;

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

Как проходит техническое интервью

Первый человек, с которым вы познакомитесь в компании, будет HR-специалист. Он коротко расскажет о сфере деятельности, в общих чертах опишет условия работы и задаст типичные вопросы о предыдущем опыте и достижениях. Если на этом этапе вы найдете общий язык, рекрутер передаст вас тимлиду, в команду которого нужен программист.&nbsp;

В некоторых компаниях классическое и техническое интервью разделяют по времени. Но в большинстве случаев они проходят одновременно. В беседе участвуют HR и один-два программиста из команды: тимлид + кто-то из опытных разработчиков.&nbsp;&nbsp;&nbsp;

В среднем техническое собеседование разработчика занимает около часа и делится на три больших блока:&nbsp;

Иногда для первого знакомства кандидата приглашают на встречу оффлайн. Чаще интервью проходит онлайн через созвон в zoom’е, google meet или с помощью собственной площадки организации.&nbsp;&nbsp;

Вопросы на техническом собеседовании

Вопросы технического интервью обычно связаны с задачами, которые предстоит решать в проекте.&nbsp;

В блоке «О себе» тимлид попросит вас:&nbsp;

Глубина теоретических вопросов зависит от уровня вакансии. Джуниора будут «гонять» на понимание базовых моментов, например,&nbsp;

Все это немного напоминает зачет в университете. Только заранее известных билетов нет.&nbsp;

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

Практическая часть может быть очень разной. От «прочитать уже написанный код и прокомментировать, каким будет результат запуска», до решения задачи с нуля. Довольно часто на стадии live coding предлагают задания на поиск и исправление ошибок.&nbsp;

Некоторые команды добавляют еще один блок заданий – на логику и креативность. В них зачастую нет верного ответа и они нужны для того, чтобы понять, как вы мыслите и ведете себя в нестандартных ситуациях.&nbsp;

Подготовка к техническому собеседованию

Залог успешных собеседований — практика. Чем чаще вы общаетесь с потенциальными работодателями, тем четче понимаете, что и для чего будут спрашивать.&nbsp;

А чтобы повысить свои шансы на оффер, к собеседованиям важно правильно готовиться. Особенно, если вы джуниор.&nbsp;

Как пройти техническое собеседование

Вот еще несколько лайфхаков, которые помогут достойно выдержать техническое интервью.&nbsp;

Заранее узнайте о проекте все, что можете

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

Не впадайте в нужду&nbsp;

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

Сохраняйте спокойствие&nbsp;

В любой непонятной ситуации Keep Calm) Честно признавайтесь, если не знаете ответ на какой-либо из вопросов, но рассказывайте о своих рассуждениях на тему. А также помните о том, что не только компания выбирает вас, но и вы выбираете компанию. А значит, и вам должно быть комфортно при общении с потенциальными коллегами.&nbsp;

Научитесь продавать себя как специалиста&nbsp;

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

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

В нашей школе мы не только учим разрабатывать сайты, но и помогаем ученикам становиться востребованными специалистами. Сопровождаем после обучения. Рассказываем, как найти работу. Показываем, как презентовать себя, проходить собеседования, планировать личный трек развития.&nbsp;&nbsp;

Сейчас в школе проходит <a href="https://result.school/products/marathon-mfd?utm_source=media&amp;utm_medium=article&amp;utm_campaign=tech_interview&amp;utm_content=23_10_23&amp;utm_term=mfd_marathon">марафон «От Junior до Middle frontend-разработчика за 1 собеседование»</a>. На нем вы узнаете, как стать мидлом, и получите тренинг по трудоустройству в подарок, если выполните все задания марафона за 3 дня. Это просто!&nbsp; Мы расскажем, как построить собственную стратегию развития в IT-сфере.&nbsp;

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

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

Как проходит техническое собеседование у frontend-разработчиков

state_managers.main1

Что такое менеджеры состояний

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

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

Без state managers работа с кодом на сложных проектах с большими объемами динамических данных будет сложнее и займет много времени.

На данный момент самые используемые менеджеры состояний — Redux, MobX и&nbsp; Zustand.

В рамках нашего <a href="https://result.school/products/state-managers?utm_source=media&amp;utm_medium=article&amp;utm_campaign=state_managers&amp;utm_content=17_10_23&amp;utm_term=state_managers">курса по менеджерам состояний</a> мы учимся работать с Redux и MobX, потому что эти два менеджера зарекомендовали себя за время существования.&nbsp;

Zustand мы не включили в программу, потому что он появился только три года назад и обгонять MobX по количеству скачиваний только в январе 2023.

Про Zustand и другие менеджеры мы расскажем в отдельной статье.

Начнем обзор инструментов для работы с состоянием в JavaScript-приложениях с наиболее используемой библиотеки.&nbsp;

Redux основан на трёх основных принципах:

В зависимости от того, каким менеджером пакетов вы пользуетесь, введите команду <code class="inline-code">"npm install redux"</code> или <code class="inline-code">"yarn add redux"</code>.&nbsp;

Вероятнее всего вы храните исходники в&nbsp; папке src. В ней заведите отдельную папку под Redux и создайте базовую структуру для хранилища.

Подробнее про установку мы расскажем в отдельной статье.

Рассмотрим, как управляет состояниями Redux на примере изменения данных в стандартном счётчике на сайте.

Сначала создадим действия для увеличения и уменьшения значения счётчика:

Затем создадим редьюсер, который будет обрабатывать эти действия:

Создадим хранилище и передадим наш&nbsp; редьюсер:

Теперь подпишемся на изменения состояния и обновим интерфейс приложения:

Осталось только отправить действия для изменения состояния:

Дополнительные инструменты для работы с состоянием

На основе Redux созданы технологии, которые облегчают управление state в React-приложениях — библиотека&nbsp;React-Redux и пакет решений Redux Toolkit.

React-Redux. Эта библиотека предоставляет простой и эффективный способ связать состояние Redux с компонентами React.

Например, вы можете использовать функцию <code class="inline-code">connect</code> для связи вашего компонента с хранилищем Redux.&nbsp; Она принимает две функции: <code class="inline-code">mapStateToProps</code> и <code class="inline-code">mapDispatchToProps</code>, которые определяют, какие части состояния и какие функции отправки действий будут доступны компоненту в виде пропcов.

Рассмотрим на примере:

Экспортируйте обернутый компонент, который получает доступ к состоянию и функциям отправки действий:

Теперь ваш компонент <code class="inline-code">Counter</code> имеет доступ к состоянию и функциям отправки действий из Redux хранилища через пропсы.

Redux Toolkit. Для чего он нужен и что это такое? Это официальная библиотека для React. С ее помощью можно упростить создание хранилища Redux. Для этого используем&nbsp; функцию <code class="inline-code">configureStore</code>. Она автоматически настраивает миддлвэры, включая Redux Thunk, и включает инструменты разработчика Redux DevTools.

React-Redux и Redux Toolkit написаны на TypeScript, то есть типизация уже встроена. Это дополнительно облегчает работу над сервисом.

Например, Redux Toolkit включает удобную функцию для работы с асинхронными действиями, такими как запросы к API. Функция <code class="inline-code">createAsyncThunk</code> принимает строку типа действия и функцию, которая возвращает промис.&nbsp;

Это позволяет&nbsp;автоматически создавать действия&nbsp;для начала, завершения и ошибок запроса.

Это библиотека для управления state, которая позволяет создавать реактивные модели данных. Она основана на наблюдении за изменениями и автоматически обновляет все зависимые от них компоненты. В отличие от Redux, который предлагает строгий и декларативный подход к управлению state, MobX обладает более гибким и менее формальным синтаксисом.

Менеджеры Redux и MobX предлагают разные подходы к управлению состоянием в веб-приложениях.

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

Важно учитывать особенности проекта, уровень сложности и требования к управлению state.&nbsp;

При выборе между Redux и MobX следует опираться на такие факторы:

Примеры кода со state managers и без них

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

Отлаживать и тестировать код проще

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

Пример кода при помощи хука useState

Мы используем <code class="inline-code">useState</code>, чтобы создать&nbsp; локальное состояние <code class="inline-code">count</code>, которое обновляется с помощью функций <code class="inline-code">handleIncrement</code> и <code class="inline-code">handleDecrement</code>.

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

Пример кода с использованием Redux

Для чего нам в этом случае нужен Redux? Рассмотрим тот же код, но с использованием state manager.

Создаем глобальное состояние <code class="inline-code">`count`</code>, которое обрабатывается функциями <code class="inline-code">`increment` </code>и <code class="inline-code">`decrement`</code>, определенными в файле <code class="inline-code">`actions.js`</code>. Используем <code class="inline-code">`useSelector`</code> для получения значения <code class="inline-code">`count`</code> из глобального состояния и <code class="inline-code">`useDispatch`</code> для вызова функций <code class="inline-code">`increment`</code> и <code class="inline-code">`decrement`</code>.

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

Проще работать с большим объемом данных

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

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

Давайте посмотрим, как будет выглядеть код, если использовать Redux:

Создаем экшены и редукторы для получения и обработки данных, а затем используем хук <code class="inline-code">useSelector</code> для получения необходимых данных из глобального состояния.

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

Поможет пройти на позицию middle

State managers &nbsp;— &nbsp;это один инструментов, который поможет программисту улучшить навыки и стать более востребованным на рынке труда.

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

Поэтому в вакансиях на позицию middle-разработчика часто можно увидеть требование уметь работать в Redux и MobX.

Курс <a href="https://result.school/products/state-managers?utm_source=media&amp;utm_medium=article&amp;utm_campaign=state_managers&amp;utm_content=17_10_23&amp;utm_term=state_managers">Redux, Redux Toolkit и MobX</a> мы полностью посвятили state managers. В нем мы учим работать с глобальным состоянием с помощью Redux и аналогов: знакомим с теорией, рассматриваем кейсы и даем практические задания.

Курс рассчитан на 2 недели. Подойдет junior+, которые хотят прокачаться до middle+. Начать обучение вы можете бесплатно с вводного модуля.

 Умение управлять объемными массивами данных в сложных проектах не уникальный, но необходимый разработчику навык. Рассказываем, что такое менеджеры состояний и как Redux, MobX и другие инструменты помогают работать с состоянием компонентов в JavaScript-приложениях.

 Узнайте, что такое менеджеры состояний и изучите основные принципы Redux и MobX для управления состоянием в JavaScript-приложениях.

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

Менеджеры состояний: что это такое и как использовать Redux и MobX

Marathon-js-1.main

Marathon-js-1.side

JavaScript входит в топ-3 языков программирования по популярности. На нем создают интерактивные элементы сайтов и&nbsp;пишут мобильные приложения.

Даже программы, на которых работает бытовая техника и коммерческое оборудование, написаны на JavaScript: благодаря ему работают платежные терминалы, ТВ-приставки и умные пылесосы.

Освоить JavaScript можно быстро и без опыта, но как это сделать? Следуйте нашему алгоритму.

Перед тем, как приступать к JavaScript, нужно освоить HTML и CSS — языки&nbsp;разметки и&nbsp;стилей веб-страниц. Они нужны для построения каркаса и настройки внешнего вида сайта.

Далее разберемся, зачем этот язык программирования нужен и где используется.&nbsp;JavaScript&nbsp;отвечает за динамическое отображение контента на веб-странице, он «оживляет» то, что оформлено инструментами HTML&amp;CSS. Все, что движется или мигает, написано на JS. С его помощью разработчики анимируют 2D/3D графику, создают интерактивные карты, кликабельные кнопки, галереи, формы авторизации.

JS используется как во frontend для создания пользовательских интерфейсов, так и в backend, чтобы написать&nbsp;серверную часть приложений.

У любого языка, будь он естественным или искусственным, есть базовые элементы:

По этим&nbsp;правилам&nbsp;работает любой язык, в том числе и JavaScript. Иногда написание кода сравнивают с сочинением сценария фильма: сначала автор выстраивает логику событий и пишет «скелет», складывает слова в предложения, а потом подбирает образы, метафоры, юмор.

С кодом всё точно также: сначала база, потом сложные надстройки.

Рекомендуем осваивать JS в такой последовательности:

Перейти на ступень выше

Разобрались с основами, пощупали JS — пора двигаться дальше. Изменяем веб-страницу, разбираемся в её глобальном устройстве.

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

Также рекомендуем ознакомиться с Node.js. Благодаря ему мы можем запускать JavaScript не только в браузере, но и, например, на сервере.

Изучить полезные инструменты

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

Советуем разобраться в следующих технологиях:

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

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

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

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

Рекомендуем начать с книг:

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

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

👉 Обратите внимание на курс «<a href="https://result.school/study-developer-start?utm_source=media&amp;utm_medium=article&amp;utm_campaign=how_to_learn_javascript&amp;utm_content=01_08_23&amp;utm_term=jmfd_start">С нуля до middle-разработчика</a>». На блоке Джуниор вы разберётесь в JavaScript, освоите необходимые работы базовые концепции, научитесь писать frontend на фреймворке и связывать его с backend, а также изучите TypeScript.&nbsp;

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

💡 Разобраться с HTML и CSS, освоить азы JS

💡 Изучать библиотеки и фреймворки

💡 Читать профессиональную литературу

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

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


Как новичку выучить JavaScript

Как новичку выучить JavaScript: с чего начать и как добиться результатов


JFD-1.main

Хотите начать карьеру в&nbsp;IT, но не&nbsp;понимаете, с&nbsp;чего начать? Давайте вместе во&nbsp;всем разбираться. В статье расскажем:

Как использовать навигатор?

Почему люди меняют профессию?

Чаще это происходит потому, что на&nbsp;прежнем рабочем месте что-то не&nbsp;устраивает. Основные причины — это:

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

В IT все проще: да есть дедлайны, но график не всегда фиксированный, и вы можете сами контролировать свой рабочий день. Начальство с вами «на одной волне», а задачи расставляются по приоритетам.

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

Новая работа принесет больше денег, особенно если это IT-направление. Здесь зарплаты даже у junior-разработчиков выше.

Давайте разберемся детальнее, почему при смене профессии в любом возрасте многие выбирают информационные технологии:&nbsp;

5. Зарплаты выше среднего. Программисты даже самого начального уровня получают больше 50 000 ₽ на&nbsp;руки. В&nbsp;IT&nbsp;есть куда расти, и&nbsp;зарплату можно получать на&nbsp;порядок выше, чем в&nbsp;других областях. Тем более айтишники быстро растут: на уровне middle&nbsp;доход — более 130 000 ₽, разработчики с грейдом senior получают выше 200 000 ₽. А&nbsp;некоторые фирмы платят зарплату вообще в&nbsp;валюте. Но&nbsp;об&nbsp;этом чуть позже.

Как выбрать направление в IT

IT-индустрия настолько разнообразна, что каждый найдёт область по вкусу. Разберём популярные и&nbsp;востребованные направления.

Говоря по-русски, это специалист по&nbsp;работе с&nbsp;данными. В&nbsp;больших компаниях много данных, а&nbsp;data scientist анализирует их&nbsp;с&nbsp;помощью математических алгоритмов. На&nbsp;основе аналитики специалист помогает компании принимать правильные бизнес-решения, экономить деньги, улучшать клиентский сервис и&nbsp;автоматизировать рутинные задачи.

Стать data scientist нелегко&nbsp;— требуется техническое образование и&nbsp;умение разбираться в&nbsp;математическом анализе, статистике и&nbsp;теории вероятности.

По данным портала «Хабр» средняя зарплата специалистов — около 150 000 ₽.

DevOps (сокр. от&nbsp;development operations)&nbsp;— это специалисты, контролирующие проекты: от&nbsp;написания кода до&nbsp;взаимодействия с&nbsp;конечным потребителем. Девопс-инженеры стали связующим звеном между командами разработки и эксплуатации.

Стать devOps-специалистом с&nbsp;нуля трудно. Нужно проработать в&nbsp;IT&nbsp;не&nbsp;один год и&nbsp;понять, как всё работает изнутри и&nbsp;с&nbsp;какими проблемами сталкиваются разработчики.

По данным портала «Хабр», средняя зарплата специалистов — 185 000 ₽.

Из&nbsp;названия всё понятно. Программист создаёт мобильные приложения для iOS и&nbsp;Android. Стоит отметить, что для этих операционных систем используются разные языки программирования: Swift для iOS; Kotlin или Java для Android. Приложения выглядят одинаково на&nbsp;разных устройствах, но&nbsp;при этом код сильно отличается.

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

По данным портала «Хабр», средняя зарплата мобильных разработчиков — 190 000 ₽.

Это разработчик&nbsp;игр. Специалист не&nbsp;только пишет код&nbsp;— он&nbsp;создает дизайн игры и&nbsp;планирует выпуск её&nbsp;на&nbsp;рынок. По&nbsp;этой причине разработка игр условно делится на&nbsp;два больших этапа: непосредственно создание и&nbsp;продвижение игры на&nbsp;рынке.

Стать разработчиком игр можно с&nbsp;нуля&nbsp;— в&nbsp;интернете немало курсов. Здесь используется много языков программирования, основные: C#, C++, Java. Но&nbsp;в&nbsp;этой сфере изначально должен быть интерес к&nbsp;играм. Если вы&nbsp;любите побродить по&nbsp;сказочным лесам или «зарубиться» в&nbsp;стрелялки, то&nbsp;рассмотрите. Иначе будет сложно.

По данным портала «Хабр», зарплата gamedev-специалистов в среднем составляет 120 000 ₽.

Профессия в&nbsp;IT-сфере с&nbsp;творческим уклоном. Задача UX/UI-специалиста — сделать дизайн проекта не&nbsp;только красивым, но&nbsp;и&nbsp;удобным. Пользователь должен понимать, где что находится и&nbsp;как решить свою проблему. Почему область так называется?

UX&nbsp;— это User Experience, в&nbsp;дословном переводе — «опыт пользователя». Такой специалист определяет, как будет нажиматься кнопка на&nbsp;сайте, и&nbsp;что произойдет после. UI&nbsp;— User Interface, в&nbsp;переводе — «пользовательский интерфейс». UI-дизайнер решает,  в&nbsp;какой цвет будет окрашена кнопка,&nbsp;какой шрифт будет использоваться.

Профессию UX/UI-дизайнера стоит рассматривать, если у&nbsp;вас уже есть интерес к&nbsp;творчеству и&nbsp;дизайну.

По данным «Хабр», зарплата UX/UI специалистов варьируется от 40 000 до 180 000 ₽ в зависимости от опыта.

Эта область о&nbsp;взаимодействии пользователя с&nbsp;браузером: сайты и&nbsp;приложения. В&nbsp;этой сфере используются разные технологии. Если названия вам не&nbsp;знакомы, не&nbsp;пугайтесь. Для старта не&nbsp;нужно знать их&nbsp;все. Web-направление достаточно дружелюбное для начинающих. Разберем эту сферу подробнее.

Web-разработка делится на&nbsp;frontend и&nbsp;backend. Frontend&nbsp;— это то, как пользователь видит сайт, взаимодействует с&nbsp;ним. Backend отвечает за&nbsp;обмен данными между пользователем и&nbsp;серверами.

Если не&nbsp;понятно, попробуем разобраться на&nbsp;примере. Вы&nbsp;зашли в&nbsp;браузер, вбиваете запрос в&nbsp;поисковик и&nbsp;жмете «поиск». Проходит пара секунд, и&nbsp;результат уже на&nbsp;экране. За&nbsp;пару секунд запрос ушел на&nbsp;сервер, а он уже&nbsp;отправил результат на&nbsp;экран. Процесс передачи данных между нажатием на&nbsp;кнопку и&nbsp;получением результата и&nbsp;есть backend. Ну, а&nbsp;то, что вы&nbsp;видите на&nbsp;экране&nbsp;— это frontend.

Из-за такого разветвления в&nbsp;web-разработке существуют отдельно frontend- и&nbsp;backend-специалисты. Есть и&nbsp;fullstack-разработчики. Это те, кто пишет и&nbsp;frontend, и&nbsp;backend. Они реже востребованы на&nbsp;рынке, так как проще нанять отдельно двух специалистов.

Стать frontend- и&nbsp;backend-разработчиком можно с&nbsp;нуля. Но, чтобы стать хорошим fullstack-разработчиком потребуется определённая база.

В&nbsp;backend используются языки PHP, Python, Ruby, SQL, Go, Java. И&nbsp;эта область подходит людям с&nbsp;математическим складом&nbsp;ума.

Во frontend в основном используется JavaScript. По данным Stack Overflow, JavaScript 10-й год подряд становится самым популярным языком программирования. Следом идут HTML и&nbsp;CSS. Кстати, они тоже используются во&nbsp;frontend’е.

Еще один плюс frontend-направления&nbsp;— вам не&nbsp;нужна математика. Тогда как в&nbsp;backend потребуется углубиться в&nbsp;алгоритмы и&nbsp;вычисления.

Почему для старта в IT часто выбирают frontend-разработку?

Здесь относительно легкий порог входа в профессию: получить навык frontend-разработки могут&nbsp;все. Возраст, прежнее место работы, образование, склад ума, пол не&nbsp;важны.

Более того, frontend нужен повсеместно: будь то&nbsp;бытовая жизнь или профессиональная технологическая деятельность. С&nbsp;бытовыми задачами понятно: сайты, соцсети, онлайн-магазины, онлайн-запись к врачам или на услуги.

Но&nbsp;при чём тут производственная сфера? Некоторые компании заказывают программное обеспечение для промышленного оборудования. Доступное и&nbsp;понятное отображение информации, точность переданных данных, качество выведенного материала&nbsp;— от&nbsp;этого зависят корпорации. Машины создают, к&nbsp;примеру, стройматериалы или технику. Корректность их работы зависит от того, насколько качественный, понятный код написал frontend-разработчик. Без фронтенда не&nbsp;обходится практически ни&nbsp;один сервис в&nbsp;интернете и&nbsp;большинство производств.

Есть еще несколько причин, почему frontend-разработка так популярна:

А что говорят наши выпускники?

Прочитать больше историй можно <a href="https://www.notion.so/vladilen/d66bdd0c138e4674bb8d8b04140e9391">тут</a>

Как выглядят frontend-разработчики

Во&nbsp;frontend-разработке, как и в других IT-направлениях, три стандартных грейда: junior, middle и&nbsp;senior.

Frontend&nbsp;— одно из направлений с относительно невысоким входом.

Сначала необходимо изучить HTML&amp;CSS. Это азбука frontend-разработчика, которую реально выучить за&nbsp;2 недели. Начать можно с&nbsp;нашего <a href="https://result.school/products/html-css?utm_source=media&amp;utm_medium=article&amp;utm_campaign=instrukcia_how_to_start_in_it&amp;utm_content=24_07_23&amp;utm_term=html_css">бесплатного модуля</a> по&nbsp;HTML&amp;CSS.

В&nbsp;дальнейшем переходите к&nbsp;изучению JavaScript и&nbsp;одного из&nbsp;фреймворков. На&nbsp;них нужно больше времени. В&nbsp;среднем занимает от&nbsp;полугода и&nbsp;больше.

Фреймворк&nbsp;— это такая технология, которая определяет структуру сайта, задаёт правила и&nbsp;предоставляет необходимый набор инструментов для разработки и в итоге сильно упрощает работу и&nbsp;экономит время. Основные фреймворки, которые используются во&nbsp;frontend-разработке: React, Angular, Vue, Backbone.

«Если говорить о фреймворке, React занимает лидирующие позиции», —&nbsp;из видео-беседы Владилена Минина и HR-специалиста Екатерины Солонченко.

Еще потребуется освоить ряд сопутствующих технологий. С&nbsp;их&nbsp;помощью вы сможете работать в&nbsp;команде и&nbsp;взаимодействовать с&nbsp;backend-разработчиками.

Можно учиться по&nbsp;видеороликам на&nbsp;YouTube, искать материалы в&nbsp;интернете или проходить онлайн-курс. Каждый способ заслуживает внимания.

Как правильно учиться?

Путь от нуля до junior+ кажется довольно коротким. Но он требует больше всего ресурсов, потому что является основополагающим в дальнейшей карьере. Какими способами можно его пройти?

Самостоятельный подход

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

Высшее образование

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

Часто — оптимальный вариант. Школы реализуют предложение на актуальный спрос — получить практические знания в IT. Остаётся только определиться с их качеством. По этому критерию все онлайн-школы можно разделить на две группы:

Как же выбрать способ обучения?

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

Будет ли это бесплатный курс на YouTube, программа в вузе или обучение в онлайн-школе — решать вам. Каждый из вариантов правильный, если вам он подходит.

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

Хотите начать карьеру в IT? Узнайте причины, плюсы работы в IT, различные направления и основы frontend-разработки. Следуйте пошаговому руководству и узнайте, кому подойдет сфера IT.


Медиа Result

Выбор редакции

Последнее