🎯 Front-end. Вопросы на собеседовании

Добро пожаловать в один из самых полных сборников вопросов для технических собеседований на позицию Junior / Middle / Senior / Lead Front-end и Full-stack разработчика! Здесь вы найдёте сотни вопросов, сгруппированных по темам - от основ HTML и CSS до архитектурных паттернов и безопасности. Каждый вопрос сопровождается подробным видеоответом, чтобы подготовка занимала как можно меньше времени.

Если проект оказался полезным - не забудьте поставить ⭐!

🚀 Ещё больше полезных материалов - на YouTube-канале

🔐 Как получить доступ к закрытым видео?

🎚️ Уровни вопросов

В каждом тематическом файле вопросы разложены по подразделам: 🟢 Junior, 🟡 Middle, 🟠 Senior и 🔴 Lead. Уровень вопроса - это минимальный уровень, с которого ответ ожидается: вопрос Junior вполне уместен и на Middle, и на Senior. Уровни определены по матрицам навыков для JavaScript-разработчиков (Frontend и Fullstack) с поправкой на сложность самого вопроса.

Уровень	Что ожидается
Junior	Базовые понятия и основы технологий, умение решить небольшую задачу и объяснить, как это работает
Middle	Самостоятельная работа и ответственность за реализацию: нюансы технологий, типичные проблемы и способы их решения
Senior	Глубокое понимание внутреннего устройства, архитектурные решения, сравнение подходов и их компромиссов
Lead	Технические решения на уровне команды и проекта, процессы, наставничество, ответственность за результат

📚 Темы вопросов

Тема	О чём	Вопросов
🌐 Web Technologies	HTTP, API, хранилища, CSR/SSR и PWA	61
🏛️ Architecture	MVC, MVVM, микросервисы, DDD, микрофронтенды и FSD	21
🔒 Security	XSS, CSRF, CSP, JWT, CORS и другие угрозы и защиты	39
🖥️ Browser Rendering	CRP, reflow и repaint, requestAnimationFrame и работа браузера	7
🧩 OOP & FP	ООП, ФП, SOLID, реактивное программирование и паттерны	36
📑 HTML	Семантика, формы, атрибуты, мета-теги, Canvas, SVG	76
🎨 CSS	Flexbox, Grid, анимации, препроцессоры и методологии	70
⚙️ JavaScript