Самая большая база вопросов с технических собеседований, вместе с ответами
Что такое VDOM (Virtual DOM) в Vue?
Объясните, что такое Virtual DOM в Vue и как он влияет на производительность приложения.Junior, Trainee
Какие есть типы данных в JavaScript?
Перечислите все типы в JavaScript'е, которые вы знаете.Junior, Trainee
Как проверить, что объект является массивом в JavaScript?
С помощью какого метода в JavaScript можно сделать проверку на то, что значения является массивом?Junior, Trainee
Что такое слоты в Vue?
Объясните, что такое слоты в Vue и как они используются для создания динамического контента в компонентах.Junior, Trainee
Какие методы HTTP-запросов вы знаете?
Какие методы используются в HTTP-запросах для выполнения различных операций на сервере? Укажите и опишите основные методы, их назначение и как они применяются в веб-разработке.Junior, Trainee
Из чего состоит HTTP запрос?
Каковы основные компоненты HTTP-запроса? Опишите структуру HTTP-запроса, включая его основные части и их функции в процессе коммуникации между клиентом и сервером.Junior, Trainee
Что такое cookie?
Что представляет собой cookie в контексте веб-технологий? Опишите назначение cookie и как они используются для хранения данных на стороне клиента.Junior, Trainee
Какие знаете коды ответа (состояния) HTTP?
Какие коды состояния HTTP-ответов вы можете назвать и что они обозначают? Объясните, как различные коды состояния помогают интерпретировать результаты обработки HTTP-запросов.Junior, Trainee
Как клиент взаимодействует с сервером?
Как клиент и сервер взаимодействуют друг с другом через HTTP? Опишите процесс обмена запросами и ответами между клиентом и сервером.Junior, Trainee
Зачем нужен TypeScript?
Объясните, почему TypeScript используется в разработке, какие проблемы он решает и какие преимущества дает по сравнению с JavaScript. Укажите, как TypeScript влияет на процесс разработки и поддержания кода.Junior, Trainee
Как проверить, что переменная равна NaN в JavaScript?
Как в JavaScript можно определить, является ли переменная значением NaN (Not-a-Number)? Какие методы и функции можно использовать для проверки этого, и почему NaN требует особого подхода при проверке?Junior, Trainee
Что такое Promise в JavaScript?
Что представляет собой объект Promise в JavaScript и как он используется для обработки асинхронных операций? Опишите основные методы объекта Promise и как они помогают управлять результатами асинхронных задач.Junior, Trainee
Для чего нужен Vuex в Vue?
Объясните, для чего используется Vuex в Vue и в каких ситуациях его стоит применять в приложении.Junior, Trainee
Какие есть встроенные типы в TypeScript?
Перечислите основные встроенные типы в TypeScript и объясните, для чего они используются. Укажите, как и когда их применяют в разработке.Junior, Trainee
Что такое защитники типов (type guards) в TypeScript?
Объясните, что представляют собой защитники типов (type guards) в TypeScript, какие бывают их виды и как они применяются для проверки типов в коде.Junior, Trainee
Что такое деструктуризация объекта в JavaScript?
Как в JavaScript можно извлечь данные из объекта и присвоить их переменным в более удобном формате? Объясните, каким образом деструктуризация позволяет извлекать значения из объекта и какие преимущества она предоставляет при работе с объектами и массивами.Junior, Trainee
Какие методы перебора массивов в JavaScript вы знаете, и в чем их отличие?
Какие способы перебора элементов массива в JavaScript существуют, и как они отличаются друг от друга? Опишите, как работают методы `forEach`, `for...of`, и `for...in`, их особенности и случаи использования. Уточните, какой из них лучше подходит для работы с массивами и почему.Junior, Trainee
Назовите методы массивов, которые вы знаете в JavaScript. Для чего они нужны?
Какие методы массивов существуют в JavaScript и какие функции они выполняют? Приведите примеры наиболее часто используемых методов, таких как `push`, `pop`, `shift`, `unshift`, `map`, `filter` и другие, и объясните их применение.Junior, Trainee
Как работает проп children в React?
Опишите, как в React работает специальный проп children. В каких случаях и как его можно использовать при построении пользовательских интерфейсов?Junior, Trainee
Что такое абстрактный класс в TypeScript?
Объясните, что представляет собой абстрактный класс в TypeScript, в каких ситуациях он используется и чем он отличается от обычных классов.Junior, Trainee
Что такое рекурсия в JavaScript?
Какой принцип лежит в основе рекурсии в JavaScript, и как функции могут вызывать сами себя? Опишите, как рекурсия используется для решения задач, и укажите, какие условия должны быть выполнены, чтобы рекурсия завершилась корректно.Junior, Trainee
Что такое enum в TypeScript?
Опишите, что представляет собой enum в TypeScript, как он используется и в каких ситуациях может быть полезен. Укажите, как можно объявить и применять enum в коде.Junior, Trainee
Для чего нужен утилитарный тип Record в TypeScript?
Объясните, как работает утилитарный тип Record в TypeScript и в каких случаях его можно применять. Укажите, как он помогает создавать типы, которые отображают ключи на определенные значения.Junior, Trainee
Что такое DOM?
Опишите, что представляет собой объектная модель документа (DOM) и как она используется при работе с веб-страницами.Junior, Trainee
Как остановить дефолтную (встроенную) обработку события в JavaScript?
Объясните, как можно предотвратить выполнение стандартного действия, которое связано с определенным событием в браузере, например, отправку формы при нажатии на кнопку.Junior, Trainee
Что такое модификатор доступа в TypeScript?
Объясните, что такое модификаторы доступа в TypeScript, как они используются и как влияют на доступ к свойствам и методам классов. В каких случаях следует применять модификаторы public, private и protected?Junior, Trainee
Что такое union (объединенные) типы в TypeScript?
Объясните, что такое union (объединенные) типы в TypeScript и как их использовать. В каких ситуациях они полезны и как их можно применить для типизации переменных, принимающих несколько типов значений?Junior, Trainee
Что такое директивы в Angular?
Какова роль директив в Angular и как они влияют на поведение элементов в шаблонах, а также как их можно использовать для создания пользовательских директив?Junior, Trainee
Как защитить компонент от активации через роутер в Angular?
Какие методы можно использовать для защиты компонента от активации через роутер в Angular и какие подходы наиболее эффективны?Junior, Trainee
Что такое intersection (пересеченные) типы в TypeScript?
Опишите, что такое intersection (пересеченные) типы в TypeScript и как они работают. Как их использовать для объединения нескольких типов в один, и в каких ситуациях они применимы?Junior, Trainee
Почему для доступа к элементам лучше использовать renderer методы в Angular?
Каковы преимущества использования методов renderer для доступа к элементам DOM в Angular по сравнению с прямым доступом к элементам через нативные методы JavaScript?Junior, Trainee
Как можно соединить несколько типов в один в TypeScript?
Опишите, как в TypeScript можно соединить несколько типов в один. Какие подходы существуют для объединения типов и когда они могут быть полезны?Junior, Trainee
Что такое LocalStorage и SessionStorage?
Объясните, что такое LocalStorage и SessionStorage в JavaScript, как они используются для хранения данных и в чем различия между ними.Junior, Trainee
В чем разница между @ViewChild() и @ContentChild() в Angular?
Каковы основные различия между декораторами @ViewChild() и @ContentChild() в Angular и в каких случаях следует использовать каждый из них?Junior, Trainee
Что такое webpack и для чего он нужен?
Объясните, что такое webpack, как он используется в проектах на JavaScript и для чего необходим этот инструмент.Junior, Trainee
Для чего нужны сборщики и бандлеры в JavaScript?
Опишите, зачем нужны сборщики и бандлеры в проектах на JavaScript, какие задачи они решают и как помогают в разработке.Junior, Trainee
Что такое Dependency Injection (DI) в Angular?
Какова концепция Dependency Injection (DI) в Angular и какие преимущества она предоставляет при разработке приложений?Junior, Trainee
В чем разница между constructor и ngOnInit в Angular?
Каковы основные отличия между конструктором компонента и методом ngOnInit в Angular, особенно с точки зрения их назначения и времени выполнения?Junior, Trainee
Что такое display: grid и как его использовать?
Расскажите, что представляет собой CSS-свойство display: grid, как оно помогает создавать сложные макеты и какие ключевые концепции необходимо понимать для его использования.Junior, Trainee
Для чего нужен оператор расширения (spread) в JavaScript?
Объясните, что такое оператор расширения (spread) в JavaScript, как он работает и в каких ситуациях используется. Приведите примеры его применения для работы с массивами и объектами.Junior, Trainee
Как отцентрировать блок с помощью CSS?
Расскажите, какие существуют методы центрирования блоков в CSS, как они работают и в каких ситуациях применяются. Укажите, как можно выровнять блок по горизонтали и вертикали.Junior, Trainee
Для чего нужен оператор остаточности (rest) в JavaScript?
Объясните, как работает оператор остаточности (rest) в JavaScript и в каких случаях он используется. Как его можно применять для сбора остаточных параметров функции или для работы с массивами и объектами?Junior, Trainee
Какие способы центрирования элементов по горизонтали и вертикали знаете?
Опишите различные методы центрирования элементов в CSS по горизонтали и вертикали, как они работают и в каких случаях их лучше использовать.Junior, Trainee
Что такое display: flex и как его использовать?
Объясните, что представляет собой CSS-свойство display: flex, для чего оно используется и как оно помогает управлять расположением элементов внутри контейнера.Junior, Trainee
Как строку (string) превратить в число (number) в JavaScript?
Опишите, какие существуют способы в JavaScript для преобразования строки (string) в число (number). В каких случаях применять разные подходы и какие особенности нужно учитывать при конвертации данных?Junior, Trainee
Что такое медиазапросы в CSS?
Опишите, что такое медиазапросы в CSS, как они работают и как их можно использовать для создания адаптивных веб-страниц.Junior, Trainee
Как можно пройтись по всем полям объекта в JavaScript?
Опишите, какие существуют способы перебора всех полей объекта в JavaScript. Как с помощью циклов и встроенных методов можно получить доступ к каждому ключу и значению объекта?Junior, Trainee
Как можно получить все поля объекта в виде массива в JavaScript?
Объясните, как в JavaScript можно получить все ключи или значения объекта в виде массива. Какие встроенные методы позволяют преобразовать объект в массив и как это может использоваться в различных задачах?Junior, Trainee
Что такое замыкание в JavaScript?
Объясните, что такое замыкание в JavaScript и как оно работает. В каких ситуациях оно возникает и как используется для сохранения состояния или работы с приватными данными?Junior, Trainee
Как можно проверить тип переменной в JavaScript?
Опишите, какие существуют способы проверки типа переменной в JavaScript. Как с помощью различных операторов и функций можно определить, к какому типу данных относится значение?Junior, Trainee
Как можно проверить, что объект является экземпляром класса в JavaScript?
Объясните, как в JavaScript можно проверить, что объект является экземпляром определенного класса. Какие существуют операторы и методы для такой проверки и как они работают?Junior, Trainee
Что такое директива use strict и что она делает в JavaScript?
Объясните, что такое директива use strict в JavaScript, как она включается и как влияет на выполнение кода. В чем преимущества ее использования и как она помогает избегать ошибок?Junior, Trainee
Для чего нужен оператор instanceof в JavaScript?
Объясните, как работает оператор instanceof в JavaScript, в каких случаях он используется и как позволяет проверить принадлежность объекта к определенному классу или типу. Какие ограничения существуют при его использовании?Junior, Trainee
Какие есть механизмы обработки ошибок в JavaScript?
Опишите, какие механизмы существуют в JavaScript для обработки ошибок. Как можно обрабатывать ошибки синхронного и асинхронного кода, и какие конструкции и методы помогают управлять исключениями?Junior, Trainee
Опишите жизненный цикл Angular компонента (Lifecycle hooks).
Какова структура жизненного цикла компонента в Angular, включая ключевые хуки и их назначение, а также как они могут быть использованы для управления состоянием и поведением компонентов?Junior, Trainee
В чем различия ng-content, ng-container и ng-template в Angular?
Каковы основные отличия между ng-content, ng-container и ng-template в Angular, и в каких ситуациях следует использовать каждый из этих элементов для управления содержимым и структурой компонентов?Junior, Trainee
Какими способами в React можно передавать данные между компонентами?
Расскажите, какими способами можно передавать данные между компонентами в React, как это работает и какие подходы чаще всего используются в современных приложениях.Junior, Trainee
Когда можно не использовать скобки при байндинге в шаблоне в Angular?
В каких случаях возможно опустить скобки при связывании данных в шаблоне Angular, и как это может упростить код, особенно в контексте событий и свойств?Junior, Trainee
Зачем нужен NgModule в Angular?
Какова роль NgModule в архитектуре приложения на Angular, и как он помогает организовать код и управлять зависимостями между компонентами и сервисами?Junior, Trainee
Что такое рефы (useRef) и для чего они используются в React?
Опишите, что такое рефы (useRef) в React, как они используются и в каких случаях их нужно применять при разработке компонентов.Junior, Trainee
Расскажите какие хуки в React вы знаете, и для чего они нужны?
Опишите основные хуки в React, как они используются и какие задачи помогают решать в процессе разработки компонентов.Junior, Trainee
Когда мы байндим данные в шаблоне, мы работаем с атрибутами или с свойствами (property) в Angular?
Когда происходит связывание данных в шаблоне Angular, какие аспекты атрибутов и свойств (property) играют ключевую роль, и как это влияет на взаимодействие между компонентами и представлением?Junior, Trainee
Что такое useEffect в React?
Объясните, что такое хук useEffect в React, как он используется для управления побочными эффектами и в каких случаях его нужно применять.Junior, Trainee
Для чего нужно ключевое слово static в JavaScript?
Рассмотрите, как и в каких ситуациях используется ключевое слово static в JavaScript. Как оно применяется в контексте классов и какие ограничения или особенности имеет?Junior, Trainee
Что такое статические поля или методы у класса в JavaScript?
Объясните, что такое статические поля и методы в JavaScript. В каких случаях стоит использовать статические члены класса и чем они отличаются от обычных полей и методов, принадлежащих экземплярам класса?Junior, Trainee
Как используется свойство providedIn в Angular?
Каково назначение свойства providedIn в Angular, и как это свойство влияет на область видимости сервисов и их инъекцию в компоненты приложения?Junior, Trainee
Как можно работать с DOM элементами напрямую в React?
Объясните, как в React можно получить доступ к DOM элементам и управлять ими напрямую. Опишите, какие подходы и инструменты позволяют взаимодействовать с DOM, не нарушая концепцию React.Junior, Trainee
Что бы вы поместили в shared модуль в Angular?
Какие компоненты, директивы или сервисы вы считаете целесообразным разместить в shared модуле Angular, и как это поможет организовать код и избежать дублирования?Junior, Trainee
Зачем нужны exports в NgModule в Angular?
Какова роль exports в NgModule в Angular, и каким образом этот механизм влияет на доступность компонентов и директив для других модулей приложения?Junior, Trainee
Опишите жизненный цикл React компонента
Объясните, какие этапы проходит компонент в React от его создания до удаления. Опишите, что происходит на каждом этапе жизненного цикла и как с этими этапами можно работать.Junior, Trainee
Что бы вы не поместили в shared модуль в Angular?
Какие элементы или конструкции вы считаете неуместными для размещения в shared модуле Angular, и как это может повлиять на структуру приложения?Junior, Trainee
В какой модуль вы бы поместили сервис которые используется по всему приложению в Angular?
Какой модуль вы считаете наиболее подходящим для размещения сервисов, которые будут использоваться во всем приложении Angular, и какие преимущества это может дать?Junior, Trainee
Как сделать кастомный пайп в Angular?
Каковы основные шаги для создания кастомного пайпа в Angular, и какие аспекты следует учитывать при его реализации для достижения нужного функционала?Junior, Trainee
Что такое пайп в Angular?
Каково определение пайпа в контексте Angular, и каким образом этот механизм позволяет преобразовывать данные перед их отображением в пользовательском интерфейсе?Junior, Trainee
Что такое JSX?
Объясните, что представляет собой JSX в React и как он используется при создании пользовательских интерфейсов. Опишите, чем JSX отличается от обычного JavaScript и HTML, и в чем его основные преимущества.Junior, Trainee
Как в React отрисовать элементы массива?
Расскажите, каким образом можно отобразить массив данных в React, например, список элементов. Опишите, какие методы и подходы используются для итерации по массиву и создания JSX элементов на основе его значений.Junior, Trainee
Что такое атрибут в HTML?
Определите, что такое атрибут в HTML и как он используется для настройки элементов. Какие типы атрибутов существуют и как они могут влиять на отображение и поведение HTML-элементов?Junior, Trainee
Где в React стоит использовать локальное, а где глобальное состояние?
Опишите, в каких ситуациях в React нужно использовать локальное состояние (state), а в каких — глобальное. Укажите, какие подходы или инструменты подходят для управления каждым типом состояния.Junior, Trainee
Какие есть варианты стилизации элементов в HTML?
Объясните, какие методы можно использовать для стилизации элементов на веб-странице. Как различаются эти методы по степени влияния и удобству использования?Junior, Trainee
Зачем нужны data-атрибуты в HTML?
Расскажите, что такое data-атрибуты в HTML и для чего они используются. Как они помогают в хранении пользовательских данных и взаимодействии с JavaScript?Junior, Trainee
Что такое props drilling и как это можно решить в React?
Объясните, что такое props drilling в React и какие проблемы оно может вызывать. Опишите, какие существуют подходы и инструменты, чтобы избежать передачи данных через несколько уровней компонентов.Junior, Trainee
Перечислите основные семантические теги в HTML.
Какие теги считаются семантическими в HTML? Какую роль они играют при структурировании страницы и организации контента?Junior, Trainee
<input> – это строчный (inline) или блочный (block) элемент в HTML?
Объясните, к какому типу элементов относится тег `<input>` в HTML и как это сказывается на его размещении и отображении на веб-странице.Junior, Trainee
Что такое SSR и чем он отличается от SPA в React?
Опишите, что такое серверный рендеринг (SSR) в React, как он работает и чем отличается от одностраничных приложений (SPA). Укажите, какие преимущества и недостатки есть у каждого из подходов.Junior, Trainee
<label> – это строчный (inline) или блочный (block) элемент в HTML?
Рассмотрите, к какому типу элементов относится тег `<label>` в HTML и как это влияет на его поведение и позиционирование на странице. Чем он отличается от других типов элементов?Junior, Trainee
<button> – это строчный (inline) или блочный (block) элемент в HTML?
Определите, к какому типу элементов относится тег `<button>` в HTML и как это влияет на его поведение и стилизацию на странице. В чем отличие его поведения от других элементов?Junior, Trainee
Что такое Lazy Loading в Angular?
Каковы основные принципы работы механизма ленивой загрузки (Lazy Loading) в Angular, и каким образом он помогает улучшить производительность приложения?Junior, Trainee
Как реализовать двухсторонее связывание (binding) в React?
Опишите, как в React можно реализовать двухстороннее связывание данных в компонентах, например, при работе с формами. Укажите, какие подходы и методы используются для синхронизации данных между состоянием компонента и пользовательским вводом.Junior, Trainee
Какой тег семантически подходит для заголовков и подзаголовков в HTML?
Расскажите, какие теги используются в HTML для обозначения заголовков и подзаголовков. Как они организованы по уровням и почему важно соблюдать их иерархию?Junior, Trainee
Какой тег семантически подходит для списков в HTML?
Определите, какие теги в HTML следует использовать для создания списков. Как они отличаются и в каких ситуациях они применяются?Junior, Trainee
Что такое псевдоклассы в CSS?
Объясните, что такое псевдоклассы в CSS и для чего они используются. Приведите примеры часто используемых псевдоклассов и в каких ситуациях они применяются.Junior, Trainee
Почему нельзя изменять пропсы в дочернем компоненте в React?
Объясните, почему в React рекомендуется избегать изменения пропсов в дочерних компонентах. Опишите, как это может повлиять на корректность и предсказуемость работы приложения.Junior, Trainee
Как задать стиль первому элементу в div'e в CSS?
Объясните, как с помощью CSS можно применить стили только к первому элементу внутри блока div. В каких ситуациях это может быть полезно?Junior, Trainee
Как задать стиль последнему элементу в div'e в CSS?
Объясните, как с помощью CSS можно применить стили только к последнему элементу внутри блока div. В каких ситуациях это может быть полезно?Junior, Trainee
Как перекрыть стиль с самой высокой специфичностью в CSS?
Как можно в CSS переопределить стили, даже если они заданы с самой высокой специфичностью? Какие подходы или методы можно использовать в этом случае?Junior, Trainee
Что такое специфичность у селекторов в CSS?
Объясните, что такое специфичность у селекторов в CSS и как она влияет на применяемые стили. Как рассчитывается уровень специфичности и что делать в случае конфликта стилей?Junior, Trainee
Как можно стилизовать SVG в CSS?
Объясните, как в CSS можно стилизовать элементы SVG. Какие возможности стилизации доступны, и как они могут применяться к векторной графике?Junior, Trainee
Как можно сделать анимации в CSS?
Опишите, какие способы существуют для создания анимаций в CSS. Укажите, какие CSS свойства используются для задания анимаций, и как они могут применяться для создания плавных переходов и эффектов.Junior, Trainee
Что такое псевдоэлементы в CSS?
Определите, что такое псевдоэлементы в CSS и в чем их отличие от псевдоклассов. Приведите примеры часто используемых псевдоэлементов и объясните их назначение.Junior, Trainee
Как можно зациклить анимацию в CSS?
Опишите, как с помощью CSS можно зациклить анимацию, чтобы она повторялась бесконечно. Какие свойства и значения для этого используются?Junior, Trainee
Что такое SFC (Single File Component) в Vue?
Объясните, что такое SFC (Single File Component) в Vue. Опишите, как они используются и для чего служат в процессе разработки.Junior, Trainee
Что такое реактивность в Vue?
Расскажите, что представляет собой реактивность в Vue. Как это влияет на обновление данных и рендеринг компонентов?Junior, Trainee
Что такое явное и неявное приведение типов в JavaScript?
Опишите, что такое явное и неявное приведение типов в JavaScript и как они работают. Приведите примеры ситуаций, когда происходят такие преобразования, и какие могут быть последствия.Junior, Trainee
Какими способами можно передавать данные между компонентами в Vue?
Опишите различные методы передачи данных между компонентами в Vue. Какие способы наиболее эффективны в разных ситуациях?Junior, Trainee
Как можно работать с DOM элементами напрямую в Vue?
Объясните, какие способы работы с DOM элементами напрямую предусмотрены в Vue. Когда стоит прибегать к таким методам?Junior, Trainee
Что такое props drilling и как это можно решить в Vue?
Объясните понятие props drilling в Vue и какие подходы можно использовать для его решения в крупных приложениях.Junior, Trainee
Опишите жизненный цикл компонента в Vue.
Расскажите о жизненном цикле компонента в Vue. Какие этапы он проходит и что можно делать на каждом из них?Junior, Trainee
В каком методе жизненного цикла стоит делать fetch данных в Vue?
Опишите, в каком методе жизненного цикла Vue рекомендуется делать запросы данных (fetch). Какие аспекты важно учитывать при этом?Junior, Trainee