Самая большая база вопросов с технических собеседований, вместе с ответами
Что такое enum в TypeScript?
Опишите, что представляет собой enum в TypeScript, как он используется и в каких ситуациях может быть полезен. Укажите, как можно объявить и применять enum в коде.Junior, Trainee
Какие есть варианты стилизации элементов в HTML?
Объясните, какие методы можно использовать для стилизации элементов на веб-странице. Как различаются эти методы по степени влияния и удобству использования?Junior, Trainee
Расскажите какие хуки в React вы знаете, и для чего они нужны?
Опишите основные хуки в React, как они используются и какие задачи помогают решать в процессе разработки компонентов.Junior, Trainee
Как можно проверить тип переменной в JavaScript?
Опишите, какие существуют способы проверки типа переменной в JavaScript. Как с помощью различных операторов и функций можно определить, к какому типу данных относится значение?Junior, Trainee
Что такое intersection (пересеченные) типы в TypeScript?
Опишите, что такое intersection (пересеченные) типы в TypeScript и как они работают. Как их использовать для объединения нескольких типов в один, и в каких ситуациях они применимы?Junior, Trainee
Как можно работать с DOM элементами напрямую в React?
Объясните, как в React можно получить доступ к DOM элементам и управлять ими напрямую. Опишите, какие подходы и инструменты позволяют взаимодействовать с DOM, не нарушая концепцию React.Junior, Trainee
Какой тег семантически подходит для списков в HTML?
Определите, какие теги в HTML следует использовать для создания списков. Как они отличаются и в каких ситуациях они применяются?Junior, Trainee
Как строку (string) превратить в число (number) в JavaScript?
Опишите, какие существуют способы в JavaScript для преобразования строки (string) в число (number). В каких случаях применять разные подходы и какие особенности нужно учитывать при конвертации данных?Junior, Trainee
Что такое явное и неявное приведение типов в JavaScript?
Опишите, что такое явное и неявное приведение типов в JavaScript и как они работают. Приведите примеры ситуаций, когда происходят такие преобразования, и какие могут быть последствия.Junior, Trainee
Зачем нужны data-атрибуты в HTML?
Расскажите, что такое data-атрибуты в HTML и для чего они используются. Как они помогают в хранении пользовательских данных и взаимодействии с JavaScript?Junior, Trainee
Что такое специфичность у селекторов в CSS?
Объясните, что такое специфичность у селекторов в CSS и как она влияет на применяемые стили. Как рассчитывается уровень специфичности и что делать в случае конфликта стилей?Junior, Trainee
Как можно проверить, что объект является экземпляром класса в JavaScript?
Объясните, как в JavaScript можно проверить, что объект является экземпляром определенного класса. Какие существуют операторы и методы для такой проверки и как они работают?Junior, Trainee
Как можно соединить несколько типов в один в TypeScript?
Опишите, как в TypeScript можно соединить несколько типов в один. Какие подходы существуют для объединения типов и когда они могут быть полезны?Junior, Trainee
Что такое защитники типов (type guards) в TypeScript?
Объясните, что представляют собой защитники типов (type guards) в TypeScript, какие бывают их виды и как они применяются для проверки типов в коде.Junior, Trainee
Что такое DOM?
Опишите, что представляет собой объектная модель документа (DOM) и как она используется при работе с веб-страницами.Junior, Trainee
Что такое рекурсия в JavaScript?
Какой принцип лежит в основе рекурсии в JavaScript, и как функции могут вызывать сами себя? Опишите, как рекурсия используется для решения задач, и укажите, какие условия должны быть выполнены, чтобы рекурсия завершилась корректно.Junior, Trainee
Какие знаете коды ответа (состояния) HTTP?
Какие коды состояния HTTP-ответов вы можете назвать и что они обозначают? Объясните, как различные коды состояния помогают интерпретировать результаты обработки HTTP-запросов.Junior, Trainee
Какие есть типы данных в JavaScript?
Перечислите все типы в JavaScript'е, которые вы знаете.Junior, Trainee
Что такое псевдоклассы в CSS?
Объясните, что такое псевдоклассы в CSS и для чего они используются. Приведите примеры часто используемых псевдоклассов и в каких ситуациях они применяются.Junior, Trainee
Где в React стоит использовать локальное, а где глобальное состояние?
Опишите, в каких ситуациях в React нужно использовать локальное состояние (state), а в каких — глобальное. Укажите, какие подходы или инструменты подходят для управления каждым типом состояния.Junior, Trainee
Какими способами в React можно передавать данные между компонентами?
Расскажите, какими способами можно передавать данные между компонентами в React, как это работает и какие подходы чаще всего используются в современных приложениях.Junior, Trainee
Как можно пройтись по всем полям объекта в JavaScript?
Опишите, какие существуют способы перебора всех полей объекта в JavaScript. Как с помощью циклов и встроенных методов можно получить доступ к каждому ключу и значению объекта?Junior, Trainee
Для чего нужен утилитарный тип Record в TypeScript?
Объясните, как работает утилитарный тип Record в TypeScript и в каких случаях его можно применять. Укажите, как он помогает создавать типы, которые отображают ключи на определенные значения.Junior, Trainee
Перечислите основные семантические теги в HTML.
Какие теги считаются семантическими в HTML? Какую роль они играют при структурировании страницы и организации контента?Junior, Trainee
Как можно стилизовать SVG в CSS?
Объясните, как в CSS можно стилизовать элементы SVG. Какие возможности стилизации доступны, и как они могут применяться к векторной графике?Junior, Trainee
Что такое display: grid и как его использовать?
Расскажите, что представляет собой CSS-свойство display: grid, как оно помогает создавать сложные макеты и какие ключевые концепции необходимо понимать для его использования.Junior, Trainee
Что такое директива use strict и что она делает в JavaScript?
Объясните, что такое директива use strict в JavaScript, как она включается и как влияет на выполнение кода. В чем преимущества ее использования и как она помогает избегать ошибок?Junior, Trainee
Какой тег семантически подходит для заголовков и подзаголовков в HTML?
Расскажите, какие теги используются в HTML для обозначения заголовков и подзаголовков. Как они организованы по уровням и почему важно соблюдать их иерархию?Junior, Trainee
Опишите жизненный цикл React компонента
Объясните, какие этапы проходит компонент в React от его создания до удаления. Опишите, что происходит на каждом этапе жизненного цикла и как с этими этапами можно работать.Junior, Trainee
Как клиент взаимодействует с сервером?
Как клиент и сервер взаимодействуют друг с другом через HTTP? Опишите процесс обмена запросами и ответами между клиентом и сервером.Junior, Trainee
Как проверить, что объект является массивом в JavaScript?
С помощью какого метода в JavaScript можно сделать проверку на то, что значения является массивом?Junior, Trainee
Что такое деструктуризация объекта в JavaScript?
Как в JavaScript можно извлечь данные из объекта и присвоить их переменным в более удобном формате? Объясните, каким образом деструктуризация позволяет извлекать значения из объекта и какие преимущества она предоставляет при работе с объектами и массивами.Junior, Trainee
Что такое модификатор доступа в TypeScript?
Объясните, что такое модификаторы доступа в TypeScript, как они используются и как влияют на доступ к свойствам и методам классов. В каких случаях следует применять модификаторы public, private и protected?Junior, Trainee
<input> – это строчный (inline) или блочный (block) элемент в HTML?
Объясните, к какому типу элементов относится тег `<input>` в HTML и как это сказывается на его размещении и отображении на веб-странице.Junior, Trainee
Что такое псевдоэлементы в CSS?
Определите, что такое псевдоэлементы в CSS и в чем их отличие от псевдоклассов. Приведите примеры часто используемых псевдоэлементов и объясните их назначение.Junior, Trainee
Что такое useEffect в React?
Объясните, что такое хук useEffect в React, как он используется для управления побочными эффектами и в каких случаях его нужно применять.Junior, Trainee
Для чего нужен оператор instanceof в JavaScript?
Объясните, как работает оператор instanceof в JavaScript, в каких случаях он используется и как позволяет проверить принадлежность объекта к определенному классу или типу. Какие ограничения существуют при его использовании?Junior, Trainee
Как можно сделать анимации в CSS?
Опишите, какие способы существуют для создания анимаций в CSS. Укажите, какие CSS свойства используются для задания анимаций, и как они могут применяться для создания плавных переходов и эффектов.Junior, Trainee
Что такое LocalStorage и SessionStorage?
Объясните, что такое LocalStorage и SessionStorage в JavaScript, как они используются для хранения данных и в чем различия между ними.Junior, Trainee
Как задать стиль первому элементу в div'e в CSS?
Объясните, как с помощью CSS можно применить стили только к первому элементу внутри блока div. В каких ситуациях это может быть полезно?Junior, Trainee
Что такое props drilling и как это можно решить в React?
Объясните, что такое props drilling в React и какие проблемы оно может вызывать. Опишите, какие существуют подходы и инструменты, чтобы избежать передачи данных через несколько уровней компонентов.Junior, Trainee
Какие методы перебора массивов в JavaScript вы знаете, и в чем их отличие?
Какие способы перебора элементов массива в JavaScript существуют, и как они отличаются друг от друга? Опишите, как работают методы `forEach`, `for...of`, и `for...in`, их особенности и случаи использования. Уточните, какой из них лучше подходит для работы с массивами и почему.Junior, Trainee
Как реализовать двухсторонее связывание (binding) в React?
Опишите, как в React можно реализовать двухстороннее связывание данных в компонентах, например, при работе с формами. Укажите, какие подходы и методы используются для синхронизации данных между состоянием компонента и пользовательским вводом.Junior, Trainee
Как отцентрировать блок с помощью CSS?
Расскажите, какие существуют методы центрирования блоков в CSS, как они работают и в каких ситуациях применяются. Укажите, как можно выровнять блок по горизонтали и вертикали.Junior, Trainee
Какие есть механизмы обработки ошибок в JavaScript?
Опишите, какие механизмы существуют в JavaScript для обработки ошибок. Как можно обрабатывать ошибки синхронного и асинхронного кода, и какие конструкции и методы помогают управлять исключениями?Junior, Trainee
Какие способы центрирования элементов по горизонтали и вертикали знаете?
Опишите различные методы центрирования элементов в CSS по горизонтали и вертикали, как они работают и в каких случаях их лучше использовать.Junior, Trainee
Какие методы HTTP-запросов вы знаете?
Какие методы используются в HTTP-запросах для выполнения различных операций на сервере? Укажите и опишите основные методы, их назначение и как они применяются в веб-разработке.Junior, Trainee
Как остановить дефолтную (встроенную) обработку события в JavaScript?
Объясните, как можно предотвратить выполнение стандартного действия, которое связано с определенным событием в браузере, например, отправку формы при нажатии на кнопку.Junior, Trainee
Как задать стиль последнему элементу в div'e в CSS?
Объясните, как с помощью CSS можно применить стили только к последнему элементу внутри блока div. В каких ситуациях это может быть полезно?Junior, Trainee
Назовите методы массивов, которые вы знаете в JavaScript. Для чего они нужны?
Какие методы массивов существуют в JavaScript и какие функции они выполняют? Приведите примеры наиболее часто используемых методов, таких как `push`, `pop`, `shift`, `unshift`, `map`, `filter` и другие, и объясните их применение.Junior, Trainee
Что такое union (объединенные) типы в TypeScript?
Объясните, что такое union (объединенные) типы в TypeScript и как их использовать. В каких ситуациях они полезны и как их можно применить для типизации переменных, принимающих несколько типов значений?Junior, Trainee
<label> – это строчный (inline) или блочный (block) элемент в HTML?
Рассмотрите, к какому типу элементов относится тег `<label>` в HTML и как это влияет на его поведение и позиционирование на странице. Чем он отличается от других типов элементов?Junior, Trainee
Какие есть встроенные типы в TypeScript?
Перечислите основные встроенные типы в TypeScript и объясните, для чего они используются. Укажите, как и когда их применяют в разработке.Junior, Trainee
<button> – это строчный (inline) или блочный (block) элемент в HTML?
Определите, к какому типу элементов относится тег `<button>` в HTML и как это влияет на его поведение и стилизацию на странице. В чем отличие его поведения от других элементов?Junior, Trainee
Что такое display: flex и как его использовать?
Объясните, что представляет собой CSS-свойство display: flex, для чего оно используется и как оно помогает управлять расположением элементов внутри контейнера.Junior, Trainee
Из чего состоит HTTP запрос?
Каковы основные компоненты HTTP-запроса? Опишите структуру HTTP-запроса, включая его основные части и их функции в процессе коммуникации между клиентом и сервером.Junior, Trainee
Что такое абстрактный класс в TypeScript?
Объясните, что представляет собой абстрактный класс в TypeScript, в каких ситуациях он используется и чем он отличается от обычных классов.Junior, Trainee
Почему нельзя изменять пропсы в дочернем компоненте в React?
Объясните, почему в React рекомендуется избегать изменения пропсов в дочерних компонентах. Опишите, как это может повлиять на корректность и предсказуемость работы приложения.Junior, Trainee
Что такое JSX?
Объясните, что представляет собой JSX в React и как он используется при создании пользовательских интерфейсов. Опишите, чем JSX отличается от обычного JavaScript и HTML, и в чем его основные преимущества.Junior, Trainee
Что такое статические поля или методы у класса в JavaScript?
Объясните, что такое статические поля и методы в JavaScript. В каких случаях стоит использовать статические члены класса и чем они отличаются от обычных полей и методов, принадлежащих экземплярам класса?Junior, Trainee
Для чего нужен оператор расширения (spread) в JavaScript?
Объясните, что такое оператор расширения (spread) в JavaScript, как он работает и в каких ситуациях используется. Приведите примеры его применения для работы с массивами и объектами.Junior, Trainee
Что такое webpack и для чего он нужен?
Объясните, что такое webpack, как он используется в проектах на JavaScript и для чего необходим этот инструмент.Junior, Trainee
Как проверить, что переменная равна NaN в JavaScript?
Как в JavaScript можно определить, является ли переменная значением NaN (Not-a-Number)? Какие методы и функции можно использовать для проверки этого, и почему NaN требует особого подхода при проверке?Junior, Trainee
Что такое атрибут в HTML?
Определите, что такое атрибут в HTML и как он используется для настройки элементов. Какие типы атрибутов существуют и как они могут влиять на отображение и поведение HTML-элементов?Junior, Trainee
Зачем нужен TypeScript?
Объясните, почему TypeScript используется в разработке, какие проблемы он решает и какие преимущества дает по сравнению с JavaScript. Укажите, как TypeScript влияет на процесс разработки и поддержания кода.Junior, Trainee
Как перекрыть стиль с самой высокой специфичностью в CSS?
Как можно в CSS переопределить стили, даже если они заданы с самой высокой специфичностью? Какие подходы или методы можно использовать в этом случае?Junior, Trainee
Как можно получить все поля объекта в виде массива в JavaScript?
Объясните, как в JavaScript можно получить все ключи или значения объекта в виде массива. Какие встроенные методы позволяют преобразовать объект в массив и как это может использоваться в различных задачах?Junior, Trainee
Что такое SSR и чем он отличается от SPA в React?
Опишите, что такое серверный рендеринг (SSR) в React, как он работает и чем отличается от одностраничных приложений (SPA). Укажите, какие преимущества и недостатки есть у каждого из подходов.Junior, Trainee
Что такое рефы (useRef) и для чего они используются в React?
Опишите, что такое рефы (useRef) в React, как они используются и в каких случаях их нужно применять при разработке компонентов.Junior, Trainee
Что такое замыкание в JavaScript?
Объясните, что такое замыкание в JavaScript и как оно работает. В каких ситуациях оно возникает и как используется для сохранения состояния или работы с приватными данными?Junior, Trainee
Как можно зациклить анимацию в CSS?
Опишите, как с помощью CSS можно зациклить анимацию, чтобы она повторялась бесконечно. Какие свойства и значения для этого используются?Junior, Trainee
Что такое медиазапросы в CSS?
Опишите, что такое медиазапросы в CSS, как они работают и как их можно использовать для создания адаптивных веб-страниц.Junior, Trainee
Для чего нужно ключевое слово static в JavaScript?
Рассмотрите, как и в каких ситуациях используется ключевое слово static в JavaScript. Как оно применяется в контексте классов и какие ограничения или особенности имеет?Junior, Trainee
Что такое cookie?
Что представляет собой cookie в контексте веб-технологий? Опишите назначение cookie и как они используются для хранения данных на стороне клиента.Junior, Trainee
Как работает проп children в React?
Опишите, как в React работает специальный проп children. В каких случаях и как его можно использовать при построении пользовательских интерфейсов?Junior, Trainee
Как в React отрисовать элементы массива?
Расскажите, каким образом можно отобразить массив данных в React, например, список элементов. Опишите, какие методы и подходы используются для итерации по массиву и создания JSX элементов на основе его значений.Junior, Trainee
Для чего нужен оператор остаточности (rest) в JavaScript?
Объясните, как работает оператор остаточности (rest) в JavaScript и в каких случаях он используется. Как его можно применять для сбора остаточных параметров функции или для работы с массивами и объектами?Junior, Trainee
Для чего нужны сборщики и бандлеры в JavaScript?
Опишите, зачем нужны сборщики и бандлеры в проектах на JavaScript, какие задачи они решают и как помогают в разработке.Junior, Trainee
Что такое Promise в JavaScript?
Что представляет собой объект Promise в JavaScript и как он используется для обработки асинхронных операций? Опишите основные методы объекта Promise и как они помогают управлять результатами асинхронных задач.Junior, Trainee
Какие есть утилитарные типы в TypeScript?
Объясните, что такое утилитарные типы в TypeScript и приведите примеры наиболее часто используемых из них. Укажите, как они помогают при работе с типами.Junior
Что такое reset.css и normalize.css, и в чем разница в CSS?
Объясните, что такое reset.css и normalize.css, и в чем заключается их основное различие. Почему их используют в веб-разработке?Junior
Как можно скопировать объект в JavaScript?
Каким образом можно создать копию объекта в JavaScript? Объясните различные методы и подходы для поверхностного и глубокого копирования объектов, а также их плюсы и минусы.Junior
Что такое CORS?
Как работает механизм CORS и зачем он нужен в веб-разработке? Опишите, как CORS помогает управлять доступом к ресурсам на сервере с других доменов и какие проблемы он решает.Junior
Что такое Компонент высшего порядка (Higher-Order Component, HOC) в React?
Объясните, что представляет собой Компонент высшего порядка (Higher-Order Component, HOC) в React. Каковы основные принципы его работы и в каких ситуациях его стоит использовать?Junior
Для чего нужен хук useMemo и как его использовать в React?
Объясните, как работает хук useMemo в React и в каких ситуациях его стоит использовать. Опишите, какие преимущества он дает и как правильно применять данный хук в приложениях.Junior
В чем отличие между var, let и const при определении переменной?
Каковы ключевые различия между `var`, `let` и `const` при объявлении переменных в JavaScript? Опишите особенности области видимости, всплытия и возможности переопределения для каждого из этих ключевых слов.Junior
Как можно сделать все поля в типе обязательными в TypeScript?
Объясните, как можно сделать все поля в типе обязательными, если изначально они являются необязательными. Укажите, какие утилитарные типы или другие подходы можно для этого использовать.Junior
Что такое блочная модель CSS?
Опишите, что такое блочная модель в CSS и как она влияет на отображение элементов на веб-странице. Укажите, какие части составляют блочную модель и как они взаимодействуют между собой.Junior
Какие значения могут хранить рефы (useRef) в React?
Расскажите, какие значения можно сохранять с помощью useRef в React, как это работает и какие задачи можно решать с помощью этого хука.Junior
Как можно сделать ссылку на эл. почту в HTML?
Объясните, как создать ссылку в HTML, которая при клике откроет почтовый клиент с готовым шаблоном для отправки письма на определенный адрес.Junior
Как организовать переиспользование компонентов в React?
Расскажите о подходах и методах, которые позволяют эффективно переиспользовать компоненты в React. Укажите, как можно структурировать компоненты для обеспечения их универсальности и гибкости.Junior
Как дождаться выполнения всех промисов в JavaScript?
Объясните, как в JavaScript можно дождаться завершения всех промисов, переданных в коллекцию. Укажите, какие методы и подходы можно использовать для работы с массивом промисов и получения результата после их выполнения.Junior
Как можно сделать ссылку на номер телефона в HTML?
Объясните, как создать ссылку в HTML, которая при клике позволит набрать указанный номер телефона с помощью соответствующего приложения.Junior
Что такое перегрузка функций/методов в TypeScript?
Объясните, как работает перегрузка функций и методов в TypeScript, и в каких случаях ее стоит использовать. Укажите, как правильно определить несколько сигнатур для одной функции.Junior
Что означает ключевое слово this в JavaScript?
Каково назначение ключевого слова `this` в JavaScript и как оно определяется в различных контекстах? Объясните, как значение `this` меняется в зависимости от места вызова функции и от того, как функция была вызвана.Junior
В чем отличие public, private и protected в TypeScript?
Опишите, чем отличаются модификаторы доступа public, private и protected в TypeScript, и как они влияют на доступ к свойствам и методам классов.Junior
Что такое мемоизация в JavaScript и как ее можно реализовать?
Объясните, что такое мемоизация и как она помогает оптимизировать работу JavaScript приложений. Приведите пример, как можно реализовать мемоизацию в коде и где она может применяться.Junior
Что такое область видимости в JavaScript?
Что такое область видимости (scope) в JavaScript и как она влияет на доступность переменных в различных частях кода? Объясните различия между глобальной и локальной областью видимости, а также блочной видимостью.Junior
Что такое анонимная функция в JavaScript?
Что представляет собой анонимная функция в JavaScript и как она используется? Опишите, что отличает анонимные функции от именованных, и приведите примеры их применения в коде.Junior
Что делает ключевое слово readonly в TypeScript?
Опишите, как работает ключевое слово readonly в TypeScript и как его можно использовать для ограничения изменения свойств объекта. Какие преимущества оно дает при работе с неизменяемыми объектами?Junior
Какая разница между свойствами HTML-элементов innerHTML и innerText в JavaScript?
Объясните, в чем разница между свойствами innerHTML и innerText в JavaScript и как они используются для работы с содержимым HTML-элементов.Junior
Что такое CSS-препроцессоры и зачем они нужны?
Объясните, что такое CSS-препроцессоры, как они работают и в чем их преимущества при разработке стилей для веб-страниц.Junior
Что такое Pure Component в React?
Объясните, что представляет собой Pure Component в React, как он работает и в чем его отличия от обычного компонента. В каких случаях стоит использовать Pure Component?Junior
В чем разница между единицами измерения px, em, rem в CSS?
Объясните, какие существуют единицы измерения в CSS, такие как px, em и rem, и в чем заключается разница между ними. Укажите, как эти единицы влияют на размеры элементов и их адаптацию к различным устройствам и экранам.Junior
Какие есть способы хранения данных в браузере?
Перечислите и опишите основные способы хранения данных на стороне клиента в веб-браузере. Укажите, какие технологии используются, какие у них особенности и как они применяются в различных сценариях.Junior
Для чего нужен тип unknown в TypeScript?
Объясните, что такое тип unknown в TypeScript, в чем его преимущество перед типом any и когда его следует использовать при работе с данными.Junior
В чем преимущество React в отличие от интерфейсов на ванильном JS?
Опишите, какие преимущества предлагает React по сравнению с разработкой интерфейсов на чистом JavaScript, включая особенности и подходы, которые делают React удобным инструментом для создания сложных пользовательских интерфейсов.Junior
Как можно типизировать this в TypeScript?
Объясните, как в TypeScript можно типизировать ключевое слово this. В каких ситуациях это необходимо и как правильно указывать тип для this в методах классов и функциях?Junior
Как остановить всплытие (bubbling) события в JavaScript?
Опишите, как можно предотвратить всплытие события в JavaScript, чтобы оно не поднималось по дереву DOM к родительским элементам.Junior
Что такое стрелочная функция в JavaScript?
Какой синтаксис используется для определения стрелочных функций в JavaScript, и как они отличаются от обычных функций? Объясните, какие особенности стрелочных функций делают их удобными для использования в некоторых сценариях.Junior
Что делает ключевое слово typeof в TypeScript?
Объясните, как работает ключевое слово typeof в TypeScript, чем оно отличается от аналогичного оператора в JavaScript и в каких случаях его следует использовать при работе с типами.Junior
Что такое REST?
Что такое архитектурный стиль REST и как он используется в разработке веб-сервисов? Опишите принципы REST и их применение для создания масштабируемых и эффективных API.Junior
Как проверить, является ли число конечным?
Каким образом в JavaScript можно определить, является ли значение числа конечным числом, а не бесконечным или NaN? Укажите методы и функции, которые позволяют проверить, что число не является ни бесконечностью, ни неопределенным числом.Junior
Что такое мемоизация и как она работает в React?
Расскажите, что такое мемоизация и как она помогает оптимизировать производительность в React. В каких случаях стоит использовать memo, useMemo и useCallback?Junior
В чем отличие классовых компонентов от функциональных в React?
Опишите, какие основные различия существуют между классовыми и функциональными компонентами в React, как их использовать и в каких ситуациях лучше предпочесть один подход другому.Junior
Что делает ключевое слово keyof в TypeScript?
Объясните, что делает ключевое слово keyof в TypeScript и как его можно использовать для работы с типами. В каких случаях оно применяется и как помогает при создании типов?Junior
Как можно исключить из типа несколько полей в TypeScript?
Объясните, как можно исключить несколько полей из типа в TypeScript. Укажите, какие утилитарные типы используются для такой задачи и как они применяются.Junior
Что такое контекст (useContext) в React?
Опишите, что представляет собой контекст в React и как он используется. Объясните, как хук useContext позволяет получить доступ к данным контекста и в каких ситуациях стоит применять данный подход.Junior
В каком методе жизненного цикла стоит получать данные с сервера в React?
Укажите, в каком из методов жизненного цикла или хуков React рекомендуется выполнять запросы на сервер, чтобы загружать данные для компонента, и объясните, почему именно этот метод подходит для таких операций.Junior
В каком методе жизненного цикла стоит подписываться на события в React?
Объясните, в каком методе жизненного цикла React компонента или с помощью какого хука рекомендуется подписываться на события и почему этот подход является оптимальным.Junior
В чем разница между функциональными и классовыми компонентами в React?
Объясните различия между функциональными и классовыми компонентами в React. Какие особенности и преимущества каждого из подходов можно выделить?Junior
Для чего нужен атрибут key в React?
Опишите, какую роль выполняет атрибут key в React при отрисовке списков и других повторяющихся элементов. Объясните, почему использование корректных значений key важно для производительности и корректной работы приложения.Junior
Что такое фрагмент (Fragment) в React?
Опишите, что представляет собой фрагмент (Fragment) в React, как его использовать и для чего он нужен при работе с JSX.Junior
Для чего предназначены методы setTimeout и setInterval?
Каким образом в JavaScript можно планировать выполнение функций через определенные промежутки времени? Объясните назначение методов `setTimeout` и `setInterval`, как они работают и в каких случаях их лучше использовать.Junior
Как можно достать из типа несколько полей в TypeScript?
Опишите, как можно получить только определенные поля из типа в TypeScript. Укажите, какие утилитарные типы используются для такой задачи и как они работают.Junior
Как можно подключить внешний шрифт в CSS?
Объясните, как в CSS можно подключить внешний шрифт с использованием @font-face или других методов. Какие шаги нужно выполнить, чтобы шрифт корректно отображался на веб-странице?Junior
Какие есть способы стилизации в React?
Опишите, какие подходы и методы существуют для стилизации компонентов в React. Укажите, в чем заключаются особенности и преимущества каждого подхода.Junior
Для чего нужен хук useCallback и как его использовать в React?
Опишите, в чем назначение хука useCallback в React и в каких случаях он применяется. Объясните, как этот хук помогает избежать ненужных перерисовок компонентов и улучшить производительность.Junior
Работали ли вы с классовыми компонентами в React, и в чем их особенность?
Объясните, что представляют собой классовые компоненты в React, как они работают и какие ключевые особенности их отличают от функциональных компонентов.Junior
Приведите примеры использования контекста (useContext) в React
Расскажите, как контекст и хук useContext могут быть использованы в React для передачи данных между компонентами. Приведите примеры, где контекст помогает упростить код и избежать избыточной передачи пропсов.Junior
В чем отличие интерфейса от абстрактного класса в TypeScript?
Объясните, в чем заключается разница между интерфейсом и абстрактным классом в TypeScript. Укажите, когда и какой из них следует выбирать при проектировании кода.Junior
Как можно сделать все поля в типе необязательными в TypeScript?
Опишите, каким образом можно сделать все поля в типе необязательными в TypeScript. Укажите, какие утилитарные типы или другие подходы для этого можно использовать.Junior
Что такое Babel и для чего он нужен?
Объясните, что представляет собой Babel и для каких целей используется в разработке JavaScript. Укажите, как Babel помогает работать с современным JavaScript кодом и какие преимущества дает использование этого инструмента.Middle, Junior
Что такое SSR, SSG, SPA?
Объясните, что означают термины SSR, SSG и SPA, и как эти подходы применяются в веб-разработке. Опишите, в чем заключаются ключевые различия между этими методами рендеринга веб-страниц и в каких ситуациях каждый из них используется.Middle, Junior
Как работает прототипное наследование в JavaScript?
Расскажите, как реализовано прототипное наследование в JavaScript. Укажите, как объекты могут наследовать свойства и методы других объектов через прототипы и какую роль играет цепочка прототипов.Middle, Junior
Для чего нужны .d.ts файлы в TypeScript?
Опишите, что такое файлы с расширением .d.ts в TypeScript, для чего они используются и как их создавать и подключать в проектах.Middle, Junior
Какие варианты архитектуры React приложения вы знаете?
Опишите, какие подходы и паттерны используются при проектировании архитектуры React-приложений. Укажите, какие принципы помогают организовать код и структуру проекта для поддерживаемости и масштабируемости.Middle, Junior
Зачем нужны префиксы для некоторых CSS-свойств (-webkit-, -moz-)?
Объясните, для чего используются префиксы, такие как -webkit- и -moz-, перед некоторыми CSS-свойствами и как это связано с поддержкой браузерами.Middle, Junior
Promise – это микро или макро таска (задача) в JavaScript?
Объясните, к какому типу задач относятся Promise в JavaScript – микро или макротаски. Как это влияет на порядок их выполнения в EventLoop?Middle, Junior
В чем отличие Promise.all и Promise.allSettled в JavaScript?
Расскажите, в чем разница между методами Promise.all и Promise.allSettled в JavaScript. Укажите, как эти методы обрабатывают промисы и какие сценарии их использования существуют.Middle, Junior
Какая разница между определением функции через function и через var/let/const?
Каковы основные различия между определением функции с помощью ключевого слова `function` и использованием `var`, `let`, или `const` для объявления функции в JavaScript? Объясните, как область видимости и всплытие (hoisting) влияют на каждое из этих определений и какие особенности следует учитывать.Middle, Junior
Для чего нужен тип void в TypeScript?
Опишите, как и в каких ситуациях следует использовать тип void в TypeScript. Укажите, чем он отличается от других типов, и какую роль он играет при определении функций.Middle, Junior
Как можно убрать из массива все повторяющиеся элементы?
Объясните, какие подходы существуют в JavaScript для удаления всех повторяющихся элементов из массива. Как с помощью встроенных методов или других конструкций можно получить массив с уникальными значениями?Middle, Junior
Что такое управляемые и неуправляемые компоненты в React?
Объясните разницу между управляемыми и неуправляемыми компонентами в React. Опишите, как они работают, в чем их особенности и в каких случаях стоит использовать каждый из этих подходов.Middle, Junior
Для чего нужно ключевое слово declare в TypeScript?
Опишите, что делает ключевое слово declare в TypeScript и в каких случаях его нужно использовать. Укажите, как оно помогает при работе с глобальными переменными и библиотеками.Middle, Junior
Как обрабатывать ошибки при использовании хуков в React?
Объясните, как можно эффективно обрабатывать ошибки, возникающие при работе с хуками в React. Укажите, какие подходы и инструменты можно использовать для управления ошибками в приложении.Middle, Junior
Что такое каррирование (currying) в JavaScript?
Опишите, что такое каррирование (currying) в JavaScript и в каких случаях эта техника используется. Укажите, как каррирование преобразует функции и как это может быть полезно в разработке.Middle, Junior
Как можно упростить написание кросс-браузерных стилей?
Расскажите, какие подходы и инструменты могут помочь в написании кросс-браузерных стилей в CSS и как обеспечить корректное отображение страниц в разных браузерах.Middle, Junior
Что такое VDOM (Virtual DOM) в React?
Опишите, что представляет собой виртуальный DOM в React, как он работает и какие преимущества предоставляет по сравнению с непосредственным обновлением реального DOM.Middle, Junior
Что первее выведется – Promise или setTimeout в JavaScript?
Рассмотрите ситуацию, когда в коде JavaScript одновременно вызываются Promise и setTimeout. Объясните, какой из них выполнится первым и почему. Как EventLoop влияет на порядок их выполнения?Middle, Junior
Что такое render props в React?
Объясните концепцию render props в React и как она позволяет разделять логику между компонентами. В каких случаях этот подход предпочтителен?Middle, Junior
Как можно отслеживать изменение размера элемента в JavaScript?
Опишите, какие способы существуют для отслеживания изменения размеров элемента в JavaScript. Укажите, какие встроенные методы или API можно использовать для реализации такой задачи и как эти изменения могут быть использованы в разработке интерфейсов.Middle, Junior
Что такое Flux архитектура в React?
Объясните, что представляет собой архитектура Flux в контексте разработки на React. Как организованы потоки данных и в чем преимущества такого подхода?Middle, Junior
В чем отличие extends от implements в TypeScript?
Опишите, в чем заключается разница между extends и implements в TypeScript. Укажите, как и в каких случаях их следует применять при работе с типами и классами.Middle, Junior
Что такое порталы (usePortal) в React?
Объясните, что такое порталы в React, как они работают и в каких ситуациях их лучше использовать при создании пользовательских интерфейсов.Middle, Junior
Как можно использовать коллбэк (callback) в useState в React?
Объясните, в каких ситуациях может быть полезно использовать коллбэк в useState и как это работает. Опишите, как можно динамически обновлять состояние в зависимости от предыдущего значения с использованием коллбэка.Middle, Junior
Что такое микротаска (microtask, микрозадача) в JavaScript?
Расскажите, что такое микротаска в JavaScript, как она создается и в каком порядке выполняется по сравнению с другими задачами. Как микротаски связаны с EventLoop?Middle, Junior
Что такое генератор и итератор в JavaScript?
Объясните, что представляют собой генераторы и итераторы в JavaScript, как они работают и в чем их отличия. Опишите основные особенности их использования и преимущества в сценариях работы с последовательностями данных.Middle, Junior
Что делает Promise.resolve() в JavaScript?
Объясните, как работает метод Promise.resolve() в JavaScript и для чего он используется. Как он влияет на выполнение цепочек Promise и их порядок в EventLoop?Middle, Junior
Что такое FSD (Feature sliced design) архитектура в React?
Расскажите, что такое FSD (Feature Sliced Design) в разработке на React и как данная архитектура организует структуру кода. Какие преимущества она предлагает при масштабировании приложений?Middle, Junior
Как задать цвет текста плейсхолдера у инпута в CSS?
Опишите, как в CSS можно изменить цвет текста, отображаемого в поле ввода (input) в качестве плейсхолдера. Какие псевдоклассы или псевдоэлементы для этого используются?Middle, Junior
В чем отличие оператора in и метода hasOwnProperty в JavaScript?
Объясните, как работают оператор in и метод hasOwnProperty в JavaScript. Укажите, в чем их основное отличие и в каких случаях каждый из них лучше использовать.Middle, Junior
Что такое БЭМ (BEM) в CSS?
Расскажите, что такое методология БЭМ (BEM) в CSS, как она используется для организации кода и какие правила она предполагает для наименования классов.Middle, Junior
Как сделать поля объекта неизменяемыми в JavaScript?
Объясните, какие способы существуют в JavaScript, чтобы сделать поля объекта неизменяемыми. Укажите, как можно предотвратить изменения в свойствах и добавление новых свойств в объект.Middle, Junior
Что такое hoisting в JavaScript, и как он работает?
Как концепция hoisting влияет на объявление переменных и функций в JavaScript? Объясните, что происходит при поднятии переменных и функций, и как это влияет на порядок выполнения кода.Middle, Junior
Что такое tabindex в HTML?
Объясните, что такое атрибут tabindex в HTML и как он используется для управления фокусом при навигации с помощью клавиатуры. Как различные значения этого атрибута влияют на порядок перехода между элементами?Middle, Junior
Чем отличаются any, unknown и never в TypeScript?
Объясните, в чем разница между типами any, unknown и never в TypeScript. Укажите, как и когда каждый из этих типов следует применять, и почему они важны для понимания системы типов TypeScript.Middle, Junior
Какие есть паттерны для работы с асинхронностью в React?
Опишите, какие подходы и паттерны используются для управления асинхронными операциями в React. Укажите, как можно эффективно управлять асинхронными запросами, состояниями и побочными эффектами в компонентах.Middle, Junior
Почему <script> располагают в конце <body> в HTML?
Объясните, почему рекомендуется размещать теги `<script>` в конце тега `<body>` в HTML. Как это влияет на загрузку и производительность страницы?Middle, Junior
В чем отличие подключения скрипта через async и defer в HTML?
Опишите разницу между атрибутами async и defer при подключении скриптов в HTML и как они влияют на порядок выполнения кода и загрузку страницы.Middle, Junior
Как можно заставить компонент перерендериться (rerender) в React?
Объясните, какие действия можно предпринять, чтобы вручную инициировать ререндеринг компонента в React. Укажите, как можно использовать обновление состояния или другие методы для вызова повторного рендера.Middle, Junior
Для чего нужен Redux и другие стейт менеджеры в React?
Опишите, в каких ситуациях стоит использовать Redux или другие стейт менеджеры при разработке React приложений, и какие проблемы они решают.Middle, Junior
Какой порядок выполнения тасок в EventLoop в JavaScript?
Объясните, как в JavaScript осуществляется порядок выполнения задач в EventLoop. Как задачи сортируются по приоритету и в каком порядке они выполняются в цикле событий?Middle, Junior
Что такое веб-воркеры (WebWorkers) в JavaScript?
Опишите, что представляют собой веб-воркеры (WebWorkers) в JavaScript и как они работают. Укажите, для чего они используются, какие задачи решают и в каких случаях их стоит применять.Middle, Junior
Что такое декораторы в TypeScript?
Опишите, что такое декораторы в TypeScript, как они работают и для чего применяются. Укажите, какие существуют виды декораторов и как они могут быть использованы на практике.Middle, Junior
Какие бывают значения у свойства position в CSS?
Опишите различные значения свойства position в CSS. В каких ситуациях и для каких целей они могут применяться при верстке веб-страниц?Middle, Junior
Что такое линтеры и для чего они нужны в JavaScript?
Расскажите, что такое линтеры и какую роль они играют в разработке на JavaScript. Объясните, как линтеры помогают поддерживать качество кода и какие ошибки они могут предотвращать.Middle, Junior
Как работает EventLoop в JavaScript?
Объясните, что такое EventLoop в JavaScript и как он управляет выполнением кода. Какие задачи он решает и как работает его механизм с очередями микрозадач и макрозадач?Middle, Junior
В чем отличие стрелочной функции от обычной в JavaScript?
Каковы ключевые различия между стрелочной функцией и обычной функцией в JavaScript? Обсудите особенности `this`, `arguments`, и поведение функций в контексте вызовов и методов.Middle, Junior
Какие HTTP-методы поддерживает форма (<form>) в HTML?
Перечислите и объясните, какие HTTP-методы можно использовать в атрибуте `method` тега `<form>` в HTML. Как они влияют на способ отправки данных с формы?Middle, Junior
Для чего нужен тип never в TypeScript?
Объясните, что представляет собой тип never в TypeScript, как и когда он используется. Укажите, чем он отличается от других типов и в каких случаях его следует применять.Middle, Junior
Что может вызывать ререндер компонента в React?
Опишите, какие факторы могут инициировать повторный рендеринг компонента в React. Укажите, как изменения в состоянии, пропсах или других элементах могут повлиять на процесс ререндеринга.Middle, Junior
Для чего нужен box-sizing: border-box в CSS?
Объясните, как работает свойство box-sizing в CSS и зачем нужно использовать значение border-box. Укажите, как это свойство влияет на размеры элементов и вычисление их ширины и высоты в макете.Middle, Junior
setTimeout – это микро или макро таска (задача) в JavaScript?
Объясните, к какому типу задач относится setTimeout в JavaScript – микро или макротаски. Как оно влияет на порядок выполнения задач в EventLoop?Middle, Junior
Что такое прогрессивный (progressive) рендеринг?
Объясните, что такое прогрессивный рендеринг в веб-разработке, как он работает и зачем он нужен. Укажите, какие методы и подходы используются для ускорения отображения контента на веб-страницах.Middle, Junior
Что такое геттеры и сеттеры в JavaScript?
Объясните, что такое геттеры и сеттеры в JavaScript, как они работают и зачем нужны. Как их можно использовать для контроля доступа и изменения значений свойств объектов?Middle, Junior
Что такое ссылочные типы, и как они работают в JavaScript?
Опишите, что такое ссылочные типы данных в JavaScript и как они отличаются от примитивных типов. Укажите, как работают ссылки на объекты и что происходит при изменении значения в одной из ссылок.Middle, Junior
Как работают CSS Modules (CSS модули) в React?
Опишите, как CSS Modules помогают в стилизации компонентов React. Объясните, как это решает проблему глобальной области видимости стилей и улучшает модульность кода.Middle, Junior
Как можно сделать тип перечисления всех полей объекта в TypeScript?
Объясните, как в TypeScript можно создать тип, который представляет собой перечисление всех ключей объекта. Как это может помочь при создании динамических или обобщенных типов?Middle, Junior
Что такое макротаска (macrotask, макрозадача) в JavaScript?
Объясните, что такое макротаска в JavaScript и как она отличается от микротаски. Как и в каком порядке макротаски обрабатываются в EventLoop?Middle, Junior
Что такое и для чего используют IIFE (Immediately Invoked Function Expression)?
Что представляет собой Immediately Invoked Function Expression (IIFE) в JavaScript и как его использование может помочь в управлении областью видимости? Объясните, как и почему IIFE используется для создания локального контекста и избегания загрязнения глобального пространства имен.Middle, Junior
Почему <link> располагают внутри <head> в HTML?
Объясните, почему теги `<link>` для подключения стилей или других ресурсов обычно размещают внутри тега `<head>` в HTML. Как это влияет на рендеринг страницы?Middle, Junior
Чему равен this в обработчике событий в JavaScript?
Опишите, какое значение принимает this в контексте обработчика событий в JavaScript и как оно связано с элементом, на котором произошло событие.Middle, Junior
В чем отличие CSS переменных от SCSS/SASS/LESS переменных?
Расскажите, в чем заключается разница между использованием переменных в чистом CSS и переменных, предоставляемых препроцессорами вроде SCSS, SASS или LESS. Объясните, как отличаются подходы к определению и применению этих переменных.Middle, Junior
Что такое WebSockets и для чего нужна эта технология?
Опишите, что представляет собой технология WebSockets, как она работает и для каких задач используется. Укажите, в каких сценариях WebSockets предпочтительнее других технологий для обмена данными между клиентом и сервером.Middle, Junior
Что такое дженерики (generic types, <T>) в TypeScript?
Объясните, что такое дженерики в TypeScript, как они работают и в каких случаях их нужно использовать. Укажите, как дженерики помогают создавать гибкие и переиспользуемые функции и классы.Middle, Junior
Что такое mapped (сопоставленные) типы в TypeScript?
Объясните, что такое mapped (сопоставленные) типы в TypeScript и как они используются. В каких случаях они полезны для работы с объектами и как с их помощью можно изменять или адаптировать существующие типы?Middle, Junior
Что такое семантичность (семантика) в HTML?
Объясните, что означает термин семантичность в контексте HTML. Почему семантические элементы важны для структуры веб-страницы и её восприятия пользователями и поисковыми системами?Middle, Junior
Что такое утверждение типа (type assertion) в TypeScript?
Объясните, что такое утверждение типа (type assertion) в TypeScript, в каких случаях оно применяется и как его использовать правильно.Middle, Junior
Что такое замыкание (closure) в JavaScript?
Что такое замыкание в JavaScript и как оно работает? Объясните, как замыкания позволяют функции сохранять доступ к переменным своего внешнего контекста даже после завершения выполнения этой функции.Middle, Junior
Для чего нужен атрибут srcset у изображения в HTML?
Опишите назначение атрибута `srcset` у тега `<img>` в HTML. Как он помогает управлять загрузкой изображений на странице в зависимости от устройства пользователя?Middle, Junior
Опишите процесс всплытия (bubbling) событий в DOM.
Расскажите о механизме всплытия событий в DOM, как этот процесс работает и какие этапы включает.Middle, Junior
Что такое DOCTYPE и зачем он нужен в HTML?
Определите, что такое декларация DOCTYPE в HTML и для чего она нужна. Как её наличие влияет на работу браузера и рендеринг страницы?Middle, Junior
Что такое контекст наложения и z-index в CSS?
Объясните, что такое контекст наложения в CSS и как он связан с использованием свойства z-index. Как формируется порядок наложения элементов на странице?Middle, Junior
Что такое подъем состояния (lifting state up) в React?
Объясните, что означает концепция подъема состояния (lifting state up) в React и в каких ситуациях она применяется. Опишите, как эта техника помогает улучшить управление состоянием в компонентной структуре.Middle
Что такое CSSOM?
Объясните, что такое CSSOM и как он используется в процессе рендеринга веб-страницы. Как CSSOM связан с DOM и почему их совместная работа важна для отображения контента?Middle
В чем разница между display: none, opacity: 0 и visibility: hidden в CSS?
Объясните, в чем разница между использованием `display: none`, `opacity: 0` и `visibility: hidden` для скрытия элементов в CSS. Как эти свойства влияют на размещение элементов на странице и их взаимодействие с пользователем?Middle
Как узнать высоту или ширину элемента в JavaScript?
Расскажите, какими методами и свойствами можно воспользоваться в JavaScript для получения текущих размеров элемента, таких как его высота и ширина.Middle
Как узнать координаты элемента в JavaScript?
Объясните, как в JavaScript можно определить координаты элемента относительно окна или документа, и какие методы и свойства для этого подходят.Middle
В чем отличие функций bind, call, apply в JavaScript?
Каковы отличия между методами `bind`, `call`, и `apply` в JavaScript? Опишите, как каждый из этих методов используется для управления значением `this` в функции и какие параметры они принимают.Middle
В чем отличие type от interface в TypeScript?
Объясните, в чем разница между type и interface в TypeScript. Укажите, какие задачи лучше решать с помощью каждого из них, а также как они могут использоваться вместе.Middle
Как можно реализовать lazy loading изображений в React?
Расскажите, как в React можно реализовать ленивую загрузку изображений. Опишите, какие подходы и библиотеки можно использовать для оптимизации загрузки изображений и улучшения производительности.Middle
В чем отличие оператора ?? от || в JavaScript?
Объясните, в чем заключается разница между оператором нулевого слияния (??) и оператором логического ИЛИ (||) в JavaScript. В каких ситуациях следует использовать один оператор вместо другого?Middle
Что такое дескрипторы свойств объектов в JavaScript?
Расскажите, что такое дескрипторы свойств в JavaScript и как они работают. Укажите, как с помощью дескрипторов можно управлять поведением свойств объектов, таких как их изменяемость и видимость.Middle
Что такое Symbol в JavaScript?
Объясните, что такое Symbol в JavaScript и как этот примитивный тип данных используется для создания уникальных идентификаторов. Какие преимущества предоставляет Symbol по сравнению с другими типами данных в JavaScript?Middle
Зачем нужен утилитарный тип Awaited в TypeScript?
Объясните, что делает утилитарный тип Awaited в TypeScript и для чего он может быть полезен. Укажите, как его применять для работы с промисами и асинхронными типами.Middle
Какое значение по умолчанию имеет свойство position в CSS?
Опишите, какое значение по умолчанию присваивается свойству position в CSS и что это означает для позиционирования элементов на странице.Middle
Как можно отслеживать изменение конкретного поля в объекте в JavaScript?
Опишите, какие подходы существуют в JavaScript для отслеживания изменений конкретных полей в объекте. Укажите, как можно реализовать такую функциональность и какие методы или технологии для этого применяются.Middle
Для чего нужны коллекции Map и Set в JavaScript?
Как в JavaScript используются коллекции `Map` и `Set`? Объясните, в чем их основные особенности и отличия от обычных объектов и массивов, и какие преимущества они предоставляют для хранения уникальных значений и пар ключ-значение.Middle
Чем отличается поведение isNaN() и Number.isNaN()?
В чем заключается разница между функцией `isNaN()` и методом `Number.isNaN()` в JavaScript? Опишите, как каждая из этих функций обрабатывает значения, и как это влияет на проверку NaN.Senior, Middle
Какие этапы отрисовки страницы есть в браузере?
Опишите основные этапы отрисовки страницы в браузере. Как браузер обрабатывает HTML, CSS и JavaScript, чтобы превратить их в визуальное представление страницы?Senior, Middle
Перечисли типы воркеров, которые ты знаешь в JavaScript.
Какие типы воркеров существуют в JavaScript и для чего они используются? Какие задачи решают эти воркеры и в каких ситуациях их применение наиболее оправдано?Senior, Middle
Что такое reflow и repaint при отрисовке в браузере?
Объясните, что такое процессы reflow и repaint в браузере. Как изменения в DOM или CSS влияют на эти процессы и в каких ситуациях они могут быть вызваны?Senior, Middle
Какие WebAPI доступны, а какие - нет, внутри воркеров в JavaScript?
Объясните, какие WebAPI доступны внутри воркеров в JavaScript и какие ограничения существуют при их использовании. Почему некоторые API недоступны в воркерах и какие задачи можно решить, используя доступные API?Senior, Middle
Что означает глубокая (deep) и поверхностная (shallow) копия объекта?
Какие различия между глубокой и поверхностной копией объекта в JavaScript? Опишите, как каждая из этих копий влияет на изменения в исходных и скопированных объектах, и какие подходы используются для создания каждой из копий.Senior, Middle
В чем разница между useEffect и useLayoutEffect в React?
Объясните, в чем основное отличие между хуками useEffect и useLayoutEffect в React. Опишите, как они работают и в каких ситуациях каждый из них стоит использовать.Senior, Middle
Что такое Triple Slash директивы в TypeScript?
Объясните, что представляют собой Triple Slash директивы (///) в TypeScript, какие из них используются, и для чего они применяются при написании кода.Senior, Middle
Что такое Shadow DOM в JavaScript?
Расскажите, что такое Shadow DOM и как он работает в JavaScript. Объясните, как Shadow DOM помогает инкапсулировать стили и разметку и где его использование наиболее полезно.Senior, Middle
Что такое React Reconciliation (согласование/сверка)?
Объясните, что представляет собой процесс согласования (Reconciliation) в React, как он работает и какие задачи решает. Опишите, почему это важно для эффективности работы React-приложений.Senior, Middle
Как можно отслеживать изменения localStorage в JavaScript?
Опишите, как можно отслеживать изменения данных в localStorage в JavaScript. Какие события и методы позволяют реагировать на изменения и как это используется в современных веб-приложениях?Senior, Middle
Для чего нужно ключевое слово satisfies в TypeScript?
Опишите, как работает ключевое слово satisfies в TypeScript и для чего его можно использовать. Укажите, какие задачи оно решает и как помогает при работе с типами.Senior, Middle
В чем разница между stopPropagation и stopImmediatePropagation в JavaScript?
Объясните, как работают методы stopPropagation и stopImmediatePropagation в JavaScript при обработке событий. Укажите, в чем заключается их основное различие и в каких случаях каждый из них применим.Senior, Middle
Как работает boxing и unboxing в JavaScript?
Объясните, что такое boxing и unboxing в JavaScript и как они работают. Укажите, как примитивные типы преобразуются в объекты и обратно, и в каких случаях это происходит.Senior, Middle
Что такое доступность (accessibility) в HTML?
Опишите, что такое доступность в HTML и как она влияет на восприятие страницы пользователями с ограниченными возможностями. Какие аспекты HTML способствуют улучшению доступности веб-страниц?Senior, Middle
Какой максимальный размер LocalStorage в JavaScript?
Опишите, какой объем данных можно хранить в LocalStorage и какие ограничения существуют при работе с этим механизмом в браузерах.Senior, Middle
Что такое WebRTC и для чего нужна эта технология?
Объясните, что такое WebRTC, как эта технология функционирует и в каких сценариях используется. Укажите, для чего WebRTC применяется в веб-приложениях и чем она отличается от других методов передачи данных.Senior, Middle
Что такое веб-компоненты (WebComponents, custom elements) в JavaScript?
Объясните, что представляет собой технология WebComponents в JavaScript. Укажите, из каких основных компонентов состоит данная технология и как она используется для создания переиспользуемых и инкапсулированных элементов в веб-приложениях.Senior, Middle
Что такое синтетические события (synthetic events) в React?
Объясните, что такое синтетические события в React и почему они используются вместо стандартных событий браузера. Опишите, как они работают и какие преимущества предоставляют.Senior, Middle
Что такое temporal dead zone в JavaScript?
Объясните, что означает термин 'temporal dead zone' (временная мертвая зона) в JavaScript. Укажите, как она связана с переменными, объявленными через let и const, и как это влияет на выполнение кода.Senior, Middle
Почему typeof null возвращает object?
Объясните, почему выражение typeof null возвращает значение 'object' в JavaScript. Укажите, как это связано с историческими особенностями языка и к чему это может привести при написании кода.Senior, Middle
Какие методы жизненного цикла пропали в React 16?
Опишите, какие методы жизненного цикла были удалены или изменены в React версии 16. Объясните, почему это было сделано и какие альтернативы предлагают новые версии React для выполнения тех же задач.Senior, Middle
Для чего нужны WeakMap и WeakSet в JavaScript?
Опишите, что такое WeakMap и WeakSet в JavaScript, и в чем их отличия от обычных Map и Set. Укажите, какие особенности этих структур данных позволяют им быть полезными в определенных сценариях.Senior, Middle
Какие CSS свойства обрабатываются на GPU?
Расскажите, какие CSS свойства обрабатываются с помощью GPU, и как это влияет на производительность рендеринга. Объясните, когда и почему стоит оптимизировать работу с этими свойствами.Senior, Middle
Что такое коллстэк (callstack) и как он работает в JavaScript?
Объясните, что такое коллстэк (callstack) в JavaScript и как он управляет выполнением функций. Как происходит обработка функций в стеке и что происходит при возникновении ошибок?Senior, Middle
Что такое WebGL и для чего нужна эта технология?
Расскажите, что представляет собой WebGL, какие возможности эта технология предоставляет и где она используется. Объясните, как WebGL позволяет рендерить графику в веб-приложениях и в чем его преимущества перед другими подходами.Senior, Middle
Как реализован и работает enum в TypeScript после компиляции?
Объясните, как работает и выглядит enum в TypeScript после компиляции в JavaScript. Укажите, какие особенности и нюансы следует учитывать при его использовании.Senior, Middle
Какой максимальный размер cookie?
Каков максимальный размер одного cookie в современных браузерах? Объясните ограничения и почему они установлены.Senior
Что такое garbage collector в JavaScript, и что он делает?
Объясните, что представляет собой garbage collector в JavaScript и какие задачи он выполняет. Укажите, как он работает и какую роль играет в управлении памятью в JavaScript.Senior