После моего первого тех. собеса (вопросы с него будут ниже) я почему то успешно забил на эту идею. Ответил я где то на процентов 50-60. Естественно, мне тогда отказали из за слабо рассказанной легенды (рассказ о себе - то, что продает вас как специалиста, крайне важно отточить ее) и теории. Летом, когда выйду на рынок в поисках жирных офферов, обязательно буду фиксировать вопросы в заметках и заливать в этот блог.

Как можно заметить, почти все вопросы здесь из общеизвестных списков по типу "топ-100", так оно по факту и есть, на тех. собесах интервьюеры в основном спрашивают общие вещи (так сказать, базу), но, зачастую уходя вглубь определенной темы, которая их интересует больше всего.

Собственно, вот сам список вопросов (для погружения в суть каждого вопроса, вкратце расписал ответы с помощью ChatGPT, советую все таки глубже проработать материал и сделать шпаргалку):

Ответ: CORS (Cross-Origin Resource Sharing) — механизм безопасности веб-браузеров, позволяющий веб-страницам выполнять запросы к другим доменам, чем тот, который предоставил саму веб-страницу.

Вопрос 2: Для чего нужен CORS?

Ответ: CORS (Cross-Origin Resource Sharing) необходим для обеспечения безопасности веб-браузеров и разрешает веб-страницам выполнять запросы к другим доменам, отличным от того, который предоставил саму веб-страницу. Этот механизм предотвращает потенциальные угрозы безопасности, связанные с запросами между различными доменами.

Ответ: Контекст в JavaScript обозначает окружение, в котором выполняется код. В контексте React, например, он предоставляет способ передачи данных через дерево компонентов.

Ответ: Функцию можно вызвать с заданным this, используя методы call(), apply() или bind(). Эти методы позволяют явно установить значение this при вызове функции.

Ответ: Асинхронность в JavaScript позволяет выполнению кода продолжаться без блокировки, даже если некоторые операции занимают время. Это реализуется через колбэки, промисы и асинхронные функции.

Ответ: Promise — объект, представляющий успешное выполнение или ошибку асинхронной операции. Позволяет обрабатывать результаты асинхронных операций с использованием методов then(), catch() и finally().

Ответ: ООП (Объектно-Ориентированное Программирование) — парадигма программирования, основанная на использовании объектов, включая классы и экземпляры. Принципы ООП включают инкапсуляцию, наследование и полиморфизм.

Ответ: SOLID — это набор принципов объектно-ориентированного программирования:

S (Принцип единственной ответственности): Класс должен иметь только одну причину для изменения.

O (Принцип открытости/закрытости): Сущности должны быть открыты для расширения, но закрыты для изменения.

L (Принцип подстановки Барбары Лисков): Объекты базового и производного классов должны быть взаимозаменяемы.

I (Принцип разделения интерфейса): Клиенты не должны зависеть от интерфейсов, которые они не используют.

D (Принцип инверсии зависимости): Зависимость на абстракции, а не на деталях.

Ответ: Замыкание в JavaScript — это функция, внутри которой есть доступ к переменным из внешней (родительской) функции, даже после завершения выполнения родительской функции.

Ответ: EventLoop (Цикл событий) — механизм выполнения асинхронного кода в JavaScript, который обеспечивает непрерывное выполнение кода, обработку событий и запросов.

Ответ: Привязку контекста можно сделать с использованием методов call(), apply() или bind() при вызове функции.

Ответ: Cookie, localStorage и sessionStorage — это механизмы хранения данных на стороне клиента. Cookie используется для хранения небольших данных и отправляется с каждым запросом. localStorage и sessionStorage предоставляют более крупное хранилище, и их данные остаются в браузере, но sessionStorage удаляется после закрытия вкладки.

Ответ: Наследование в JavaScript реализуется через ключевое слово class. Классы могут наследовать от других классов с использованием ключевого слова extends, что позволяет создавать цепочки наследования.

Ответ: В JavaScript инкапсуляция реализуется через замыкания и области видимости переменных. В отличие от некоторых языков, JavaScript не имеет ключевых слов для явного указания уровня доступа.

Ответ: Контекст функции можно изменить с использованием методов call(), apply() или bind(), либо с использованием стрелочных функций, которые не имеют собственного this.

Ответ: WebSocket — это протокол связи, обеспечивающий полнодуплексное соединение между клиентом и сервером через один сокет. Это позволяет в реальном времени обмениваться данными.

Ответ: JWT (JSON Web Token) — это стандартизированный формат токена, представляющий собой строку в формате JSON, которая содержит информацию о пользователе. Он состоит из заголовка, полезной нагрузки и подписи.

Ответ: JWT токен обычно хранится в заголовке запроса (Authorization), cookie или внутри тела запроса, в зависимости от конфигурации приложения.

Ответ: Существуют три типа JWT токенов: JWT с подписью (JWS), JWT с шифрованием (JWE) и комбинированный токен, который содержит и подпись, и шифрование.

Ответ: Аутентификация — это процесс проверки подлинности пользователя, тогда как авторизация определяет разрешения доступа пользователя к определенным ресурсам.

Ответ: Этапы жизненного цикла компонента React можно разделить на три основных категории: Mounting (создание), Updating (обновление) и Unmounting (удаление).

Mounting: Этот этап начинается с создания компонента и включает в себя следующие методы:

constructor: Вызывается при создании экземпляра компонента.
render: Отвечает за отображение компонента в виртуальном DOM.
componentDidMount: Вызывается после того, как компонент был вставлен в DOM.

Updating: Этот этап возникает при обновлении состояния или пропсов и включает методы:

shouldComponentUpdate: Определяет, следует ли компоненту обновиться.

render: Опять же, вызывается для отображения обновленного состояния.

componentDidUpdate: Вызывается после обновления компонента.

Unmounting: На этом этапе компонент удаляется из DOM, и используется метод:

componentWillUnmount: Вызывается перед удалением компонента.

Ответ: В классах React существует несколько методов для обработки различных этапов жизненного цикла:

constructor: Этот метод вызывается при создании экземпляра компонента и используется для инициализации состояния и привязки методов.

render: Метод, отвечающий за отображение компонента в виртуальном DOM.

componentDidMount: Вызывается после того, как компонент был вставлен в DOM. Используется для выполнения действий, которые требуют присутствия компонента в DOM (например, загрузка данных).

shouldComponentUpdate: Определяет, следует ли компоненту обновиться. Позволяет оптимизировать производительность.

componentDidUpdate: Вызывается после обновления компонента и предоставляет возможность выполнить дополнительные действия.

componentWillUnmount: Вызывается перед удалением компонента из DOM. Используется для очистки ресурсов, остановки таймеров и т.д.

Ответ: В функциональных компонентах React используются хуки, такие как useEffect, чтобы реализовать функциональность, аналогичную методам жизненного цикла.

Ответ: Хук useCallback в React используется для мемоизации колбэк-функций, предотвращая их лишнее создание при каждом рендере.

Ответ: e2e (end-to-end) тесты проверяют взаимодействие множества компонентов приложения, в то время как unit тесты сосредотачиваются на изоляции и тестировании отдельных модулей или функций. e2e тесты более интегрированы и могут выявлять проблемы взаимодействия между компонентами.