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

Question

Маяк · Accepted Answer

1. Вы говорили, что создавали проект с нуля. Какую архитектуру вы выбрали и почему?
2. В чём вообще смысл (прикол) FSD? Как ты это понимаешь?
3. Можно ли в FSD импортировать из любого участка кода в любой другой, или есть ограничения на импорты между слоями?
4. Какие минусы ты видишь у FSD? Для чего она может быть избыточной или чего в ней может не хватать?
5. Что происходит при вводе URL в браузере? Написал google.com, нажал Enter — что произошло?
6. Со стороны фронтенда: что происходит дальше после того, как с сервера прилетел index.html?
7. Как называется весь этот процесс рендеринга страницы (последовательность шагов) и какие у него этапы?
8. Как можно оптимизировать процесс рендеринга страницы (Critical Render Path)? Какие есть методы?
9. Если на странице есть большие или долго грузящиеся элементы (например, картинки), что можно сделать?
10. Чем React (Virtual DOM) отличается от работы с реальным DOM-деревом и в чём его преимущество?
11. За счёт чего Virtual DOM легковесен? Мы взаимодействуем со всем DOM-деревом или нет?
12. Что можно сказать про дочерние компоненты при перерендере родительского компонента?
13. Как называется механизм, с помощью которого реализован Virtual DOM (reconciliation), и что это такое?
14. Откуда взялся алгоритм reconciliation, когда он появился и что из себя представляет (к какому типу алгоритмов относится)?
15. Какая алгоритмическая сложность у reconciliation?
16. При рендере списка из массива в React что мы должны обязательно указать для каждого элемента?
17. Какие есть типы данных в JavaScript?
18. Как проверить, что массив — это массив, а не объект? Какие есть варианты?
19. Что вернёт typeof null?
20. Как повесить обработчик клика на кнопку в чистом JavaScript (без React)?
21. Что такое всплытие событий?
22. Как отменить классическое всплытие события? Какой метод можно использовать?
23. Что влияет на размер блока в CSS? Какие варианты есть?
24. Как отцентрировать блок в CSS? Какие есть способы?
25. Как отцентрировать блок, если у него position: absolute?
26. Что такое CORS?
27. Алгоритмическая задача Two Sum (LeetCode): дан массив чисел nums и target, нужно вернуть массив с индексами двух чисел, которые в сумме дают target.
28. Что такое Map и Set в JavaScript, зачем они нужны?
29. Что быстрее работает на уровне движка — получение элемента из Map или из Set (по сложности их методов)?
30. Напишите алгоритм, который преобразует массив пар (name/value) в объект вида { width: 10, height: 20 } — например, с помощью методов массива (reduce).
31. Что такое Event Loop? Расскажи максимально поверхностно, в двух словах.
32. Какие очереди есть в Event Loop?
33. Задача на порядок вывода: определить, в каком порядке выведутся console.log в функции с синхронным кодом, setTimeout (в т.ч. с нулевой задержкой) и промисами (resolve, then).
34. Какие хуки есть в React и для чего они предназначены? Назови парочку-тройку.
35. Когда срабатывает useEffect (в зависимости от массива зависимостей)?
36. Если в useEffect сделать return (например, return () => console.log(1)), когда выполнится этот код?
37. На чём ты пишешь код — в какой IDE?
38. Пользуешься ли Cursor и нейронками?
39. Если начинаешь новый проект (пет или рабочий), какие особенности/настройки будешь делать для Cursor?