Какие вопросы задают на собеседовании в Альфа Банк (frontend, middle)?

Question

Маяк · Accepted Answer

1. Расскажите о вашем текущем месте работы: что за проект и чем вы занимаетесь?
2. Какой стек вы используете на текущем проекте помимо React?
3. Сколько лет вы работаете именно с React?
4. Почему вы решили посмотреть на рынок? Что вас не устраивает в текущей компании?
5. Какие ключевые критерии, по которым вы выбираете потенциального работодателя? Что должно или не должно быть, чтобы вам было комфортно?
6. Каким должно быть финансовое предложение (зарплата), чтобы оно было для вас комфортным и интересным?
7. Рассматриваете ли вы релокацию (помимо удалёнки), и если да — куда?
8. Лайвкодинг (React): в классовом компоненте-счётчике при клике на кнопку выбрасывается ошибка. Объясните, почему (потеря контекста this в обработчике) и как исправить.
9. Какие ещё есть способы привязать контекст обработчика (bind в onClick, bind в конструкторе, анонимная функция) и какой вариант предпочтительнее с точки зрения производительности?
10. Лайвкодинг (React): setState вызывается 4 раза подряд, но счётчик увеличивается не на 4. Почему так происходит и как исправить?
11. Лайвкодинг (React): в списочном компоненте при удалении элемента удаляется/отображается не тот элемент. Почему это происходит (key по индексу) и как исправить?
12. Как получить уникальный key для элементов списка, если в данных нет id (генерация id/хэша при создании элемента)?
13. Работали ли вы над оптимизацией производительности React-приложений (shouldComponentUpdate, PureComponent, React.memo, useMemo)?
14. Расскажите, что такое Redux и как он устроен (action, reducer, store, подписчики, обновление компонентов)?
15. Что произойдёт, если в reducer не возвращать новое состояние, а мутировать существующее?
16. В каком месте приложения вы бы реализовали запись данных в localStorage (в компоненте, в action и т.д.)?
17. В каком месте цикла Redux после dispatch экшена вызывается middleware и как он работает?
18. Как работает переменная, объявленная через var (область видимости, доступность вне блока/цикла)?
19. Классическая задача: цикл for с var и setTimeout — что выведется в консоль и как исправить, чтобы выводились ожидаемые значения?
20. Объясните, почему в цикле с var и setTimeout выводится одно и то же значение (как event loop и очередь связаны с замыканием на одну переменную)?
21. Что будет в консоли: задача на замыкание — функция возвращает функцию, использующую переменную из внешней области видимости?
22. Что такое контекст (this) в JavaScript?
23. Что выведет вызов функции, у которой отсутствует контекст (метод вызван отдельно от объекта), и как это исправить через bind?
24. Что произойдёт при повторном вызове bind у уже привязанной функции — поменяется ли контекст?
25. Расскажите про стрелочные функции: какой у них контекст this?
26. Можете сказать пару слов про замыкания? Покажите, где в данном коде есть замыкание.
27. Расскажите, как вы работали с асинхронностью в JavaScript (Promise, async/await)?
28. Опишите схему выполнения JavaScript-кода: как работает event loop?
29. Слышали ли вы про макротаски и микротаски? Как они работают?
30. Задача: в каком порядке выведутся console.log при сочетании setTimeout и Promise в коде?
31. Расскажите про классы и прототипное наследование в JavaScript: как работают классы и прототипы?
32. Если у объекта вызвать свойство или метод (например, toString), где оно будет искаться (цепочка прототипов)? Что является прототипом объекта?
33. Задача на классы: class Bar extends Foo с вызовом super.print() и this — что выведется в консоль и в каком порядке?
34. Почему при вызове метода родителя через super.print() внутри него this указывает на дочерний класс?
35. Как расположить модальное окно по центру экрана средствами CSS (position + transform, flexbox)?
36. Карточки расположены в строку — как сделать, чтобы они шли столбцом, не меняя разметку (flex-direction: column)?
37. Два блока display: block — у верхнего margin-bottom 10px, у нижнего margin-top 20px. Какое расстояние будет между ними (схлопывание margin)?
38. Из чего состоит HTTP-запрос (метод, заголовки, тело)?
39. Что передаёт GET-запрос и чем он отличается от POST?
40. Как работают cookies: как сервер их устанавливает, как браузер отправляет, и как очистить конкретную cookie через document.cookie?
41. Какие важные параметры есть у cookies (secure/httpOnly, время жизни)? Можно ли такие cookies прочитать из JavaScript?
42. Можно ли с фронтенда установить время жизни cookie?
43. Cookie установлена для alfabank.ru — как сделать, чтобы она была доступна и на поддомене digital.alfabank.ru?
44. Что такое CORS, как он работает и зачем он нужен браузеру?
45. Если через curl/консоль всё равно можно достучаться до ресурса, что именно запрещает браузер с помощью CORS и зачем?
46. Какие виды атак / механизмы безопасности вы знаете (XSS, SQL-инъекции, CSRF)?
47. Что такое CSRF-токен и для чего нужен этот механизм? От чего он защищает?
48. Лайвкодинг (алгоритм): написать функцию sum, вызываемую по цепочке sum(1)(2)(3)..., которая при каждом вызове выводит в консоль накопленную сумму (каррирование + замыкание) и возвращает функцию для следующего вызова.