🎯 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	24
🔒 Security	XSS, CSRF, CSP, JWT, CORS и другие угрозы и защиты	39
🖥️ Browser Rendering	CRP, reflow и repaint, requestAnimationFrame и работа браузера	7
🧩 OOP & FP	ООП, ФП, SOLID, реактивное программирование и паттерны	36
📑 HTML	Семантика, формы, атрибуты, мета-теги, Canvas, SVG	78
🎨 CSS	Flexbox, Grid, анимации, препроцессоры и методологии	74
⚙️ JavaScript	Типы данных, прототипы, замыкания, методы массивов и строк	94
🧱 JS in Browser	DOM, события, BOM и Shadow DOM	38
⚡ Async JS	Event loop, промисы, async/await, AJAX, fetch и таймеры	26
📜 ECMAScript	let/const, классы, модули, коллекции и новые операторы	40
♿ Accessibility	WCAG, ARIA, скринридеры, фокус и клавиатура	26
🚀 Performance	Core Web Vitals, загрузка страницы, изображения и шрифты	12
🔷 TypeScript	Типы, интерфейсы, generics, декораторы, утилитарные типы	44
⚛️ React	Хуки, жизненный цикл, Virtual DOM, Fiber, контекст, SSR	81
💚 Vue.js	Директивы, реактивность, Vue Router, Vuex, Composition API	42
🟥 Angular	Компоненты, DI, RxJS, роутинг, формы, Change Detection	57
📦 State Management	Redux, Redux Toolkit, MobX, Zustand и Pinia	14
🟢 Node.js	Event loop, потоки, модули, кластеры, EventEmitter, npm	31
🪲 Testing	Виды тестов, TDD, BDD, моки, стабы и UI-тесты	13
🛠️ Tools	Webpack, Babel, tree shaking, stylelint и Git	15
🤝 Soft Skills	Agile, SDLC, CI/CD, код-ревью, технический долг, GitFlow	20
💡 Practical Tasks	Небольшие практические задачи на строки, массивы и числа	12
Всего		884

---

Поддержать развитие канала:

Связаться со мной: