Позиция: Middle
Вилка: От 260к
Вопросы:
❓ Что такое SEO и какие основные факторы влияют на его эффективность?
❓ Какие метатеги вы используете для оптимизации страниц и для чего они служат?
❓ Как правильно настроить метатеги для улучшения видимости сайта в поисковых системах?
❓ Что такое доступность веб-контента и почему она важна?
❓ Как используются атрибуты ARIA для улучшения доступности веб-приложений?
❓ Какие инструменты и методы вы применяете для обеспечения совместимости с экранными читалками?
❓ Что такое семантическая разметка и как она влияет на доступность?
❓ Как и когда использовать атрибут alt для изображений?
❓ Какие технологии верстки вы используете в своих проектах?
❓ Используете ли вы CSS-препроцессоры? Если да, то какие и почему?
❓ Что такое SCSS и какие преимущества он предоставляет по сравнению с обычным CSS?
❓ Что такое миксины в SCSS и для чего они используются?
❓ Как использование миксинов влияет на общий объем CSS и как вы справляетесь с увеличением кода?
❓ Как вы реализуете трехколоночную сетку с использованием CSS Grid?
❓ Как обеспечить перенос колонок при уменьшении ширины контейнера без использования медиазапросов, используя auto-fit или auto-fill?
❓ Что делать, если необходимо динамически менять количество колонок через пропсы в компоненте? Какие подходы вы используете (например, inline-стили, классы, переменные)?
❓ Объясните, как работает Event Loop в JavaScript.
❓ Какие способы клонирования объектов вы знаете и чем они отличаются?
❓ Какую структуру данных вы бы выбрали для сохранения порядка элементов и почему?
❓ Что такое WeakSet и WeakMap? В каких случаях их стоит использовать?
❓ Чем отличаются MutationObserver и IntersectionObserver? В каких сценариях применяются каждый из них?
❓ Что такое Proxy и Reflection в JavaScript? Приведите примеры их использования.
❓ Какие типы хранилищ существуют в браузере (например, LocalStorage, SessionStorage, IndexedDB)? В чем их основные отличия и области применения?
❓ Что такое CORS и как он работает? Как вы решаете проблемы, связанные с CORS в ваших проектах?
❓ Какие хуки существуют в React и для чего они используются?
❓ Расскажите подробнее о хуке useEffect. В чем разница между useEffect и useLayoutEffect?
❓ В чем отличие между хуками useReducer и useState? Когда стоит использовать каждый из них?
❓ Для чего используются хуки useMemo и useCallback? Как они помогают оптимизировать производительность?
❓ Как вы оптимизируете работу с большими списками данных в приложении? Что такое виртуализация списка и как она реализуется?
❓ Какие подходы вы используете для переопределения типов из библиотек в TypeScript (например, использование as never as SomeType)?
❓ Какие виды тестов существуют в разработке (юнит-тесты, интеграционные, e2e и т.д.)? Какой подход вы предпочитаете и почему?
❓ Какие методы вы используете для улучшения производительности веб-сайтов?
❓ Какие метрики производительности вы отслеживаете и как используете инструменты типа Lighthouse для их анализа и оптимизации?
А говорите, что не спрашивают базовые вопросы. В Ашан, кстати, нет этапа лайводинга. Скрининг -> Тех Собес -> Финал с Руководителем
#work #interview #frontend