Самая большая база вопросов с технических собеседований, вместе с ответами
Как сделать так, чтобы watcher смотрел изменения полей объекта в Vue 2 и 3?
Объясните, как настроить watcher в Vue 2 и 3 для отслеживания изменений отдельных полей объекта. Какие особенности реализации стоит учитывать?Middle, Junior
Что такое генератор и итератор в JavaScript?
Объясните, что представляют собой генераторы и итераторы в JavaScript, как они работают и в чем их отличия. Опишите основные особенности их использования и преимущества в сценариях работы с последовательностями данных.Middle, Junior
Что такое веб-воркеры (WebWorkers) в JavaScript?
Опишите, что представляют собой веб-воркеры (WebWorkers) в JavaScript и как они работают. Укажите, для чего они используются, какие задачи решают и в каких случаях их стоит применять.Middle, Junior
Что такое прогрессивный (progressive) рендеринг?
Объясните, что такое прогрессивный рендеринг в веб-разработке, как он работает и зачем он нужен. Укажите, какие методы и подходы используются для ускорения отображения контента на веб-страницах.Middle, Junior
Как можно указать контент слота по умолчанию в Vue 3?
Расскажите, как в Vue 3 можно задать контент слота по умолчанию. В каких ситуациях это может быть полезно?Middle, Junior
Что такое компосаблы (composables) в Vue 3?
Объясните, что представляют собой компосаблы (composables) в Vue 3 и как они используются для повторного использования логики.Middle, Junior
Для чего нужен <transition> в Vue и какую проблему он решает?
Объясните, зачем в Vue нужен компонент <transition> и какие задачи он позволяет решать при работе с анимациями.Middle, Junior
Что такое миксины (mixins) в Vue 2?
Расскажите, что такое миксины (mixins) в Vue 2 и для чего они используются при создании компонентов.Middle, Junior
В чем отличие extends от implements в TypeScript?
Опишите, в чем заключается разница между extends и implements в TypeScript. Укажите, как и в каких случаях их следует применять при работе с типами и классами.Middle, Junior
Можно ли использовать JSX в Vue?
Объясните, можно ли в Vue использовать JSX и какие особенности следует учитывать при этом подходе.Middle, Junior
Как работает изоляция стилей в Vue?
Опишите, как в Vue работает изоляция стилей и какие механизмы используются для предотвращения конфликтов CSS.Middle, Junior
Что такое утверждение типа (type assertion) в TypeScript?
Объясните, что такое утверждение типа (type assertion) в TypeScript, в каких случаях оно применяется и как его использовать правильно.Middle, Junior
Для чего нужны .d.ts файлы в TypeScript?
Опишите, что такое файлы с расширением .d.ts в TypeScript, для чего они используются и как их создавать и подключать в проектах.Middle, Junior
Что такое render props в React?
Объясните концепцию render props в React и как она позволяет разделять логику между компонентами. В каких случаях этот подход предпочтителен?Middle, Junior
Что такое Flux архитектура в React?
Объясните, что представляет собой архитектура Flux в контексте разработки на React. Как организованы потоки данных и в чем преимущества такого подхода?Middle, Junior
Что такое FSD (Feature sliced design) архитектура в React?
Расскажите, что такое FSD (Feature Sliced Design) в разработке на React и как данная архитектура организует структуру кода. Какие преимущества она предлагает при масштабировании приложений?Middle, Junior
Чем отличаются any, unknown и never в TypeScript?
Объясните, в чем разница между типами any, unknown и never в TypeScript. Укажите, как и когда каждый из этих типов следует применять, и почему они важны для понимания системы типов TypeScript.Middle, Junior
Для чего нужен тип never в TypeScript?
Объясните, что представляет собой тип never в TypeScript, как и когда он используется. Укажите, чем он отличается от других типов и в каких случаях его следует применять.Middle, Junior
Что такое hoisting в JavaScript, и как он работает?
Как концепция hoisting влияет на объявление переменных и функций в JavaScript? Объясните, что происходит при поднятии переменных и функций, и как это влияет на порядок выполнения кода.Middle, Junior
Для чего нужен тип void в TypeScript?
Опишите, как и в каких ситуациях следует использовать тип void в TypeScript. Укажите, чем он отличается от других типов, и какую роль он играет при определении функций.Middle, Junior
В чём разница между Observable и BehaviorSubject/Subject (Higher Order Observables) в RxJS?
Каковы ключевые отличия между Observable и BehaviorSubject/Subject, особенно в контексте управления состоянием и подписками?Middle, Junior
В чем отличие стрелочной функции от обычной в JavaScript?
Каковы ключевые различия между стрелочной функцией и обычной функцией в JavaScript? Обсудите особенности `this`, `arguments`, и поведение функций в контексте вызовов и методов.Middle, Junior
Что такое Subject в RxJS?
Какова роль Subject в RxJS и как он отличается от обычного Observable?Middle, Junior
Что такое и для чего используют IIFE (Immediately Invoked Function Expression)?
Что представляет собой Immediately Invoked Function Expression (IIFE) в JavaScript и как его использование может помочь в управлении областью видимости? Объясните, как и почему IIFE используется для создания локального контекста и избегания загрязнения глобального пространства имен.Middle, Junior
Как с помощью RxJs реализовать несколько запросов к api, которые должны идти друг за другом?
Каким образом можно организовать последовательное выполнение нескольких API-запросов с использованием RxJS, чтобы каждый следующий запрос зависел от результата предыдущего?Middle, Junior
Что такое замыкание (closure) в JavaScript?
Что такое замыкание в JavaScript и как оно работает? Объясните, как замыкания позволяют функции сохранять доступ к переменным своего внешнего контекста даже после завершения выполнения этой функции.Middle, Junior
Что такое декораторы в TypeScript?
Опишите, что такое декораторы в TypeScript, как они работают и для чего применяются. Укажите, какие существуют виды декораторов и как они могут быть использованы на практике.Middle, Junior
Как кэшировать данные из observable в RxJS?
Какие подходы можно использовать для кэширования данных, получаемых из Observable, чтобы избежать повторных запросов и улучшить производительность приложения?Middle, Junior
Какая разница между определением функции через function и через var/let/const?
Каковы основные различия между определением функции с помощью ключевого слова `function` и использованием `var`, `let`, или `const` для объявления функции в JavaScript? Объясните, как область видимости и всплытие (hoisting) влияют на каждое из этих определений и какие особенности следует учитывать.Middle, Junior
В чем разница между Subject, BehaviorSubject, ReplySubject и AsyncSubject в RxJS?
Какие ключевые отличия существуют между различными типами Subjects в RxJS, такими как Subject, BehaviorSubject, ReplaySubject и AsyncSubject?Middle, Junior
Что такое дженерики (generic types, <T>) в TypeScript?
Объясните, что такое дженерики в TypeScript, как они работают и в каких случаях их нужно использовать. Укажите, как дженерики помогают создавать гибкие и переиспользуемые функции и классы.Middle, Junior
В чем разница между of и from в RxJS?
Каковы основные отличия между операторами of и from в RxJS при создании новых Observables?Middle, Junior
В чем разница между Observable и Promise в RxJS?
Каковы основные отличия между Observable и Promise в контексте работы с асинхронными операциями в RxJS?Middle, Junior
В чем разница между scan() и reduce() в RxJS?
Каковы основные различия между операторами scan() и reduce() в контексте обработки потоков данных в RxJS?Middle, Junior
Для чего нужно ключевое слово declare в TypeScript?
Опишите, что делает ключевое слово declare в TypeScript и в каких случаях его нужно использовать. Укажите, как оно помогает при работе с глобальными переменными и библиотеками.Middle, Junior
Что такое поток (stream) в RxJS?
Какое определение потока (stream) в контексте RxJS и какие типы потоков существуют?Middle, Junior
В чём разница между switchMap(), mergeMap(), concatMap() в RxJS?
Каковы основные отличия между операторами switchMap(), mergeMap() и concatMap() при работе с вложенными Observable в RxJS?Middle, Junior
В чем разница между операторами combineLatest и forkJoin в RxJS?
Каковы ключевые различия между операторами combineLatest и forkJoin при объединении нескольких потоков данных в RxJS?Middle, Junior
Что такое Observable высшего порядка (Higher-Order) в RxJS?
Каково определение Observable высшего порядка в контексте RxJS и какие примеры его использования?Middle, Junior
В чем отличие между NGRX, NGXS, Akita и какую проблему они решают?
Каковы основные отличия между библиотеками управления состоянием NGRX, NGXS и Akita в контексте разработки приложений на Angular?Middle, Junior
Что такое multicasting в RxJS?
Какова концепция multicasting в RxJS и какие преимущества она предоставляет при работе с потоками данных?Middle, Junior
В чем отличие подключения скрипта через async и defer в HTML?
Опишите разницу между атрибутами async и defer при подключении скриптов в HTML и как они влияют на порядок выполнения кода и загрузку страницы.Middle, Junior
Чему равен this в обработчике событий в JavaScript?
Опишите, какое значение принимает this в контексте обработчика событий в JavaScript и как оно связано с элементом, на котором произошло событие.Middle, Junior
Опишите процесс всплытия (bubbling) событий в DOM.
Расскажите о механизме всплытия событий в DOM, как этот процесс работает и какие этапы включает.Middle, Junior
Как можно сделать тип перечисления всех полей объекта в TypeScript?
Объясните, как в TypeScript можно создать тип, который представляет собой перечисление всех ключей объекта. Как это может помочь при создании динамических или обобщенных типов?Middle, Junior
Что такое mapped (сопоставленные) типы в TypeScript?
Объясните, что такое mapped (сопоставленные) типы в TypeScript и как они используются. В каких случаях они полезны для работы с объектами и как с их помощью можно изменять или адаптировать существующие типы?Middle, Junior
Приведите хороший пример использования NgZone сервиса в Angular.
Как можно эффективно использовать сервис NgZone в приложении на Angular для управления изменениями и производительностью?Middle, Junior
Как обновлять представление, если ваша модель данных обновляется вне 'зоны' в Angular?
Каким образом можно обновить представление в Angular, если изменения модели данных происходят вне зоны обнаружения изменений Angular?Middle, Junior
Что такое service-worker и его роль в Angular?
Какова роль service-worker в приложениях на Angular и какие преимущества он предоставляет для улучшения пользовательского опыта?Middle, Junior
Что такое БЭМ (BEM) в CSS?
Расскажите, что такое методология БЭМ (BEM) в CSS, как она используется для организации кода и какие правила она предполагает для наименования классов.Middle, Junior
Как можно убрать из массива все повторяющиеся элементы?
Объясните, какие подходы существуют в JavaScript для удаления всех повторяющихся элементов из массива. Как с помощью встроенных методов или других конструкций можно получить массив с уникальными значениями?Middle, Junior
Зачем нужны префиксы для некоторых CSS-свойств (-webkit-, -moz-)?
Объясните, для чего используются префиксы, такие как -webkit- и -moz-, перед некоторыми CSS-свойствами и как это связано с поддержкой браузерами.Middle, Junior
Как можно упростить написание кросс-браузерных стилей?
Расскажите, какие подходы и инструменты могут помочь в написании кросс-браузерных стилей в CSS и как обеспечить корректное отображение страниц в разных браузерах.Middle, Junior
Что такое геттеры и сеттеры в JavaScript?
Объясните, что такое геттеры и сеттеры в JavaScript, как они работают и зачем нужны. Как их можно использовать для контроля доступа и изменения значений свойств объектов?Middle, Junior
Что случится если подписаться на поток данных несколько раз через async pipe в Angular?
Каковы последствия многократной подписки на поток данных с использованием async pipe в Angular, и как это может повлиять на производительность и поведение приложения?Middle, Junior
В чем разница между ng-form, FormGroup, и FormControl в Angular?
Каковы основные отличия между ng-form, FormGroup и FormControl в контексте работы с формами в Angular, и как правильно использовать каждый из этих элементов для управления состоянием форм?Middle, Junior
Что такое динамические компоненты в Angular?
Какова концепция динамических компонентов в Angular и каким образом они могут быть созданы и использованы для создания более гибких и адаптивных приложений?Middle, Junior
Когда нужно использовать стандартные (template driven), а когда реактивные (reactive) формы в Angular?
Каковы основные различия между стандартными (template driven) и реактивными (reactive) формами в Angular, и в каких случаях предпочтительнее использовать каждый из этих подходов при разработке форм?Middle, Junior
Как добавить валидацию к форме, сделанной с помощью FormBuilder в Angular?
Какие шаги необходимо предпринять для добавления валидации к форме, созданной с использованием FormBuilder в Angular, и какие типы валидаторов доступны для использования?Middle, Junior
В чем преимущество использования FormBuilder в Angular?
Каковы основные преимущества использования FormBuilder при создании форм в Angular, особенно в контексте упрощения кода и улучшения читабельности?Middle, Junior
В чем разница между состояниями dirty, touched и pristine в Angular?
Каковы основные различия между состояниями dirty, touched и pristine в Angular формах, и как эти состояния помогают управлять поведением форм?Middle, Junior
Что такое порталы (usePortal) в React?
Объясните, что такое порталы в React, как они работают и в каких ситуациях их лучше использовать при создании пользовательских интерфейсов.Middle, Junior
Как работает EventLoop в JavaScript?
Объясните, что такое EventLoop в JavaScript и как он управляет выполнением кода. Какие задачи он решает и как работает его механизм с очередями микрозадач и макрозадач?Middle, Junior
Что такое макротаска (macrotask, макрозадача) в JavaScript?
Объясните, что такое макротаска в JavaScript и как она отличается от микротаски. Как и в каком порядке макротаски обрабатываются в EventLoop?Middle, Junior
Promise – это микро или макро таска (задача) в JavaScript?
Объясните, к какому типу задач относятся Promise в JavaScript – микро или макротаски. Как это влияет на порядок их выполнения в EventLoop?Middle, Junior
Что первее выведется – Promise или setTimeout в JavaScript?
Рассмотрите ситуацию, когда в коде JavaScript одновременно вызываются Promise и setTimeout. Объясните, какой из них выполнится первым и почему. Как EventLoop влияет на порядок их выполнения?Middle, Junior
Что такое микротаска (microtask, микрозадача) в JavaScript?
Расскажите, что такое микротаска в JavaScript, как она создается и в каком порядке выполняется по сравнению с другими задачами. Как микротаски связаны с EventLoop?Middle, Junior
Что делает Promise.resolve() в JavaScript?
Объясните, как работает метод Promise.resolve() в JavaScript и для чего он используется. Как он влияет на выполнение цепочек Promise и их порядок в EventLoop?Middle, Junior
Какой порядок выполнения тасок в EventLoop в JavaScript?
Объясните, как в JavaScript осуществляется порядок выполнения задач в EventLoop. Как задачи сортируются по приоритету и в каком порядке они выполняются в цикле событий?Middle, Junior
setTimeout – это микро или макро таска (задача) в JavaScript?
Объясните, к какому типу задач относится setTimeout в JavaScript – микро или макротаски. Как оно влияет на порядок выполнения задач в EventLoop?Middle, Junior
В чем разница между чистыми и нечистыми пайпами в Angular?
Каковы основные различия между чистыми и нечистыми пайпами в Angular, и как эти различия влияют на производительность приложения при использовании пайпов?Middle, Junior
Что такое VDOM (Virtual DOM) в React?
Опишите, что представляет собой виртуальный DOM в React, как он работает и какие преимущества предоставляет по сравнению с непосредственным обновлением реального DOM.Middle, Junior
Что такое асинхронный (async) пайп в Angular?
Какова функция асинхронного (async) пайпа в Angular, и каким образом он упрощает работу с асинхронными данными и потоками?Middle, Junior
Для чего нужен Redux и другие стейт менеджеры в React?
Опишите, в каких ситуациях стоит использовать Redux или другие стейт менеджеры при разработке React приложений, и какие проблемы они решают.Middle, Junior
Как async pipe предотвращает утечку памяти в Angular?
Каким образом async pipe помогает предотвратить утечки памяти при работе с асинхронными данными в Angular, и какие механизмы лежат в основе этой функциональности?Middle, Junior
Что такое и как работает ChangeDetection в Angular?
Какова концепция Change Detection в Angular, и каким образом она управляет обновлением представления при изменении состояния компонентов?Middle, Junior
Почему не стоит импортировать сервис из SharedModule в lazy loaded модуль в Angular?
Каковы причины, по которым не рекомендуется импортировать сервис из SharedModule в лениво загружаемый модуль Angular, и какие последствия это может иметь для управления состоянием приложения?Middle, Junior
Что такое управляемые и неуправляемые компоненты в React?
Объясните разницу между управляемыми и неуправляемыми компонентами в React. Опишите, как они работают, в чем их особенности и в каких случаях стоит использовать каждый из этих подходов.Middle, Junior
Что такое DOCTYPE и зачем он нужен в HTML?
Определите, что такое декларация DOCTYPE в HTML и для чего она нужна. Как её наличие влияет на работу браузера и рендеринг страницы?Middle, Junior
Что такое семантичность (семантика) в HTML?
Объясните, что означает термин семантичность в контексте HTML. Почему семантические элементы важны для структуры веб-страницы и её восприятия пользователями и поисковыми системами?Middle, Junior
Приведите хороший пример когда нужно использовать ngrx/store в Angular?
В каких сценариях использования стоит рассмотреть внедрение ngrx/store в приложение на Angular, и какие преимущества это может предоставить при управлении состоянием?Middle, Junior
В чем отличие умного и презентационного компонента в Angular?
Каковы ключевые различия между умными (smart) и презентационными (dumb) компонентами в Angular, и как это разделение влияет на архитектуру приложения?Middle, Junior
Каков жизненный цикл у Angular Router?
Каковы основные этапы жизненного цикла маршрутизатора (Router) в Angular, и каким образом эти этапы влияют на навигацию и управление состоянием приложения?Middle, Junior
Как работает trackBy для директивы *ngFor в Angular?
Какова роль функции trackBy в директиве *ngFor в Angular, и каким образом она помогает оптимизировать производительность при отображении списков данных?Middle, Junior
Как обрабатывать ошибки при использовании хуков в React?
Объясните, как можно эффективно обрабатывать ошибки, возникающие при работе с хуками в React. Укажите, какие подходы и инструменты можно использовать для управления ошибками в приложении.Middle, Junior
Как работают CSS Modules (CSS модули) в React?
Опишите, как CSS Modules помогают в стилизации компонентов React. Объясните, как это решает проблему глобальной области видимости стилей и улучшает модульность кода.Middle, Junior
Что такое tabindex в HTML?
Объясните, что такое атрибут tabindex в HTML и как он используется для управления фокусом при навигации с помощью клавиатуры. Как различные значения этого атрибута влияют на порядок перехода между элементами?Middle, Junior
Почему <script> располагают в конце <body> в HTML?
Объясните, почему рекомендуется размещать теги `<script>` в конце тега `<body>` в HTML. Как это влияет на загрузку и производительность страницы?Middle, Junior
Какие HTTP-методы поддерживает форма (<form>) в HTML?
Перечислите и объясните, какие HTTP-методы можно использовать в атрибуте `method` тега `<form>` в HTML. Как они влияют на способ отправки данных с формы?Middle, Junior
Какие варианты архитектуры React приложения вы знаете?
Опишите, какие подходы и паттерны используются при проектировании архитектуры React-приложений. Укажите, какие принципы помогают организовать код и структуру проекта для поддерживаемости и масштабируемости.Middle, Junior
Почему <link> располагают внутри <head> в HTML?
Объясните, почему теги `<link>` для подключения стилей или других ресурсов обычно размещают внутри тега `<head>` в HTML. Как это влияет на рендеринг страницы?Middle, Junior
Для чего нужен атрибут srcset у изображения в HTML?
Опишите назначение атрибута `srcset` у тега `<img>` в HTML. Как он помогает управлять загрузкой изображений на странице в зависимости от устройства пользователя?Middle, Junior
Как можно использовать коллбэк (callback) в useState в React?
Объясните, в каких ситуациях может быть полезно использовать коллбэк в useState и как это работает. Опишите, как можно динамически обновлять состояние в зависимости от предыдущего значения с использованием коллбэка.Middle, Junior
Какие есть паттерны для работы с асинхронностью в React?
Опишите, какие подходы и паттерны используются для управления асинхронными операциями в React. Укажите, как можно эффективно управлять асинхронными запросами, состояниями и побочными эффектами в компонентах.Middle, Junior
Как можно заставить компонент перерендериться (rerender) в React?
Объясните, какие действия можно предпринять, чтобы вручную инициировать ререндеринг компонента в React. Укажите, как можно использовать обновление состояния или другие методы для вызова повторного рендера.Middle, Junior
Что может вызывать ререндер компонента в React?
Опишите, какие факторы могут инициировать повторный рендеринг компонента в React. Укажите, как изменения в состоянии, пропсах или других элементах могут повлиять на процесс ререндеринга.Middle, Junior
Как задать цвет текста плейсхолдера у инпута в CSS?
Опишите, как в CSS можно изменить цвет текста, отображаемого в поле ввода (input) в качестве плейсхолдера. Какие псевдоклассы или псевдоэлементы для этого используются?Middle, Junior
Что такое контекст наложения и z-index в CSS?
Объясните, что такое контекст наложения в CSS и как он связан с использованием свойства z-index. Как формируется порядок наложения элементов на странице?Middle, Junior
Для чего нужен box-sizing: border-box в CSS?
Объясните, как работает свойство box-sizing в CSS и зачем нужно использовать значение border-box. Укажите, как это свойство влияет на размеры элементов и вычисление их ширины и высоты в макете.Middle, Junior
В чем отличие CSS переменных от SCSS/SASS/LESS переменных?
Расскажите, в чем заключается разница между использованием переменных в чистом CSS и переменных, предоставляемых препроцессорами вроде SCSS, SASS или LESS. Объясните, как отличаются подходы к определению и применению этих переменных.Middle, Junior
Что такое WebSockets и для чего нужна эта технология?
Опишите, что представляет собой технология WebSockets, как она работает и для каких задач используется. Укажите, в каких сценариях WebSockets предпочтительнее других технологий для обмена данными между клиентом и сервером.Middle, Junior
Какие бывают значения у свойства position в CSS?
Опишите различные значения свойства position в CSS. В каких ситуациях и для каких целей они могут применяться при верстке веб-страниц?Middle, Junior
Что такое SSR, SSG, SPA?
Объясните, что означают термины SSR, SSG и SPA, и как эти подходы применяются в веб-разработке. Опишите, в чем заключаются ключевые различия между этими методами рендеринга веб-страниц и в каких ситуациях каждый из них используется.Middle, Junior
Как можно отслеживать изменение размера элемента в JavaScript?
Опишите, какие способы существуют для отслеживания изменения размеров элемента в JavaScript. Укажите, какие встроенные методы или API можно использовать для реализации такой задачи и как эти изменения могут быть использованы в разработке интерфейсов.Middle, Junior
В чем отличия Options API и Composition API в Vue?
Опишите различия между Options API и Composition API в Vue. В каких случаях каждый из них лучше использовать?Middle, Junior
Что такое Babel и для чего он нужен?
Объясните, что представляет собой Babel и для каких целей используется в разработке JavaScript. Укажите, как Babel помогает работать с современным JavaScript кодом и какие преимущества дает использование этого инструмента.Middle, Junior
В чем преимущества Composition API в Vue 3?
Объясните, какие преимущества предоставляет Composition API в Vue 3 и почему его предпочтительно использовать в современных проектах.Middle, Junior
В чем отличие v-if и v-show в Vue?
Опишите различия между v-if и v-show в Vue. В каких ситуациях предпочтительно использовать каждый из них?Middle, Junior
В чем отличие оператора in и метода hasOwnProperty в JavaScript?
Объясните, как работают оператор in и метод hasOwnProperty в JavaScript. Укажите, в чем их основное отличие и в каких случаях каждый из них лучше использовать.Middle, Junior
Что такое ссылочные типы, и как они работают в JavaScript?
Опишите, что такое ссылочные типы данных в JavaScript и как они отличаются от примитивных типов. Укажите, как работают ссылки на объекты и что происходит при изменении значения в одной из ссылок.Middle, Junior
Как работает прототипное наследование в JavaScript?
Расскажите, как реализовано прототипное наследование в JavaScript. Укажите, как объекты могут наследовать свойства и методы других объектов через прототипы и какую роль играет цепочка прототипов.Middle, Junior
Что такое каррирование (currying) в JavaScript?
Опишите, что такое каррирование (currying) в JavaScript и в каких случаях эта техника используется. Укажите, как каррирование преобразует функции и как это может быть полезно в разработке.Middle, Junior
Как сделать поля объекта неизменяемыми в JavaScript?
Объясните, какие способы существуют в JavaScript, чтобы сделать поля объекта неизменяемыми. Укажите, как можно предотвратить изменения в свойствах и добавление новых свойств в объект.Middle, Junior
Что такое линтеры и для чего они нужны в JavaScript?
Расскажите, что такое линтеры и какую роль они играют в разработке на JavaScript. Объясните, как линтеры помогают поддерживать качество кода и какие ошибки они могут предотвращать.Middle, Junior
Почему лучше использовать computed, а не методы для вычислений в Vue?
Опишите, почему в Vue предпочтительнее использовать computed свойства, а не методы, для выполнения вычислений.Middle, Junior
Какие есть модификаторы для подписок на события в Vue?
Перечислите и объясните модификаторы для подписок на события в Vue. В каких ситуациях их полезно использовать?Middle, Junior
В чем отличие Promise.all и Promise.allSettled в JavaScript?
Расскажите, в чем разница между методами Promise.all и Promise.allSettled в JavaScript. Укажите, как эти методы обрабатывают промисы и какие сценарии их использования существуют.Middle, Junior
Зачем нужен атрибут key в Vue?
Расскажите, зачем в Vue нужен атрибут key и как его использование влияет на работу компонента при обновлении списка элементов.Middle, Junior
Можно ли иметь слот с динамическим названием в Vue 3?
Объясните, можно ли в Vue 3 создавать слоты с динамическими именами. Как можно реализовать такой функционал?Middle
Что такое Symbol в JavaScript?
Объясните, что такое Symbol в JavaScript и как этот примитивный тип данных используется для создания уникальных идентификаторов. Какие преимущества предоставляет Symbol по сравнению с другими типами данных в JavaScript?Middle
В чем отличие type от interface в TypeScript?
Объясните, в чем разница между type и interface в TypeScript. Укажите, какие задачи лучше решать с помощью каждого из них, а также как они могут использоваться вместе.Middle
Для чего нужны коллекции Map и Set в JavaScript?
Как в JavaScript используются коллекции `Map` и `Set`? Объясните, в чем их основные особенности и отличия от обычных объектов и массивов, и какие преимущества они предоставляют для хранения уникальных значений и пар ключ-значение.Middle
Зачем нужен утилитарный тип Awaited в TypeScript?
Объясните, что делает утилитарный тип Awaited в TypeScript и для чего он может быть полезен. Укажите, как его применять для работы с промисами и асинхронными типами.Middle
В чем отличие функций bind, call, apply в JavaScript?
Каковы отличия между методами `bind`, `call`, и `apply` в JavaScript? Опишите, как каждый из этих методов используется для управления значением `this` в функции и какие параметры они принимают.Middle
Как узнать высоту или ширину элемента в JavaScript?
Расскажите, какими методами и свойствами можно воспользоваться в JavaScript для получения текущих размеров элемента, таких как его высота и ширина.Middle
Как узнать координаты элемента в JavaScript?
Объясните, как в JavaScript можно определить координаты элемента относительно окна или документа, и какие методы и свойства для этого подходят.Middle
Объясните механизм загрузки (bootstrap) Angular приложения в браузере.
Как происходит процесс загрузки Angular приложения в браузере и какие ключевые этапы включает этот процесс?Middle
В чем отличие оператора ?? от || в JavaScript?
Объясните, в чем заключается разница между оператором нулевого слияния (??) и оператором логического ИЛИ (||) в JavaScript. В каких ситуациях следует использовать один оператор вместо другого?Middle
Что такое View Encapsulation в Angular?
Каково определение View Encapsulation в Angular и каким образом этот механизм влияет на стилизацию компонентов и их взаимодействие с глобальными стилями приложения?Middle
Что такое ChangeDetectionStrategy.onPush в Angular?
Каково назначение ChangeDetectionStrategy.onPush в Angular, и каким образом эта стратегия влияет на производительность приложения при обработке изменений состояния компонентов?Middle
Что такое отключение Change Detection в Angular?
Каковы причины отключения Change Detection в Angular, и какие последствия это может иметь для работы приложения и его производительности?Middle
Что такое запуск вне Angular?
Каковы особенности запуска кода вне контекста Angular, и как это может повлиять на работу приложения, особенно в отношении обнаружения изменений?Middle
Что такое обнаружение локальных изменений (Local Change Detection) в Angular?
Какова концепция обнаружения локальных изменений в Angular, и каким образом этот механизм влияет на обновление представления при изменении состояния компонентов?Middle
Что такое 'race condition' и какие баги могут быть связаны с этим в Angular?
Какова природа состояния гонки ('race condition') в контексте разработки на Angular, и какие потенциальные проблемы могут возникнуть из-за этого явления?Middle
Что такое подъем состояния (lifting state up) в React?
Объясните, что означает концепция подъема состояния (lifting state up) в React и в каких ситуациях она применяется. Опишите, как эта техника помогает улучшить управление состоянием в компонентной структуре.Middle
Что такое CSSOM?
Объясните, что такое CSSOM и как он используется в процессе рендеринга веб-страницы. Как CSSOM связан с DOM и почему их совместная работа важна для отображения контента?Middle
Как можно реализовать lazy loading изображений в React?
Расскажите, как в React можно реализовать ленивую загрузку изображений. Опишите, какие подходы и библиотеки можно использовать для оптимизации загрузки изображений и улучшения производительности.Middle
Какое значение по умолчанию имеет свойство position в CSS?
Опишите, какое значение по умолчанию присваивается свойству position в CSS и что это означает для позиционирования элементов на странице.Middle
В чем разница между display: none, opacity: 0 и visibility: hidden в CSS?
Объясните, в чем разница между использованием `display: none`, `opacity: 0` и `visibility: hidden` для скрытия элементов в CSS. Как эти свойства влияют на размещение элементов на странице и их взаимодействие с пользователем?Middle
Что такое дескрипторы свойств объектов в JavaScript?
Расскажите, что такое дескрипторы свойств в JavaScript и как они работают. Укажите, как с помощью дескрипторов можно управлять поведением свойств объектов, таких как их изменяемость и видимость.Middle
Как можно отслеживать изменение конкретного поля в объекте в JavaScript?
Опишите, какие подходы существуют в JavaScript для отслеживания изменений конкретных полей в объекте. Укажите, как можно реализовать такую функциональность и какие методы или технологии для этого применяются.Middle
Что такое scoped slots в Vue 3?
Расскажите, что представляют собой scoped slots в Vue 3 и как их использовать для передачи данных от дочернего компонента к родительскому.Senior, Middle
Чем отличается поведение isNaN() и Number.isNaN()?
В чем заключается разница между функцией `isNaN()` и методом `Number.isNaN()` в JavaScript? Опишите, как каждая из этих функций обрабатывает значения, и как это влияет на проверку NaN.Senior, Middle
Что такое Triple Slash директивы в TypeScript?
Объясните, что представляют собой Triple Slash директивы (///) в TypeScript, какие из них используются, и для чего они применяются при написании кода.Senior, Middle
Что означает глубокая (deep) и поверхностная (shallow) копия объекта?
Какие различия между глубокой и поверхностной копией объекта в JavaScript? Опишите, как каждая из этих копий влияет на изменения в исходных и скопированных объектах, и какие подходы используются для создания каждой из копий.Senior, Middle
Для чего нужно ключевое слово satisfies в TypeScript?
Опишите, как работает ключевое слово satisfies в TypeScript и для чего его можно использовать. Укажите, какие задачи оно решает и как помогает при работе с типами.Senior, Middle
Как реализован и работает enum в TypeScript после компиляции?
Объясните, как работает и выглядит enum в TypeScript после компиляции в JavaScript. Укажите, какие особенности и нюансы следует учитывать при его использовании.Senior, Middle
В чем преимущества и недостатки Regular DOM (Angular) перед Virtual DOM (React)?
Каковы основные преимущества и недостатки использования Regular DOM в Angular по сравнению с Virtual DOM в React, особенно в контексте производительности и управления состоянием?Senior, Middle
Какой максимальный размер LocalStorage в JavaScript?
Опишите, какой объем данных можно хранить в LocalStorage и какие ограничения существуют при работе с этим механизмом в браузерах.Senior, Middle
Что такое JIT и AOT в Angular?
Каковы определения и ключевые отличия между JIT (Just-In-Time) и AOT (Ahead-Of-Time) компиляцией в Angular, а также в каких случаях предпочтительнее использовать каждую из них?Senior, Middle
Как можно отслеживать изменения localStorage в JavaScript?
Опишите, как можно отслеживать изменения данных в localStorage в JavaScript. Какие события и методы позволяют реагировать на изменения и как это используется в современных веб-приложениях?Senior, Middle
Что такое коллстэк (callstack) и как он работает в JavaScript?
Объясните, что такое коллстэк (callstack) в JavaScript и как он управляет выполнением функций. Как происходит обработка функций в стеке и что происходит при возникновении ошибок?Senior, Middle
Перечисли типы воркеров, которые ты знаешь в JavaScript.
Какие типы воркеров существуют в JavaScript и для чего они используются? Какие задачи решают эти воркеры и в каких ситуациях их применение наиболее оправдано?Senior, Middle
Какие WebAPI доступны, а какие - нет, внутри воркеров в JavaScript?
Объясните, какие WebAPI доступны внутри воркеров в JavaScript и какие ограничения существуют при их использовании. Почему некоторые API недоступны в воркерах и какие задачи можно решить, используя доступные API?Senior, Middle
Какие этапы отрисовки страницы есть в браузере?
Опишите основные этапы отрисовки страницы в браузере. Как браузер обрабатывает HTML, CSS и JavaScript, чтобы превратить их в визуальное представление страницы?Senior, Middle
Что такое reflow и repaint при отрисовке в браузере?
Объясните, что такое процессы reflow и repaint в браузере. Как изменения в DOM или CSS влияют на эти процессы и в каких ситуациях они могут быть вызваны?Senior, Middle
Что такое React Reconciliation (согласование/сверка)?
Объясните, что представляет собой процесс согласования (Reconciliation) в React, как он работает и какие задачи решает. Опишите, почему это важно для эффективности работы React-приложений.Senior, Middle
Что такое доступность (accessibility) в HTML?
Опишите, что такое доступность в HTML и как она влияет на восприятие страницы пользователями с ограниченными возможностями. Какие аспекты HTML способствуют улучшению доступности веб-страниц?Senior, Middle
В чем разница между useEffect и useLayoutEffect в React?
Объясните, в чем основное отличие между хуками useEffect и useLayoutEffect в React. Опишите, как они работают и в каких ситуациях каждый из них стоит использовать.Senior, Middle
Что такое синтетические события (synthetic events) в React?
Объясните, что такое синтетические события в React и почему они используются вместо стандартных событий браузера. Опишите, как они работают и какие преимущества предоставляют.Senior, Middle
Какие методы жизненного цикла пропали в React 16?
Опишите, какие методы жизненного цикла были удалены или изменены в React версии 16. Объясните, почему это было сделано и какие альтернативы предлагают новые версии React для выполнения тех же задач.Senior, Middle
Какие CSS свойства обрабатываются на GPU?
Расскажите, какие CSS свойства обрабатываются с помощью GPU, и как это влияет на производительность рендеринга. Объясните, когда и почему стоит оптимизировать работу с этими свойствами.Senior, Middle
Что такое WebRTC и для чего нужна эта технология?
Объясните, что такое WebRTC, как эта технология функционирует и в каких сценариях используется. Укажите, для чего WebRTC применяется в веб-приложениях и чем она отличается от других методов передачи данных.Senior, Middle
Что такое WebGL и для чего нужна эта технология?
Расскажите, что представляет собой WebGL, какие возможности эта технология предоставляет и где она используется. Объясните, как WebGL позволяет рендерить графику в веб-приложениях и в чем его преимущества перед другими подходами.Senior, Middle
Что такое Shadow DOM в JavaScript?
Расскажите, что такое Shadow DOM и как он работает в JavaScript. Объясните, как Shadow DOM помогает инкапсулировать стили и разметку и где его использование наиболее полезно.Senior, Middle
В чем разница между stopPropagation и stopImmediatePropagation в JavaScript?
Объясните, как работают методы stopPropagation и stopImmediatePropagation в JavaScript при обработке событий. Укажите, в чем заключается их основное различие и в каких случаях каждый из них применим.Senior, Middle
Что такое веб-компоненты (WebComponents, custom elements) в JavaScript?
Объясните, что представляет собой технология WebComponents в JavaScript. Укажите, из каких основных компонентов состоит данная технология и как она используется для создания переиспользуемых и инкапсулированных элементов в веб-приложениях.Senior, Middle
Как работает boxing и unboxing в JavaScript?
Объясните, что такое boxing и unboxing в JavaScript и как они работают. Укажите, как примитивные типы преобразуются в объекты и обратно, и в каких случаях это происходит.Senior, Middle
Как реализована реактивность данных под капотом в Vue 2 и 3?
Расскажите, как устроена реактивность в Vue 2 и 3 на уровне внутренней реализации. Какие механизмы используются в каждой версии?Senior, Middle
Что такое temporal dead zone в JavaScript?
Объясните, что означает термин 'temporal dead zone' (временная мертвая зона) в JavaScript. Укажите, как она связана с переменными, объявленными через let и const, и как это влияет на выполнение кода.Senior, Middle
Почему typeof null возвращает object?
Объясните, почему выражение typeof null возвращает значение 'object' в JavaScript. Укажите, как это связано с историческими особенностями языка и к чему это может привести при написании кода.Senior, Middle
Для чего нужны WeakMap и WeakSet в JavaScript?
Опишите, что такое WeakMap и WeakSet в JavaScript, и в чем их отличия от обычных Map и Set. Укажите, какие особенности этих структур данных позволяют им быть полезными в определенных сценариях.Senior, Middle
Какой максимальный размер cookie?
Каков максимальный размер одного cookie в современных браузерах? Объясните ограничения и почему они установлены.Senior
Что такое garbage collector в JavaScript, и что он делает?
Объясните, что представляет собой garbage collector в JavaScript и какие задачи он выполняет. Укажите, как он работает и какую роль играет в управлении памятью в JavaScript.Senior