Если проект оказался полезным - не забудьте поставить ⭐!
--- 🚀 Ещё больше полезных материалов - на [YouTube-канале](https://youtube.com/c/YauhenKavalchuk) ### 🔐 [Как получить доступ к закрытым видео?][instruction] --- ### 🎚️ Уровни вопросов В каждом тематическом файле вопросы разложены по подразделам: 🟢 Junior, 🟡 Middle, 🟠 Senior и 🔴 Lead. Уровень вопроса - это **минимальный уровень, с которого ответ ожидается**: вопрос Junior вполне уместен и на Middle, и на Senior. Уровни определены по матрицам навыков для JavaScript-разработчиков (Frontend и Fullstack) с поправкой на сложность самого вопроса. | Уровень | Что ожидается | | ---------- | ----------------------------------------------------------------------------------------------------------------- | | **Junior** | Базовые понятия и основы технологий, умение решить небольшую задачу и объяснить, как это работает | | **Middle** | Самостоятельная работа и ответственность за реализацию: нюансы технологий, типичные проблемы и способы их решения | | **Senior** | Глубокое понимание внутреннего устройства, архитектурные решения, сравнение подходов и их компромиссов | | **Lead** | Технические решения на уровне команды и проекта, процессы, наставничество, ответственность за результат | ### 📚 Темы вопросов | Тема | О чём | Вопросов | | -------------------------------------------------------- | -------------------------------------------------------------- | -------: | | 🌐 [Web Technologies](./questions/web.md) | HTTP, API, хранилища, CSR/SSR и PWA | 61 | | 🏛️ [Architecture](./questions/architecture.md) | MVC, MVVM, микросервисы, DDD, микрофронтенды и FSD | 24 | | 🔒 [Security](./questions/security.md) | XSS, CSRF, CSP, JWT, CORS и другие угрозы и защиты | 39 | | 🖥️ [Browser Rendering](./questions/browser-rendering.md) | CRP, reflow и repaint, requestAnimationFrame и работа браузера | 7 | | 🧩 [OOP & FP](./questions/oop-fp.md) | ООП, ФП, SOLID, реактивное программирование и паттерны | 36 | | 📑 [HTML](./questions/html.md) | Семантика, формы, атрибуты, мета-теги, Canvas, SVG | 78 | | 🎨 [CSS](./questions/css.md) | Flexbox, Grid, анимации, препроцессоры и методологии | 74 | | ⚙️ [JavaScript](./questions/js.md) | Типы данных, прототипы, замыкания, методы массивов и строк | 94 | | 🧱 [JS in Browser](./questions/browser-js.md) | DOM, события, BOM и Shadow DOM | 38 | | ⚡ [Async JS](./questions/async-js.md) | Event loop, промисы, async/await, AJAX, fetch и таймеры | 26 | | 📜 [ECMAScript](./questions/es.md) | let/const, классы, модули, коллекции и новые операторы | 40 | | ♿ [Accessibility](./questions/accessibility.md) | WCAG, ARIA, скринридеры, фокус и клавиатура | 26 | | 🚀 [Performance](./questions/performance.md) | Core Web Vitals, загрузка страницы, изображения и шрифты | 12 | | 🔷 [TypeScript](./questions/ts.md) | Типы, интерфейсы, generics, декораторы, утилитарные типы | 44 | | ⚛️ [React](./questions/react.md) | Хуки, жизненный цикл, Virtual DOM, Fiber, контекст, SSR | 81 | | 💚 [Vue.js](./questions/vue-js.md) | Директивы, реактивность, Vue Router, Vuex, Composition API | 42 | | 🟥 [Angular](./questions/angular.md) | Компоненты, DI, RxJS, роутинг, формы, Change Detection | 57 | | 📦 [State Management](./questions/state-management.md) | Redux, Redux Toolkit, MobX, Zustand и Pinia | 14 | | 🟢 [Node.js](./questions/node-js.md) | Event loop, потоки, модули, кластеры, EventEmitter, npm | 31 | | 🪲 [Testing](./questions/testing.md) | Виды тестов, TDD, BDD, моки, стабы и UI-тесты | 13 | | 🛠️ [Tools](./questions/tools.md) | Webpack, Babel, tree shaking, stylelint и Git | 15 | | 🤝 [Soft Skills](./questions/soft-skills.md) | Agile, SDLC, CI/CD, код-ревью, технический долг, GitFlow | 20 | | 💡 [Practical Tasks](./questions/practical-tasks.md) | Небольшие практические задачи на строки, массивы и числа | 12 | | **Всего** | | **884** | --- ### Поддержать развитие канала: [
][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