Собеседование JUNIOR frontend REACT

YOUTUBE · 01.12.2025 09:37

Ключевые темы и таймкоды

Вопросы и темы собеседования на джуниор фронтенд разработчика

0:00
  • Вопросы не требуют глубокого понимания, главное - понимание и объяснение своими словами.
  • Опыт работы на реальных проектах или написание своих проектов может быть плюсом.

Вопросы по технологиям

1:41
  • Вопросы могут касаться различных технологий, включая JavaScript, TypeScript, React, Redux, Sagas, Reselect, Apollo, GraphQL.

Вопросы по JavaScript

2:36
  • Вопросы могут касаться понимания ключевых слов, контекста, стрелочных функций, массивов, циклов, методов массива, сравнения неравенства.

Вопросы по React

8:05
  • Вопросы могут касаться понимания работы с объектами, сравнения объектов, сравнения строк и чисел, приведения типов.

Промесы, осинка, зен, файнели

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

Специфичность, адаптивная верстка, грит, флекс

13:31
  • Специфичность определяет, какое свойство должно быть применено.
  • Адаптивная верстка создает разные лояуты сайта в зависимости от размера экрана.
  • Грит - двумерный лояут, флекс - одномерный лояут.

Семантика, браузер, реакт

16:06
  • Семантика позволяет скрин-ридерам правильно понимать структуру сайта, повышает аксессибилити и сео.
  • Реакт - библиотека для создания пользовательских интерфейсов, позволяет менять состояние и интерфейс в зависимости от значения состояния.

Виртуал дом, джес, классовые и функциональные компоненты

18:54
  • Виртуал дом - подход для хранения представлений интерфейса в памяти.
  • Джес - дополнение к синтаксису джава-скрипта для написания атимель в реакт-компонентах.
  • Классовые и функциональные компоненты отличаются синтаксисом и методами жизненного цикла.

Ю-эффект и сайт-эффекты

21:42
  • Ю-эффект используется для выполнения сайт-эффектов, таких как отслеживание изменения состояния или пробсов.
  • Сайт-эффекты - это различные действия, такие как запросы данных, логирование, которые не связаны с сохранением данных.

Управляемые и неуправляемые компоненты

24:39
  • Управляемые компоненты - это те, изменения в которых проходят через состояние компонента.
  • Неуправляемые компоненты хранят свои данные прямо в DOM и могут быть прочитаны только через рефы.

Передача данных между компонентами

26:55
  • Данные могут быть переданы между компонентами через родительский компонент, стейт-менеджер или контекст.

Стейт-менеджмент и библиотеки

28:51
  • Стейт-менеджмент используется для организации работы с состоянием и отделения логики работы с состоянием от компонентов.
  • Популярные библиотеки для стейт-менеджмента: React, Redux, Mobx, Vue.

Экологические задачи

30:24
  • Определение, являются ли строки анаграммой.
  • Определение, является ли строка палиндромом.
  • Вывод энного числа Фибоначчи.

Задача на самый длинный префикс

32:14
  • На вход поступает массив строк, нужно определить префикс, который является самым длинным.
  • Решение задачи с помощью сравнения строк попарно и вывода общего префикса.

Оптимизация решения

38:20
  • Сортировка массива строк для оптимизации решения.
  • Вывод минимальной длины между первым и последним элементами массива.
  • Использование счетчика для определения длины префикса.
  • Оценка сложности алгоритма: O(n log n) + O(min(len1, len2)).

Алгоритмическая задача

43:37
  • В видео обсуждается задача, связанная с пониманием принципов работы JavaScript и его событийного цикла.
  • Задача заключается в том, чтобы объяснить, в каком порядке будут выведены числа в консоль.
  • Первым числом будет "три", так как это синхронная операция.
  • Далее будет выведено число "один", так как здесь тайм-аут равен нулю.
  • Последним будет выведено число "два".

Ссылки на видео-плейлисты

44:38
  • В видео упоминаются видео-плейлисты, которые могут помочь в подготовке к интервью на должность джуниор фронтенд-разработчика.
  • Ссылки на эти плейлисты оставлены в закрепленном комментарии.
  • В плейлисте обсуждаются темы, связанные с работой с React, и закрываются пробелы в знаниях.