Этот пост в блоге не о том, как следует выступить за интервью с живым кодированием для разработчика Junior Frontend, а Практические советы о том, как подготовиться к нему и некоторые задачи, которые могли быть даны.
Вся информация в этом посте основана на моем собственном опыте и некоторых исследованиях, которые я сделал заранее. Это не набор правил Как вы должны это сделать , но больше похоже на Что вы можете ожидать и Как можно подготовить Анкет
Хорошо, со всем этим, давайте представим, что мы получили это приглашение на следующий этап собеседования, и это будет Техническое интервью в прямом эфире . У нас есть смесь волнения и синдрома страха и самозванца одновременно – это совершенно нормально, просто дайте ему время успокоиться:)
Теперь, когда мы можем снова подумать снова, мы понимаем, что существует уровень неопределенности и разочарования, связанных с тем, как мы должны подготовиться и что. Есть несколько шагов, чтобы избавиться от них.
Анализ данной информации
Давайте проанализируем, какую информацию у нас есть на руках.
- Мы знаем, что это младшая позиция – это означает, что это не должно быть так сложной технической.
- Мы знаем, что вы будете использовать библиотеку React – мы знакомы с ней, мы использовали ее много раз.
- Мы знаем, что это будет живое кодирование – это означает, что они попросят нас поделиться нашим экраном и дать нам задачи, которые мы должны кодировать на ходу.
Но мы до сих пор не знаем, что именно произойдет и что мы должны подготовить или повторить. Это хорошая практика, чтобы спросить интервьюера об этом.
Мы можем написать хороший ответ, в котором мы говорим Спасибо Для приглашения и вежливо спросите, что мы должны подготовить. В большинстве случаев они отвечают на некоторую подробную информацию, такую как «Вы должны написать Hello World в простом проекте CRA, вы также должны знать, как работать с данными и событиями, а также как получать данные из API».
Вот так! Сейчас у нас есть больше информации о наших руках, и это убрало неопределенность и разочарование, поэтому мы можем пойти дальше и составить план подготовки к интервью.
Создание плана для подготовки к интервью
- Снова обратитесь по электронной почте от интервьюера и запишите из него пули. Обычно он содержит много подсказок о том, что мы должны подготовить.
- Google Top 50 реагируете вопросы собеседования и сохраните ссылку – мы хотим повторить теорию
- Запишите и сохраните решение для кодирования для каждой пулевой точки (например, извлечь данные из API – Запишите код для извлечения данных с помощью Fetch или Axios; события – запишите код для создания события OnClick () и т. Д.)
- Подумайте и найдите человека, который мог бы провести для вас фиктивное интервью – если у вас есть такая возможность, конечно. В противном случае найдите подобное макетное интервью на YouTube и посмотрите его.
Теперь, когда у нас есть точный план, мы можем начать ваши приготовления, и мы будем более уверены в уверенности и спокойны прямо сейчас, поскольку мы точно знаем, что мы должны повторить или подготовиться.
Подготовка к собеседованию
Вот что мы делаем:
- Повторите теорию библиотеки React
Имейте в виду, что интервьюер может попросить объяснить, что реагирует, его основные особенности, что является компонентом, состоянием, реквизитом и JSX. Цель этого – в основном увидеть, как вы можете Объясните эти понятия другому человеку . Это хорошая практика, чтобы сказать их громко во время подготовки.
- Заранее создать проект
Требуется время, чтобы установить CRA с менеджером пакетов, поэтому, чтобы не время ожидания, это хорошая практика, чтобы сделать это заранее. Удалите из него весь ненужный код, поэтому в вашем функции приложения есть только возврат () в нем с одним div Анкет Установите все другие зависимость, которые, по вашему мнению, могут быть полезны для вас или могут быть использованы (например, Axios , Реактивная маршрута-дома , Bootstrap так далее.)
- Кодировать решения для пулевых точек
Кодируя решения, попробуйте поговорить о том, что вы делаете. Вот пример возможного объяснения: «В функции return () компонента приложения мы добавляем кнопку с помощью текста добавить счет. Добавляем onclick () Событие на эту кнопку, и это событие примет функцию Handleclick . Теперь нам нужно создать эту функцию. Мы создаем функцию стрелки Handleclick и внутри функции мы увеличиваем счетчик до 1. Мы используем метод SetCounter Чтобы изменить предыдущее значение счетчик объект новой стоимости ».
- Попросите вашего друга/родственника/коллеги -разработчика провести фиктивное интервью, это отличный способ подготовиться к собеседованию. Можно выяснить ваши слабые стороны и улучшить их, а также улучшить ваши навыки общения.
День интервью
Итак, в течение этих 3-4 дней до интервью мы подготовили теорию, практику и общение и чувствуем себя гораздо уверенными, чем раньше. Обратите внимание, что интервью с живым кодированием проводится с таймером (обычно это 45 минут), поэтому интервьюер оценит, что вы быстро и по сути.
Во время интервью есть несколько хороших советов:
Всегда спрашивайте, как интервьюер предпочитает вас что -то делать (например, если вас попросили сделать кнопку, это хорошая практика, чтобы спросить, хотят ли они, чтобы вы сделали компонент или просто просто элемент JSX).
Слушайте внимательно к данному заданию Если вы не поняли задачу, попросите объяснить вас еще раз. Вы можете объяснить это, нервничая, а не потому, что не знаете, как это сделать. Если задача длинная, запишите на бумаге основные моменты
Используйте ярлыки Это очень хорошая практика для использования сочетания клавиш в вашем проекте. Это показывает, что вы знаете о том, как сэкономить время и легко используете свой клавиатура/текстовый редактор.
знать, как Google Младшая позиция не ожидает, что вы все знаете (хотя для более высоких уровней это может быть иначе). Так что вам определенно разрешено Google. Сделайте это своим преимуществом. Вместо того, чтобы пытаться запомнить синтаксис этой функции, не тратьте время и интервьюер – просто Google.
Возможные задания
Существует список возможных задач, которые интервьюер может попросить кодировать:
- Напишите “Привет, мир” на странице
- Создайте счетчик и увеличьте его, нажав на кнопку
- Извлечь данные из данного API и хранить его в переменной
- Извлечь данные из API на первом рендеринге компонента
- Извлечь данные из данного API, когда вы нажимаете кнопку
- рендеринг полученные данные на страницу в качестве строки
- Если данные, например, книги, имени только имя и автора книги на страницу
- Преобразовать свойства книги, которую вы только что попали в отдельную книжную компонент
- рендеринг компонент книги на страницу
- Создайте еще один компонент, который представляет собой коллекцию книг, которая содержит компонент книги
- Разрешить коллекцию компонента книг на страницу
- Дайте ему немного стиля, чтобы он выглядел красиво (обычно здесь было бы достаточно покрасной/подарков/цвета или сетки/гибки) было бы достаточно)
Вывод
Живое интервью для кодирования является важной частью процесса найма. Это дает интервьюеру быструю возможность увидеть, действительно ли мы понимаем технологию, которую, как мы утверждали, мы знаем. Помимо кодирующей части, она показывает, как мы можем объяснить и передавать наш код другим, таким образом, произведет им впечатление, как мы будем сотрудничать с другими товарищами по команде. Это также показывает, как быстро мы можем понять задачу и что мы будем использовать для ее быстрого и эффективного.
Желаю вам удачи в получении этой мечты!
Спасибо за чтение моего блога. Не стесняйтесь подключаться к LinkedIn или же Twitter 🙂
Оригинал: “https://dev.to/olenadrugalya/react-live-coding-interview-tips-1f5g”