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

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

---

🚀 Ещё больше полезных материалов - на [YouTube-канале](https://youtube.com/c/YauhenKavalchuk)

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

---



---

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

- 🌐 [Web Technologies](./questions/web.md) - протоколы, API, хранилище, рендеринг, PWA и общие концепции веба
- 🏛️ [Architecture](./questions/architecture.md) - MVC, MVVM, микросервисы, DDD, паттерны масштабирования
- 🔒 [Security](./questions/security.md) - XSS, CSRF, CSP, JWT, CORS и другие угрозы и защиты
- 🖥️ [Browser Rendering](./questions/browser-rendering.md) - CRP, reflow и repaint, compositing, requestAnimationFrame и работа браузера
- 🧩 [OOP & FP](./questions/oop-fp.md) - ООП, SOLID, функциональное и реактивное программирование, паттерны
- 📑 [HTML](./questions/html.md) - семантика, формы, атрибуты, мета-теги, Canvas, SVG и многое другое
- 🎨 [CSS](./questions/css.md) - селекторы, Flexbox, Grid, анимации, препроцессоры и методологии
- ⚙️ [JavaScript](./questions/js.md) - типы данных, прототипы, замыкания, ООП, методы массивов и строк
- 🧱 [JS in Browser](./questions/browser-js.md) - DOM, события, BOM, Shadow DOM, Web API и браузерные инструменты
- ⚡ [Async JS](./questions/async-js.md) - Event loop, промисы, async/await, AJAX, fetch и таймеры
- 📜 [ECMAScript](./questions/es.md) - ES6+, новые возможности стандарта: классы, генераторы, коллекции
- ♿ [Accessibility](./questions/accessibility.md) - WCAG, ARIA, скринридеры, доступность форм, цвета и мультимедиа
- 🚀 [Performance](./questions/performance.md) - Core Web Vitals, рендеринг, оптимизация загрузки и изображений
- 🔷 [TypeScript](./questions/ts.md) - типы, интерфейсы, generics, декораторы, утилитарные типы
- ⚛️ [React](./questions/react.md) - хуки, жизненный цикл, Virtual DOM, Fiber, контекст, SSR
- 💚 [Vue.js](./questions/vue-js.md) - компоненты, директивы, реактивность, Vue Router, Vuex, Composition API
- 🟥 [Angular](./questions/angular.md) - компоненты, DI, RxJS, роутинг, формы, Change Detection
- 📦 [State Management](./questions/state-management.md) - Redux, Flux, Vuex, MobX и принципы управления состоянием
- 🟢 [Node.js](./questions/node-js.md) - Event loop, потоки, модули, кластеры, EventEmitter, npm
- 🪲 [Testing](./questions/testing.md) - Unit, UI, TDD, BDD, моки, стабы и инструменты тестирования
- 🛠️ [Tools](./questions/tools.md) - Webpack, Babel, Git, ESLint, tree shaking и сборка проектов
- 🤝 [Soft Skills](./questions/soft-skills.md) - Agile, SDLC, CI/CD, код-ревью, технический долг, GitFlow
- 💡 [Практические задачи](./questions/practical-tasks.md) - типовые алгоритмические и coding-задачи с разбором решений

---

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

### Связаться со мной:
[][youtube]
[][instagram]
[][linkedin]
[][x]
[][threads]
[][telegram]

[youtube]: https://youtube.com/YauhenKavalchuk
[instagram]: https://instagram.com/YauhenKavalchuk
[linkedin]: https://linkedin.com/in/YauhenKavalchuk
[x]: https://x.com/YauhenKavalchuk
[threads]: https://www.threads.com/YauhenKavalchuk
[telegram]: http://t.me/yauhenkavalchuk
[sponsor]: https://www.youtube.com/channel/UCE9ODjNIkOHrnSdkYWLfYhg/join
[instruction]: https://github.com/YauhenKavalchuk/youtube/blob/main/instruction.md