Добро пожаловать в один из самых полных сборников вопросов для технических собеседований на позицию 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 | Типы данных, прототипы, замыкания, методы массивов и строк | 94 |
| 🧱 JS in Browser | DOM, события, BOM и Shadow DOM | 33 |
| ⚡ Async JS | Event loop, промисы, async/await, AJAX, fetch и таймеры | 26 |
| 📜 ECMAScript | let/const, классы, модули, коллекции и новые операторы | 40 |
| ♿ Accessibility | WCAG, ARIA, скринридеры, фокус и клавиатура | 22 |
| 🚀 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 | 27 |
| 🪲 Testing | Виды тестов, TDD, BDD, моки, стабы и UI-тесты | 13 |
| 🛠️ Tools | Webpack, Babel, tree shaking, stylelint и Git | 12 |
| 🤝 Soft Skills | Agile, SDLC, CI/CD, код-ревью, технический долг, GitFlow | 20 |
| 💡 Practical Tasks | Небольшие практические задачи на строки, массивы и числа | 12 |
| Всего | 859 |
