Все вопросы на собеседовании на Frontend Angular разработчика, вместе с ответами

Самая большая база вопросов с технических собеседований, вместе с ответами

Как задать стиль последнему элементу в div'e в CSS?

Объясните, как с помощью CSS можно применить стили только к последнему элементу внутри блока div. В каких ситуациях это может быть полезно?
WebCSS

Junior, Trainee

Что такое Lazy Loading в Angular?

Каковы основные принципы работы механизма ленивой загрузки (Lazy Loading) в Angular, и каким образом он помогает улучшить производительность приложения?
Angular

Junior, Trainee

Назовите методы массивов, которые вы знаете в JavaScript. Для чего они нужны?

Какие методы массивов существуют в JavaScript и какие функции они выполняют? Приведите примеры наиболее часто используемых методов, таких как `push`, `pop`, `shift`, `unshift`, `map`, `filter` и другие, и объясните их применение.
JavaScriptWeb

Junior, Trainee

<label> – это строчный (inline) или блочный (block) элемент в HTML?

Рассмотрите, к какому типу элементов относится тег `<label>` в HTML и как это влияет на его поведение и позиционирование на странице. Чем он отличается от других типов элементов?
WebHTML

Junior, Trainee

Как можно соединить несколько типов в один в TypeScript?

Опишите, как в TypeScript можно соединить несколько типов в один. Какие подходы существуют для объединения типов и когда они могут быть полезны?
TypeScript

Junior, Trainee

Какие способы центрирования элементов по горизонтали и вертикали знаете?

Опишите различные методы центрирования элементов в CSS по горизонтали и вертикали, как они работают и в каких случаях их лучше использовать.
JavaScriptWebCSS

Junior, Trainee

Что такое защитники типов (type guards) в TypeScript?

Объясните, что представляют собой защитники типов (type guards) в TypeScript, какие бывают их виды и как они применяются для проверки типов в коде.
TypeScript

Junior, Trainee

Что бы вы поместили в shared модуль в Angular?

Какие компоненты, директивы или сервисы вы считаете целесообразным разместить в shared модуле Angular, и как это поможет организовать код и избежать дублирования?
Angular

Junior, Trainee

Как остановить дефолтную (встроенную) обработку события в JavaScript?

Объясните, как можно предотвратить выполнение стандартного действия, которое связано с определенным событием в браузере, например, отправку формы при нажатии на кнопку.
JavaScriptWebHTML

Junior, Trainee

Для чего нужен оператор расширения (spread) в JavaScript?

Объясните, что такое оператор расширения (spread) в JavaScript, как он работает и в каких ситуациях используется. Приведите примеры его применения для работы с массивами и объектами.
JavaScriptWeb

Junior, Trainee

Что такое webpack и для чего он нужен?

Объясните, что такое webpack, как он используется в проектах на JavaScript и для чего необходим этот инструмент.
JavaScriptWeb

Junior, Trainee

Как проверить, что переменная равна NaN в JavaScript?

Как в JavaScript можно определить, является ли переменная значением NaN (Not-a-Number)? Какие методы и функции можно использовать для проверки этого, и почему NaN требует особого подхода при проверке?
JavaScriptWeb

Junior, Trainee

Что такое атрибут в HTML?

Определите, что такое атрибут в HTML и как он используется для настройки элементов. Какие типы атрибутов существуют и как они могут влиять на отображение и поведение HTML-элементов?
WebHTML

Junior, Trainee

Как перекрыть стиль с самой высокой специфичностью в CSS?

Как можно в CSS переопределить стили, даже если они заданы с самой высокой специфичностью? Какие подходы или методы можно использовать в этом случае?
WebCSS

Junior, Trainee

Для чего нужен утилитарный тип Record в TypeScript?

Объясните, как работает утилитарный тип Record в TypeScript и в каких случаях его можно применять. Укажите, как он помогает создавать типы, которые отображают ключи на определенные значения.
TypeScript

Junior, Trainee

Как можно получить все поля объекта в виде массива в JavaScript?

Объясните, как в JavaScript можно получить все ключи или значения объекта в виде массива. Какие встроенные методы позволяют преобразовать объект в массив и как это может использоваться в различных задачах?
JavaScriptWeb

Junior, Trainee

<button> – это строчный (inline) или блочный (block) элемент в HTML?

Определите, к какому типу элементов относится тег `<button>` в HTML и как это влияет на его поведение и стилизацию на странице. В чем отличие его поведения от других элементов?
WebHTML

Junior, Trainee

Что такое display: flex и как его использовать?

Объясните, что представляет собой CSS-свойство display: flex, для чего оно используется и как оно помогает управлять расположением элементов внутри контейнера.
JavaScriptWebCSS

Junior, Trainee

В чем разница между @ViewChild() и @ContentChild() в Angular?

Каковы основные различия между декораторами @ViewChild() и @ContentChild() в Angular и в каких случаях следует использовать каждый из них?
Angular

Junior, Trainee

Какие знаете коды ответа (состояния) HTTP?

Какие коды состояния HTTP-ответов вы можете назвать и что они обозначают? Объясните, как различные коды состояния помогают интерпретировать результаты обработки HTTP-запросов.
Web

Junior, Trainee

Что такое статические поля или методы у класса в JavaScript?

Объясните, что такое статические поля и методы в JavaScript. В каких случаях стоит использовать статические члены класса и чем они отличаются от обычных полей и методов, принадлежащих экземплярам класса?
JavaScriptWeb

Junior, Trainee

Как клиент взаимодействует с сервером?

Как клиент и сервер взаимодействуют друг с другом через HTTP? Опишите процесс обмена запросами и ответами между клиентом и сервером.
Web

Junior, Trainee

Как сделать кастомный пайп в Angular?

Каковы основные шаги для создания кастомного пайпа в Angular, и какие аспекты следует учитывать при его реализации для достижения нужного функционала?
Angular

Junior, Trainee

Опишите жизненный цикл Angular компонента (Lifecycle hooks).

Какова структура жизненного цикла компонента в Angular, включая ключевые хуки и их назначение, а также как они могут быть использованы для управления состоянием и поведением компонентов?
Angular

Junior, Trainee

Для чего нужен оператор остаточности (rest) в JavaScript?

Объясните, как работает оператор остаточности (rest) в JavaScript и в каких случаях он используется. Как его можно применять для сбора остаточных параметров функции или для работы с массивами и объектами?
JavaScriptWeb

Junior, Trainee

Для чего нужны сборщики и бандлеры в JavaScript?

Опишите, зачем нужны сборщики и бандлеры в проектах на JavaScript, какие задачи они решают и как помогают в разработке.
JavaScriptWeb

Junior, Trainee

Что такое Promise в JavaScript?

Что представляет собой объект Promise в JavaScript и как он используется для обработки асинхронных операций? Опишите основные методы объекта Promise и как они помогают управлять результатами асинхронных задач.
JavaScriptWeb

Junior, Trainee

Что такое модификатор доступа в TypeScript?

Объясните, что такое модификаторы доступа в TypeScript, как они используются и как влияют на доступ к свойствам и методам классов. В каких случаях следует применять модификаторы public, private и protected?
TypeScript

Junior, Trainee

Зачем нужен NgModule в Angular?

Какова роль NgModule в архитектуре приложения на Angular, и как он помогает организовать код и управлять зависимостями между компонентами и сервисами?
Angular

Junior, Trainee

Что такое замыкание в JavaScript?

Объясните, что такое замыкание в JavaScript и как оно работает. В каких ситуациях оно возникает и как используется для сохранения состояния или работы с приватными данными?
JavaScriptWeb

Junior, Trainee

Что такое директивы в Angular?

Какова роль директив в Angular и как они влияют на поведение элементов в шаблонах, а также как их можно использовать для создания пользовательских директив?
Angular

Junior, Trainee

Как можно зациклить анимацию в CSS?

Опишите, как с помощью CSS можно зациклить анимацию, чтобы она повторялась бесконечно. Какие свойства и значения для этого используются?
WebCSS

Junior, Trainee

Что такое медиазапросы в CSS?

Опишите, что такое медиазапросы в CSS, как они работают и как их можно использовать для создания адаптивных веб-страниц.
JavaScriptWebCSS

Junior, Trainee

Зачем нужны exports в NgModule в Angular?

Какова роль exports в NgModule в Angular, и каким образом этот механизм влияет на доступность компонентов и директив для других модулей приложения?
Angular

Junior, Trainee

Для чего нужно ключевое слово static в JavaScript?

Рассмотрите, как и в каких ситуациях используется ключевое слово static в JavaScript. Как оно применяется в контексте классов и какие ограничения или особенности имеет?
JavaScriptWeb

Junior, Trainee

Какой тег семантически подходит для списков в HTML?

Определите, какие теги в HTML следует использовать для создания списков. Как они отличаются и в каких ситуациях они применяются?
WebHTML

Junior, Trainee

Что такое пайп в Angular?

Каково определение пайпа в контексте Angular, и каким образом этот механизм позволяет преобразовывать данные перед их отображением в пользовательском интерфейсе?
Angular

Junior, Trainee

В чем различия ng-content, ng-container и ng-template в Angular?

Каковы основные отличия между ng-content, ng-container и ng-template в Angular, и в каких ситуациях следует использовать каждый из этих элементов для управления содержимым и структурой компонентов?
Angular

Junior, Trainee

Какие есть варианты стилизации элементов в HTML?

Объясните, какие методы можно использовать для стилизации элементов на веб-странице. Как различаются эти методы по степени влияния и удобству использования?
WebHTML

Junior, Trainee

Как можно проверить тип переменной в JavaScript?

Опишите, какие существуют способы проверки типа переменной в JavaScript. Как с помощью различных операторов и функций можно определить, к какому типу данных относится значение?
JavaScriptWeb

Junior, Trainee

Как защитить компонент от активации через роутер в Angular?

Какие методы можно использовать для защиты компонента от активации через роутер в Angular и какие подходы наиболее эффективны?
Angular

Junior, Trainee

Что бы вы не поместили в shared модуль в Angular?

Какие элементы или конструкции вы считаете неуместными для размещения в shared модуле Angular, и как это может повлиять на структуру приложения?
Angular

Junior, Trainee

Что такое DOM?

Опишите, что представляет собой объектная модель документа (DOM) и как она используется при работе с веб-страницами.
JavaScriptWebHTML

Junior, Trainee

Какие методы HTTP-запросов вы знаете?

Какие методы используются в HTTP-запросах для выполнения различных операций на сервере? Укажите и опишите основные методы, их назначение и как они применяются в веб-разработке.
Web

Junior, Trainee

Что такое Dependency Injection (DI) в Angular?

Какова концепция Dependency Injection (DI) в Angular и какие преимущества она предоставляет при разработке приложений?
Angular

Junior, Trainee

Что такое рекурсия в JavaScript?

Какой принцип лежит в основе рекурсии в JavaScript, и как функции могут вызывать сами себя? Опишите, как рекурсия используется для решения задач, и укажите, какие условия должны быть выполнены, чтобы рекурсия завершилась корректно.
JavaScriptWeb

Junior, Trainee

Как строку (string) превратить в число (number) в JavaScript?

Опишите, какие существуют способы в JavaScript для преобразования строки (string) в число (number). В каких случаях применять разные подходы и какие особенности нужно учитывать при конвертации данных?
JavaScriptWeb

Junior, Trainee

Что такое явное и неявное приведение типов в JavaScript?

Опишите, что такое явное и неявное приведение типов в JavaScript и как они работают. Приведите примеры ситуаций, когда происходят такие преобразования, и какие могут быть последствия.
JavaScriptWeb

Junior, Trainee

Зачем нужны data-атрибуты в HTML?

Расскажите, что такое data-атрибуты в HTML и для чего они используются. Как они помогают в хранении пользовательских данных и взаимодействии с JavaScript?
WebHTML

Junior, Trainee

Что такое специфичность у селекторов в CSS?

Объясните, что такое специфичность у селекторов в CSS и как она влияет на применяемые стили. Как рассчитывается уровень специфичности и что делать в случае конфликта стилей?
WebCSS

Junior, Trainee

Что такое union (объединенные) типы в TypeScript?

Объясните, что такое union (объединенные) типы в TypeScript и как их использовать. В каких ситуациях они полезны и как их можно применить для типизации переменных, принимающих несколько типов значений?
TypeScript

Junior, Trainee

Какие есть встроенные типы в TypeScript?

Перечислите основные встроенные типы в TypeScript и объясните, для чего они используются. Укажите, как и когда их применяют в разработке.
TypeScript

Junior, Trainee

Как можно проверить, что объект является экземпляром класса в JavaScript?

Объясните, как в JavaScript можно проверить, что объект является экземпляром определенного класса. Какие существуют операторы и методы для такой проверки и как они работают?
JavaScriptWeb

Junior, Trainee

Почему для доступа к элементам лучше использовать renderer методы в Angular?

Каковы преимущества использования методов renderer для доступа к элементам DOM в Angular по сравнению с прямым доступом к элементам через нативные методы JavaScript?
Angular

Junior, Trainee

Какой тег семантически подходит для заголовков и подзаголовков в HTML?

Расскажите, какие теги используются в HTML для обозначения заголовков и подзаголовков. Как они организованы по уровням и почему важно соблюдать их иерархию?
WebHTML

Junior, Trainee

Из чего состоит HTTP запрос?

Каковы основные компоненты HTTP-запроса? Опишите структуру HTTP-запроса, включая его основные части и их функции в процессе коммуникации между клиентом и сервером.
Web

Junior, Trainee

Что такое абстрактный класс в TypeScript?

Объясните, что представляет собой абстрактный класс в TypeScript, в каких ситуациях он используется и чем он отличается от обычных классов.
TypeScript

Junior, Trainee

В какой модуль вы бы поместили сервис которые используется по всему приложению в Angular?

Какой модуль вы считаете наиболее подходящим для размещения сервисов, которые будут использоваться во всем приложении Angular, и какие преимущества это может дать?
Angular

Junior, Trainee

Какие есть типы данных в JavaScript?

Перечислите все типы в JavaScript'е, которые вы знаете.
JavaScriptWeb

Junior, Trainee

Что такое псевдоклассы в CSS?

Объясните, что такое псевдоклассы в CSS и для чего они используются. Приведите примеры часто используемых псевдоклассов и в каких ситуациях они применяются.
WebCSS

Junior, Trainee

Зачем нужен TypeScript?

Объясните, почему TypeScript используется в разработке, какие проблемы он решает и какие преимущества дает по сравнению с JavaScript. Укажите, как TypeScript влияет на процесс разработки и поддержания кода.
TypeScript

Junior, Trainee

Как можно пройтись по всем полям объекта в JavaScript?

Опишите, какие существуют способы перебора всех полей объекта в JavaScript. Как с помощью циклов и встроенных методов можно получить доступ к каждому ключу и значению объекта?
JavaScriptWeb

Junior, Trainee

Перечислите основные семантические теги в HTML.

Какие теги считаются семантическими в HTML? Какую роль они играют при структурировании страницы и организации контента?
WebHTML

Junior, Trainee

Как можно стилизовать SVG в CSS?

Объясните, как в CSS можно стилизовать элементы SVG. Какие возможности стилизации доступны, и как они могут применяться к векторной графике?
WebCSS

Junior, Trainee

Что такое display: grid и как его использовать?

Расскажите, что представляет собой CSS-свойство display: grid, как оно помогает создавать сложные макеты и какие ключевые концепции необходимо понимать для его использования.
JavaScriptWebCSS

Junior, Trainee

Когда мы байндим данные в шаблоне, мы работаем с атрибутами или с свойствами (property) в Angular?

Когда происходит связывание данных в шаблоне Angular, какие аспекты атрибутов и свойств (property) играют ключевую роль, и как это влияет на взаимодействие между компонентами и представлением?
Angular

Junior, Trainee

Что такое директива use strict и что она делает в JavaScript?

Объясните, что такое директива use strict в JavaScript, как она включается и как влияет на выполнение кода. В чем преимущества ее использования и как она помогает избегать ошибок?
JavaScriptWeb

Junior, Trainee

Что такое псевдоэлементы в CSS?

Определите, что такое псевдоэлементы в CSS и в чем их отличие от псевдоклассов. Приведите примеры часто используемых псевдоэлементов и объясните их назначение.
WebCSS

Junior, Trainee

Как используется свойство providedIn в Angular?

Каково назначение свойства providedIn в Angular, и как это свойство влияет на область видимости сервисов и их инъекцию в компоненты приложения?
Angular

Junior, Trainee

Для чего нужен оператор instanceof в JavaScript?

Объясните, как работает оператор instanceof в JavaScript, в каких случаях он используется и как позволяет проверить принадлежность объекта к определенному классу или типу. Какие ограничения существуют при его использовании?
JavaScriptWeb

Junior, Trainee

Что такое cookie?

Что представляет собой cookie в контексте веб-технологий? Опишите назначение cookie и как они используются для хранения данных на стороне клиента.
Web

Junior, Trainee

Как проверить, что объект является массивом в JavaScript?

С помощью какого метода в JavaScript можно сделать проверку на то, что значения является массивом?
JavaScriptWeb

Junior, Trainee

Когда можно не использовать скобки при байндинге в шаблоне в Angular?

В каких случаях возможно опустить скобки при связывании данных в шаблоне Angular, и как это может упростить код, особенно в контексте событий и свойств?
Angular

Junior, Trainee

Что такое деструктуризация объекта в JavaScript?

Как в JavaScript можно извлечь данные из объекта и присвоить их переменным в более удобном формате? Объясните, каким образом деструктуризация позволяет извлекать значения из объекта и какие преимущества она предоставляет при работе с объектами и массивами.
JavaScriptWeb

Junior, Trainee

<input> – это строчный (inline) или блочный (block) элемент в HTML?

Объясните, к какому типу элементов относится тег `<input>` в HTML и как это сказывается на его размещении и отображении на веб-странице.
WebHTML

Junior, Trainee

Какие методы перебора массивов в JavaScript вы знаете, и в чем их отличие?

Какие способы перебора элементов массива в JavaScript существуют, и как они отличаются друг от друга? Опишите, как работают методы `forEach`, `for...of`, и `for...in`, их особенности и случаи использования. Уточните, какой из них лучше подходит для работы с массивами и почему.
JavaScriptWeb

Junior, Trainee

Что такое intersection (пересеченные) типы в TypeScript?

Опишите, что такое intersection (пересеченные) типы в TypeScript и как они работают. Как их использовать для объединения нескольких типов в один, и в каких ситуациях они применимы?
TypeScript

Junior, Trainee

Как отцентрировать блок с помощью CSS?

Расскажите, какие существуют методы центрирования блоков в CSS, как они работают и в каких ситуациях применяются. Укажите, как можно выровнять блок по горизонтали и вертикали.
JavaScriptWebCSS

Junior, Trainee

Какие есть механизмы обработки ошибок в JavaScript?

Опишите, какие механизмы существуют в JavaScript для обработки ошибок. Как можно обрабатывать ошибки синхронного и асинхронного кода, и какие конструкции и методы помогают управлять исключениями?
JavaScriptWeb

Junior, Trainee

Как можно сделать анимации в CSS?

Опишите, какие способы существуют для создания анимаций в CSS. Укажите, какие CSS свойства используются для задания анимаций, и как они могут применяться для создания плавных переходов и эффектов.
WebCSS

Junior, Trainee

В чем разница между constructor и ngOnInit в Angular?

Каковы основные отличия между конструктором компонента и методом ngOnInit в Angular, особенно с точки зрения их назначения и времени выполнения?
Angular

Junior, Trainee

Что такое LocalStorage и SessionStorage?

Объясните, что такое LocalStorage и SessionStorage в JavaScript, как они используются для хранения данных и в чем различия между ними.
JavaScriptWeb

Junior, Trainee

Как задать стиль первому элементу в div'e в CSS?

Объясните, как с помощью CSS можно применить стили только к первому элементу внутри блока div. В каких ситуациях это может быть полезно?
WebCSS

Junior, Trainee

Что такое enum в TypeScript?

Опишите, что представляет собой enum в TypeScript, как он используется и в каких ситуациях может быть полезен. Укажите, как можно объявить и применять enum в коде.
TypeScript

Junior, Trainee

Как можно сделать все поля в типе обязательными в TypeScript?

Объясните, как можно сделать все поля в типе обязательными, если изначально они являются необязательными. Укажите, какие утилитарные типы или другие подходы можно для этого использовать.
TypeScript

Junior

Что такое MVVM и в чем разница перед MVC в контексте Angular?

Какова концепция MVVM (Model-View-ViewModel) и чем она отличается от MVC (Model-View-Controller), особенно в контексте архитектуры приложений на Angular?
Angular

Junior

Что такое перегрузка функций/методов в TypeScript?

Объясните, как работает перегрузка функций и методов в TypeScript, и в каких случаях ее стоит использовать. Укажите, как правильно определить несколько сигнатур для одной функции.
TypeScript

Junior

В чем отличие Angular от AngularJS?

Каковы основные различия между Angular и его предшественником AngularJS, особенно в контексте архитектуры, производительности и подхода к разработке?
Angular

Junior

Для чего предназначены методы setTimeout и setInterval?

Каким образом в JavaScript можно планировать выполнение функций через определенные промежутки времени? Объясните назначение методов `setTimeout` и `setInterval`, как они работают и в каких случаях их лучше использовать.
JavaScriptWeb

Junior

Как можно подключить внешний шрифт в CSS?

Объясните, как в CSS можно подключить внешний шрифт с использованием @font-face или других методов. Какие шаги нужно выполнить, чтобы шрифт корректно отображался на веб-странице?
WebCSS

Junior

Что делает ключевое слово readonly в TypeScript?

Опишите, как работает ключевое слово readonly в TypeScript и как его можно использовать для ограничения изменения свойств объекта. Какие преимущества оно дает при работе с неизменяемыми объектами?
TypeScript

Junior

В чем отличие public, private и protected в TypeScript?

Опишите, чем отличаются модификаторы доступа public, private и protected в TypeScript, и как они влияют на доступ к свойствам и методам классов.
TypeScript

Junior

Для чего нужен тип unknown в TypeScript?

Объясните, что такое тип unknown в TypeScript, в чем его преимущество перед типом any и когда его следует использовать при работе с данными.
TypeScript

Junior

Как можно типизировать this в TypeScript?

Объясните, как в TypeScript можно типизировать ключевое слово this. В каких ситуациях это необходимо и как правильно указывать тип для this в методах классов и функциях?
TypeScript

Junior

Что такое REST?

Что такое архитектурный стиль REST и как он используется в разработке веб-сервисов? Опишите принципы REST и их применение для создания масштабируемых и эффективных API.
Web

Junior

Что такое reset.css и normalize.css, и в чем разница в CSS?

Объясните, что такое reset.css и normalize.css, и в чем заключается их основное различие. Почему их используют в веб-разработке?
WebCSS

Junior

Что делает ключевое слово keyof в TypeScript?

Объясните, что делает ключевое слово keyof в TypeScript и как его можно использовать для работы с типами. В каких случаях оно применяется и как помогает при создании типов?
TypeScript

Junior

Как можно исключить из типа несколько полей в TypeScript?

Объясните, как можно исключить несколько полей из типа в TypeScript. Укажите, какие утилитарные типы используются для такой задачи и как они применяются.
TypeScript

Junior

В чем разница между методами forRoot() and forChild() и зачем они нужны в Angular?

Каковы ключевые различия между методами forRoot() и forChild() в модулях Angular, и каким образом они влияют на настройку маршрутов и зависимостей внутри приложения?
Angular

Junior

Как можно скопировать объект в JavaScript?

Каким образом можно создать копию объекта в JavaScript? Объясните различные методы и подходы для поверхностного и глубокого копирования объектов, а также их плюсы и минусы.
JavaScriptWeb

Junior

Что делает ключевое слово typeof в TypeScript?

Объясните, как работает ключевое слово typeof в TypeScript, чем оно отличается от аналогичного оператора в JavaScript и в каких случаях его следует использовать при работе с типами.
TypeScript

Junior

Как дождаться выполнения всех промисов в JavaScript?

Объясните, как в JavaScript можно дождаться завершения всех промисов, переданных в коллекцию. Укажите, какие методы и подходы можно использовать для работы с массивом промисов и получения результата после их выполнения.
JavaScriptWeb

Junior

Как можно сделать ссылку на номер телефона в HTML?

Объясните, как создать ссылку в HTML, которая при клике позволит набрать указанный номер телефона с помощью соответствующего приложения.
WebHTML

Junior

В чем отличие между var, let и const при определении переменной?

Каковы ключевые различия между `var`, `let` и `const` при объявлении переменных в JavaScript? Опишите особенности области видимости, всплытия и возможности переопределения для каждого из этих ключевых слов.
JavaScriptWeb

Junior

Что такое блочная модель CSS?

Опишите, что такое блочная модель в CSS и как она влияет на отображение элементов на веб-странице. Укажите, какие части составляют блочную модель и как они взаимодействуют между собой.
JavaScriptWebCSS

Junior

Как можно сделать ссылку на эл. почту в HTML?

Объясните, как создать ссылку в HTML, которая при клике откроет почтовый клиент с готовым шаблоном для отправки письма на определенный адрес.
WebHTML

Junior

Что такое анонимная функция в JavaScript?

Что представляет собой анонимная функция в JavaScript и как она используется? Опишите, что отличает анонимные функции от именованных, и приведите примеры их применения в коде.
JavaScriptWeb

Junior

Какая разница между свойствами HTML-элементов innerHTML и innerText в JavaScript?

Объясните, в чем разница между свойствами innerHTML и innerText в JavaScript и как они используются для работы с содержимым HTML-элементов.
JavaScriptWebHTML

Junior

Что такое CSS-препроцессоры и зачем они нужны?

Объясните, что такое CSS-препроцессоры, как они работают и в чем их преимущества при разработке стилей для веб-страниц.
JavaScriptWebCSS

Junior

Что означает ключевое слово this в JavaScript?

Каково назначение ключевого слова `this` в JavaScript и как оно определяется в различных контекстах? Объясните, как значение `this` меняется в зависимости от места вызова функции и от того, как функция была вызвана.
JavaScriptWeb

Junior

Что такое мемоизация в JavaScript и как ее можно реализовать?

Объясните, что такое мемоизация и как она помогает оптимизировать работу JavaScript приложений. Приведите пример, как можно реализовать мемоизацию в коде и где она может применяться.
JavaScriptWeb

Junior

Что такое область видимости в JavaScript?

Что такое область видимости (scope) в JavaScript и как она влияет на доступность переменных в различных частях кода? Объясните различия между глобальной и локальной областью видимости, а также блочной видимостью.
JavaScriptWeb

Junior

Как можно достать из типа несколько полей в TypeScript?

Опишите, как можно получить только определенные поля из типа в TypeScript. Укажите, какие утилитарные типы используются для такой задачи и как они работают.
TypeScript

Junior

Как остановить всплытие (bubbling) события в JavaScript?

Опишите, как можно предотвратить всплытие события в JavaScript, чтобы оно не поднималось по дереву DOM к родительским элементам.
JavaScriptWebHTML

Junior

В чем разница между единицами измерения px, em, rem в CSS?

Объясните, какие существуют единицы измерения в CSS, такие как px, em и rem, и в чем заключается разница между ними. Укажите, как эти единицы влияют на размеры элементов и их адаптацию к различным устройствам и экранам.
WebCSS

Junior

В чем отличие интерфейса от абстрактного класса в TypeScript?

Объясните, в чем заключается разница между интерфейсом и абстрактным классом в TypeScript. Укажите, когда и какой из них следует выбирать при проектировании кода.
TypeScript

Junior

Что такое зона в zone.js в Angular?

Какова концепция зоны в zone.js и как она влияет на механизм обнаружения изменений в приложениях на Angular?
Angular

Junior

Какие есть способы хранения данных в браузере?

Перечислите и опишите основные способы хранения данных на стороне клиента в веб-браузере. Укажите, какие технологии используются, какие у них особенности и как они применяются в различных сценариях.
JavaScriptWeb

Junior

Как можно сделать все поля в типе необязательными в TypeScript?

Опишите, каким образом можно сделать все поля в типе необязательными в TypeScript. Укажите, какие утилитарные типы или другие подходы для этого можно использовать.
TypeScript

Junior

Что такое стрелочная функция в JavaScript?

Какой синтаксис используется для определения стрелочных функций в JavaScript, и как они отличаются от обычных функций? Объясните, какие особенности стрелочных функций делают их удобными для использования в некоторых сценариях.
JavaScriptWeb

Junior

Что такое CORS?

Как работает механизм CORS и зачем он нужен в веб-разработке? Опишите, как CORS помогает управлять доступом к ресурсам на сервере с других доменов и какие проблемы он решает.
Web

Junior

Как проверить, является ли число конечным?

Каким образом в JavaScript можно определить, является ли значение числа конечным числом, а не бесконечным или NaN? Укажите методы и функции, которые позволяют проверить, что число не является ни бесконечностью, ни неопределенным числом.
JavaScriptWeb

Junior

Какие есть утилитарные типы в TypeScript?

Объясните, что такое утилитарные типы в TypeScript и приведите примеры наиболее часто используемых из них. Укажите, как они помогают при работе с типами.
TypeScript

Junior

Для чего нужно ключевое слово declare в TypeScript?

Опишите, что делает ключевое слово declare в TypeScript и в каких случаях его нужно использовать. Укажите, как оно помогает при работе с глобальными переменными и библиотеками.
TypeScript

Middle, Junior

Как добавить валидацию к форме, сделанной с помощью FormBuilder в Angular?

Какие шаги необходимо предпринять для добавления валидации к форме, созданной с использованием FormBuilder в Angular, и какие типы валидаторов доступны для использования?
Angular

Middle, Junior

Что такое геттеры и сеттеры в JavaScript?

Объясните, что такое геттеры и сеттеры в JavaScript, как они работают и зачем нужны. Как их можно использовать для контроля доступа и изменения значений свойств объектов?
JavaScriptWeb

Middle, Junior

Что такое ссылочные типы, и как они работают в JavaScript?

Опишите, что такое ссылочные типы данных в JavaScript и как они отличаются от примитивных типов. Укажите, как работают ссылки на объекты и что происходит при изменении значения в одной из ссылок.
JavaScriptWeb

Middle, Junior

Как работает EventLoop в JavaScript?

Объясните, что такое EventLoop в JavaScript и как он управляет выполнением кода. Какие задачи он решает и как работает его механизм с очередями микрозадач и макрозадач?
JavaScriptWeb

Middle, Junior

В чем отличие стрелочной функции от обычной в JavaScript?

Каковы ключевые различия между стрелочной функцией и обычной функцией в JavaScript? Обсудите особенности `this`, `arguments`, и поведение функций в контексте вызовов и методов.
JavaScriptWeb

Middle, Junior

Какие HTTP-методы поддерживает форма (<form>) в HTML?

Перечислите и объясните, какие HTTP-методы можно использовать в атрибуте `method` тега `<form>` в HTML. Как они влияют на способ отправки данных с формы?
WebHTML

Middle, Junior

Для чего нужен box-sizing: border-box в CSS?

Объясните, как работает свойство box-sizing в CSS и зачем нужно использовать значение border-box. Укажите, как это свойство влияет на размеры элементов и вычисление их ширины и высоты в макете.
WebCSS

Middle, Junior

setTimeout – это микро или макро таска (задача) в JavaScript?

Объясните, к какому типу задач относится setTimeout в JavaScript – микро или макротаски. Как оно влияет на порядок выполнения задач в EventLoop?
JavaScriptWeb

Middle, Junior

Что случится если подписаться на поток данных несколько раз через async pipe в Angular?

Каковы последствия многократной подписки на поток данных с использованием async pipe в Angular, и как это может повлиять на производительность и поведение приложения?
Angular

Middle, Junior

Что такое прогрессивный (progressive) рендеринг?

Объясните, что такое прогрессивный рендеринг в веб-разработке, как он работает и зачем он нужен. Укажите, какие методы и подходы используются для ускорения отображения контента на веб-страницах.
JavaScriptWeb

Middle, Junior

В чем разница между ng-form, FormGroup, и FormControl в Angular?

Каковы основные отличия между ng-form, FormGroup и FormControl в контексте работы с формами в Angular, и как правильно использовать каждый из этих элементов для управления состоянием форм?
Angular

Middle, Junior

Каков жизненный цикл у Angular Router?

Каковы основные этапы жизненного цикла маршрутизатора (Router) в Angular, и каким образом эти этапы влияют на навигацию и управление состоянием приложения?
Angular

Middle, Junior

В чем отличие extends от implements в TypeScript?

Опишите, в чем заключается разница между extends и implements в TypeScript. Укажите, как и в каких случаях их следует применять при работе с типами и классами.
TypeScript

Middle, Junior

В чем преимущество использования FormBuilder в Angular?

Каковы основные преимущества использования FormBuilder при создании форм в Angular, особенно в контексте упрощения кода и улучшения читабельности?
Angular

Middle, Junior

Что такое асинхронный (async) пайп в Angular?

Какова функция асинхронного (async) пайпа в Angular, и каким образом он упрощает работу с асинхронными данными и потоками?
Angular

Middle, Junior

Что такое макротаска (macrotask, макрозадача) в JavaScript?

Объясните, что такое макротаска в JavaScript и как она отличается от микротаски. Как и в каком порядке макротаски обрабатываются в EventLoop?
JavaScriptWeb

Middle, Junior

Что такое и для чего используют IIFE (Immediately Invoked Function Expression)?

Что представляет собой Immediately Invoked Function Expression (IIFE) в JavaScript и как его использование может помочь в управлении областью видимости? Объясните, как и почему IIFE используется для создания локального контекста и избегания загрязнения глобального пространства имен.
JavaScriptWeb

Middle, Junior

Почему <link> располагают внутри <head> в HTML?

Объясните, почему теги `<link>` для подключения стилей или других ресурсов обычно размещают внутри тега `<head>` в HTML. Как это влияет на рендеринг страницы?
WebHTML

Middle, Junior

Чему равен this в обработчике событий в JavaScript?

Опишите, какое значение принимает this в контексте обработчика событий в JavaScript и как оно связано с элементом, на котором произошло событие.
JavaScriptWebHTML

Middle, Junior

В чем отличие CSS переменных от SCSS/SASS/LESS переменных?

Расскажите, в чем заключается разница между использованием переменных в чистом CSS и переменных, предоставляемых препроцессорами вроде SCSS, SASS или LESS. Объясните, как отличаются подходы к определению и применению этих переменных.
WebCSS

Middle, Junior

Почему не стоит импортировать сервис из SharedModule в lazy loaded модуль в Angular?

Каковы причины, по которым не рекомендуется импортировать сервис из SharedModule в лениво загружаемый модуль Angular, и какие последствия это может иметь для управления состоянием приложения?
Angular

Middle, Junior

Опишите процесс всплытия (bubbling) событий в DOM.

Расскажите о механизме всплытия событий в DOM, как этот процесс работает и какие этапы включает.
JavaScriptWebHTML

Middle, Junior

Что такое DOCTYPE и зачем он нужен в HTML?

Определите, что такое декларация DOCTYPE в HTML и для чего она нужна. Как её наличие влияет на работу браузера и рендеринг страницы?
WebHTML

Middle, Junior

Что такое контекст наложения и z-index в CSS?

Объясните, что такое контекст наложения в CSS и как он связан с использованием свойства z-index. Как формируется порядок наложения элементов на странице?
WebCSS

Middle, Junior

Что такое семантичность (семантика) в HTML?

Объясните, что означает термин семантичность в контексте HTML. Почему семантические элементы важны для структуры веб-страницы и её восприятия пользователями и поисковыми системами?
WebHTML

Middle, Junior

Чем отличаются any, unknown и never в TypeScript?

Объясните, в чем разница между типами any, unknown и never в TypeScript. Укажите, как и когда каждый из этих типов следует применять, и почему они важны для понимания системы типов TypeScript.
TypeScript

Middle, Junior

Что такое замыкание (closure) в JavaScript?

Что такое замыкание в JavaScript и как оно работает? Объясните, как замыкания позволяют функции сохранять доступ к переменным своего внешнего контекста даже после завершения выполнения этой функции.
JavaScriptWeb

Middle, Junior

Для чего нужен атрибут srcset у изображения в HTML?

Опишите назначение атрибута `srcset` у тега `<img>` в HTML. Как он помогает управлять загрузкой изображений на странице в зависимости от устройства пользователя?
WebHTML

Middle, Junior

В чем отличие Promise.all и Promise.allSettled в JavaScript?

Расскажите, в чем разница между методами Promise.all и Promise.allSettled в JavaScript. Укажите, как эти методы обрабатывают промисы и какие сценарии их использования существуют.
JavaScriptWeb

Middle, Junior

Какая разница между определением функции через function и через var/let/const?

Каковы основные различия между определением функции с помощью ключевого слова `function` и использованием `var`, `let`, или `const` для объявления функции в JavaScript? Объясните, как область видимости и всплытие (hoisting) влияют на каждое из этих определений и какие особенности следует учитывать.
JavaScriptWeb

Middle, Junior

Что такое декораторы в TypeScript?

Опишите, что такое декораторы в TypeScript, как они работают и для чего применяются. Укажите, какие существуют виды декораторов и как они могут быть использованы на практике.
TypeScript

Middle, Junior

Как можно убрать из массива все повторяющиеся элементы?

Объясните, какие подходы существуют в JavaScript для удаления всех повторяющихся элементов из массива. Как с помощью встроенных методов или других конструкций можно получить массив с уникальными значениями?
JavaScriptWeb

Middle, Junior

Что такое Babel и для чего он нужен?

Объясните, что представляет собой Babel и для каких целей используется в разработке JavaScript. Укажите, как Babel помогает работать с современным JavaScript кодом и какие преимущества дает использование этого инструмента.
JavaScriptWeb

Middle, Junior

Как работает trackBy для директивы *ngFor в Angular?

Какова роль функции trackBy в директиве *ngFor в Angular, и каким образом она помогает оптимизировать производительность при отображении списков данных?
Angular

Middle, Junior

Как работает прототипное наследование в JavaScript?

Расскажите, как реализовано прототипное наследование в JavaScript. Укажите, как объекты могут наследовать свойства и методы других объектов через прототипы и какую роль играет цепочка прототипов.
JavaScriptWeb

Middle, Junior

Зачем нужны префиксы для некоторых CSS-свойств (-webkit-, -moz-)?

Объясните, для чего используются префиксы, такие как -webkit- и -moz-, перед некоторыми CSS-свойствами и как это связано с поддержкой браузерами.
JavaScriptWebCSS

Middle, Junior

Promise – это микро или макро таска (задача) в JavaScript?

Объясните, к какому типу задач относятся Promise в JavaScript – микро или макротаски. Как это влияет на порядок их выполнения в EventLoop?
JavaScriptWeb

Middle, Junior

Как можно упростить написание кросс-браузерных стилей?

Расскажите, какие подходы и инструменты могут помочь в написании кросс-браузерных стилей в CSS и как обеспечить корректное отображение страниц в разных браузерах.
JavaScriptWebCSS

Middle, Junior

Для чего нужен тип never в TypeScript?

Объясните, что представляет собой тип never в TypeScript, как и когда он используется. Укажите, чем он отличается от других типов и в каких случаях его следует применять.
TypeScript

Middle, Junior

Что первее выведется – Promise или setTimeout в JavaScript?

Рассмотрите ситуацию, когда в коде JavaScript одновременно вызываются Promise и setTimeout. Объясните, какой из них выполнится первым и почему. Как EventLoop влияет на порядок их выполнения?
JavaScriptWeb

Middle, Junior

Что такое динамические компоненты в Angular?

Какова концепция динамических компонентов в Angular и каким образом они могут быть созданы и использованы для создания более гибких и адаптивных приложений?
Angular

Middle, Junior

В чем разница между состояниями dirty, touched и pristine в Angular?

Каковы основные различия между состояниями dirty, touched и pristine в Angular формах, и как эти состояния помогают управлять поведением форм?
Angular

Middle, Junior

Что такое каррирование (currying) в JavaScript?

Опишите, что такое каррирование (currying) в JavaScript и в каких случаях эта техника используется. Укажите, как каррирование преобразует функции и как это может быть полезно в разработке.
JavaScriptWeb

Middle, Junior

Что такое микротаска (microtask, микрозадача) в JavaScript?

Расскажите, что такое микротаска в JavaScript, как она создается и в каком порядке выполняется по сравнению с другими задачами. Как микротаски связаны с EventLoop?
JavaScriptWeb

Middle, Junior

Что такое service-worker и его роль в Angular?

Какова роль service-worker в приложениях на Angular и какие преимущества он предоставляет для улучшения пользовательского опыта?
Angular

Middle, Junior

Что такое генератор и итератор в JavaScript?

Объясните, что представляют собой генераторы и итераторы в JavaScript, как они работают и в чем их отличия. Опишите основные особенности их использования и преимущества в сценариях работы с последовательностями данных.
JavaScriptWeb

Middle, Junior

Как можно отслеживать изменение размера элемента в JavaScript?

Опишите, какие способы существуют для отслеживания изменения размеров элемента в JavaScript. Укажите, какие встроенные методы или API можно использовать для реализации такой задачи и как эти изменения могут быть использованы в разработке интерфейсов.
WebHTML

Middle, Junior

Что такое WebSockets и для чего нужна эта технология?

Опишите, что представляет собой технология WebSockets, как она работает и для каких задач используется. Укажите, в каких сценариях WebSockets предпочтительнее других технологий для обмена данными между клиентом и сервером.
Web

Middle, Junior

Что такое дженерики (generic types, <T>) в TypeScript?

Объясните, что такое дженерики в TypeScript, как они работают и в каких случаях их нужно использовать. Укажите, как дженерики помогают создавать гибкие и переиспользуемые функции и классы.
TypeScript

Middle, Junior

Приведите хороший пример когда нужно использовать ngrx/store в Angular?

В каких сценариях использования стоит рассмотреть внедрение ngrx/store в приложение на Angular, и какие преимущества это может предоставить при управлении состоянием?
Angular

Middle, Junior

Когда нужно использовать стандартные (template driven), а когда реактивные (reactive) формы в Angular?

Каковы основные различия между стандартными (template driven) и реактивными (reactive) формами в Angular, и в каких случаях предпочтительнее использовать каждый из этих подходов при разработке форм?
Angular

Middle, Junior

Как можно сделать тип перечисления всех полей объекта в TypeScript?

Объясните, как в TypeScript можно создать тип, который представляет собой перечисление всех ключей объекта. Как это может помочь при создании динамических или обобщенных типов?
TypeScript

Middle, Junior

Что такое mapped (сопоставленные) типы в TypeScript?

Объясните, что такое mapped (сопоставленные) типы в TypeScript и как они используются. В каких случаях они полезны для работы с объектами и как с их помощью можно изменять или адаптировать существующие типы?
TypeScript

Middle, Junior

Что такое БЭМ (BEM) в CSS?

Расскажите, что такое методология БЭМ (BEM) в CSS, как она используется для организации кода и какие правила она предполагает для наименования классов.
JavaScriptWebCSS

Middle, Junior

Что такое утверждение типа (type assertion) в TypeScript?

Объясните, что такое утверждение типа (type assertion) в TypeScript, в каких случаях оно применяется и как его использовать правильно.
TypeScript

Middle, Junior

Приведите хороший пример использования NgZone сервиса в Angular.

Как можно эффективно использовать сервис NgZone в приложении на Angular для управления изменениями и производительностью?
Angular

Middle, Junior

Как сделать поля объекта неизменяемыми в JavaScript?

Объясните, какие способы существуют в JavaScript, чтобы сделать поля объекта неизменяемыми. Укажите, как можно предотвратить изменения в свойствах и добавление новых свойств в объект.
JavaScriptWeb

Middle, Junior

Что такое hoisting в JavaScript, и как он работает?

Как концепция hoisting влияет на объявление переменных и функций в JavaScript? Объясните, что происходит при поднятии переменных и функций, и как это влияет на порядок выполнения кода.
JavaScriptWeb

Middle, Junior

Что такое tabindex в HTML?

Объясните, что такое атрибут tabindex в HTML и как он используется для управления фокусом при навигации с помощью клавиатуры. Как различные значения этого атрибута влияют на порядок перехода между элементами?
WebHTML

Middle, Junior

Как async pipe предотвращает утечку памяти в Angular?

Каким образом async pipe помогает предотвратить утечки памяти при работе с асинхронными данными в Angular, и какие механизмы лежат в основе этой функциональности?
Angular

Middle, Junior

Что делает Promise.resolve() в JavaScript?

Объясните, как работает метод Promise.resolve() в JavaScript и для чего он используется. Как он влияет на выполнение цепочек Promise и их порядок в EventLoop?
JavaScriptWeb

Middle, Junior

Как задать цвет текста плейсхолдера у инпута в CSS?

Опишите, как в CSS можно изменить цвет текста, отображаемого в поле ввода (input) в качестве плейсхолдера. Какие псевдоклассы или псевдоэлементы для этого используются?
WebCSS

Middle, Junior

В чем отличие оператора in и метода hasOwnProperty в JavaScript?

Объясните, как работают оператор in и метод hasOwnProperty в JavaScript. Укажите, в чем их основное отличие и в каких случаях каждый из них лучше использовать.
JavaScriptWeb

Middle, Junior

Какие бывают значения у свойства position в CSS?

Опишите различные значения свойства position в CSS. В каких ситуациях и для каких целей они могут применяться при верстке веб-страниц?
WebCSS

Middle, Junior

Для чего нужны .d.ts файлы в TypeScript?

Опишите, что такое файлы с расширением .d.ts в TypeScript, для чего они используются и как их создавать и подключать в проектах.
TypeScript

Middle, Junior

В чем разница между чистыми и нечистыми пайпами в Angular?

Каковы основные различия между чистыми и нечистыми пайпами в Angular, и как эти различия влияют на производительность приложения при использовании пайпов?
Angular

Middle, Junior

Как обновлять представление, если ваша модель данных обновляется вне 'зоны' в Angular?

Каким образом можно обновить представление в Angular, если изменения модели данных происходят вне зоны обнаружения изменений Angular?
Angular

Middle, Junior

Что такое линтеры и для чего они нужны в JavaScript?

Расскажите, что такое линтеры и какую роль они играют в разработке на JavaScript. Объясните, как линтеры помогают поддерживать качество кода и какие ошибки они могут предотвращать.
JavaScriptWeb

Middle, Junior

Почему <script> располагают в конце <body> в HTML?

Объясните, почему рекомендуется размещать теги `<script>` в конце тега `<body>` в HTML. Как это влияет на загрузку и производительность страницы?
WebHTML

Middle, Junior

В чем отличие подключения скрипта через async и defer в HTML?

Опишите разницу между атрибутами async и defer при подключении скриптов в HTML и как они влияют на порядок выполнения кода и загрузку страницы.
JavaScriptWebHTML

Middle, Junior

Для чего нужен тип void в TypeScript?

Опишите, как и в каких ситуациях следует использовать тип void в TypeScript. Укажите, чем он отличается от других типов, и какую роль он играет при определении функций.
TypeScript

Middle, Junior

Что такое и как работает ChangeDetection в Angular?

Какова концепция Change Detection в Angular, и каким образом она управляет обновлением представления при изменении состояния компонентов?
Angular

Middle, Junior

Какой порядок выполнения тасок в EventLoop в JavaScript?

Объясните, как в JavaScript осуществляется порядок выполнения задач в EventLoop. Как задачи сортируются по приоритету и в каком порядке они выполняются в цикле событий?
JavaScriptWeb

Middle, Junior

Что такое веб-воркеры (WebWorkers) в JavaScript?

Опишите, что представляют собой веб-воркеры (WebWorkers) в JavaScript и как они работают. Укажите, для чего они используются, какие задачи решают и в каких случаях их стоит применять.
JavaScriptWeb

Middle, Junior

Что такое SSR, SSG, SPA?

Объясните, что означают термины SSR, SSG и SPA, и как эти подходы применяются в веб-разработке. Опишите, в чем заключаются ключевые различия между этими методами рендеринга веб-страниц и в каких ситуациях каждый из них используется.
Web

Middle, Junior

В чем отличие умного и презентационного компонента в Angular?

Каковы ключевые различия между умными (smart) и презентационными (dumb) компонентами в Angular, и как это разделение влияет на архитектуру приложения?
Angular

Middle, Junior

Какое значение по умолчанию имеет свойство position в CSS?

Опишите, какое значение по умолчанию присваивается свойству position в CSS и что это означает для позиционирования элементов на странице.
WebCSS

Middle

Что такое дескрипторы свойств объектов в JavaScript?

Расскажите, что такое дескрипторы свойств в JavaScript и как они работают. Укажите, как с помощью дескрипторов можно управлять поведением свойств объектов, таких как их изменяемость и видимость.
JavaScriptWeb

Middle

Что такое отключение Change Detection в Angular?

Каковы причины отключения Change Detection в Angular, и какие последствия это может иметь для работы приложения и его производительности?
Angular

Middle

Что такое Symbol в JavaScript?

Объясните, что такое Symbol в JavaScript и как этот примитивный тип данных используется для создания уникальных идентификаторов. Какие преимущества предоставляет Symbol по сравнению с другими типами данных в JavaScript?
JavaScriptWeb

Middle

Как можно отслеживать изменение конкретного поля в объекте в JavaScript?

Опишите, какие подходы существуют в JavaScript для отслеживания изменений конкретных полей в объекте. Укажите, как можно реализовать такую функциональность и какие методы или технологии для этого применяются.
JavaScriptWeb

Middle

Что такое 'race condition' и какие баги могут быть связаны с этим в Angular?

Какова природа состояния гонки ('race condition') в контексте разработки на Angular, и какие потенциальные проблемы могут возникнуть из-за этого явления?
Angular

Middle

В чем отличие type от interface в TypeScript?

Объясните, в чем разница между type и interface в TypeScript. Укажите, какие задачи лучше решать с помощью каждого из них, а также как они могут использоваться вместе.
TypeScript

Middle

Для чего нужны коллекции Map и Set в JavaScript?

Как в JavaScript используются коллекции `Map` и `Set`? Объясните, в чем их основные особенности и отличия от обычных объектов и массивов, и какие преимущества они предоставляют для хранения уникальных значений и пар ключ-значение.
JavaScriptWeb

Middle

Объясните механизм загрузки (bootstrap) Angular приложения в браузере.

Как происходит процесс загрузки Angular приложения в браузере и какие ключевые этапы включает этот процесс?
Angular

Middle

Как узнать высоту или ширину элемента в JavaScript?

Расскажите, какими методами и свойствами можно воспользоваться в JavaScript для получения текущих размеров элемента, таких как его высота и ширина.
JavaScriptWebHTML

Middle

Что такое CSSOM?

Объясните, что такое CSSOM и как он используется в процессе рендеринга веб-страницы. Как CSSOM связан с DOM и почему их совместная работа важна для отображения контента?
WebHTML

Middle

В чем разница между display: none, opacity: 0 и visibility: hidden в CSS?

Объясните, в чем разница между использованием `display: none`, `opacity: 0` и `visibility: hidden` для скрытия элементов в CSS. Как эти свойства влияют на размещение элементов на странице и их взаимодействие с пользователем?
WebCSS

Middle

Что такое ChangeDetectionStrategy.onPush в Angular?

Каково назначение ChangeDetectionStrategy.onPush в Angular, и каким образом эта стратегия влияет на производительность приложения при обработке изменений состояния компонентов?
Angular

Middle

Как узнать координаты элемента в JavaScript?

Объясните, как в JavaScript можно определить координаты элемента относительно окна или документа, и какие методы и свойства для этого подходят.
JavaScriptWebHTML

Middle

Зачем нужен утилитарный тип Awaited в TypeScript?

Объясните, что делает утилитарный тип Awaited в TypeScript и для чего он может быть полезен. Укажите, как его применять для работы с промисами и асинхронными типами.
TypeScript

Middle

Что такое запуск вне Angular?

Каковы особенности запуска кода вне контекста Angular, и как это может повлиять на работу приложения, особенно в отношении обнаружения изменений?
Angular

Middle

В чем отличие функций bind, call, apply в JavaScript?

Каковы отличия между методами `bind`, `call`, и `apply` в JavaScript? Опишите, как каждый из этих методов используется для управления значением `this` в функции и какие параметры они принимают.
JavaScriptWeb

Middle

Что такое обнаружение локальных изменений (Local Change Detection) в Angular?

Какова концепция обнаружения локальных изменений в Angular, и каким образом этот механизм влияет на обновление представления при изменении состояния компонентов?
Angular

Middle

В чем отличие оператора ?? от || в JavaScript?

Объясните, в чем заключается разница между оператором нулевого слияния (??) и оператором логического ИЛИ (||) в JavaScript. В каких ситуациях следует использовать один оператор вместо другого?
JavaScriptWeb

Middle

Что такое View Encapsulation в Angular?

Каково определение View Encapsulation в Angular и каким образом этот механизм влияет на стилизацию компонентов и их взаимодействие с глобальными стилями приложения?
Angular

Middle

Что такое веб-компоненты (WebComponents, custom elements) в JavaScript?

Объясните, что представляет собой технология WebComponents в JavaScript. Укажите, из каких основных компонентов состоит данная технология и как она используется для создания переиспользуемых и инкапсулированных элементов в веб-приложениях.
JavaScriptWebHTML

Senior, Middle

Какой максимальный размер LocalStorage в JavaScript?

Опишите, какой объем данных можно хранить в LocalStorage и какие ограничения существуют при работе с этим механизмом в браузерах.
JavaScriptWeb

Senior, Middle

Что такое temporal dead zone в JavaScript?

Объясните, что означает термин 'temporal dead zone' (временная мертвая зона) в JavaScript. Укажите, как она связана с переменными, объявленными через let и const, и как это влияет на выполнение кода.
JavaScriptWeb

Senior, Middle

Что такое Triple Slash директивы в TypeScript?

Объясните, что представляют собой Triple Slash директивы (///) в TypeScript, какие из них используются, и для чего они применяются при написании кода.
TypeScript

Senior, Middle

Какие CSS свойства обрабатываются на GPU?

Расскажите, какие CSS свойства обрабатываются с помощью GPU, и как это влияет на производительность рендеринга. Объясните, когда и почему стоит оптимизировать работу с этими свойствами.
WebCSS

Senior, Middle

Что такое коллстэк (callstack) и как он работает в JavaScript?

Объясните, что такое коллстэк (callstack) в JavaScript и как он управляет выполнением функций. Как происходит обработка функций в стеке и что происходит при возникновении ошибок?
JavaScriptWeb

Senior, Middle

Почему typeof null возвращает object?

Объясните, почему выражение typeof null возвращает значение 'object' в JavaScript. Укажите, как это связано с историческими особенностями языка и к чему это может привести при написании кода.
JavaScriptWeb

Senior, Middle

Что такое JIT и AOT в Angular?

Каковы определения и ключевые отличия между JIT (Just-In-Time) и AOT (Ahead-Of-Time) компиляцией в Angular, а также в каких случаях предпочтительнее использовать каждую из них?
Angular

Senior, Middle

Для чего нужны WeakMap и WeakSet в JavaScript?

Опишите, что такое WeakMap и WeakSet в JavaScript, и в чем их отличия от обычных Map и Set. Укажите, какие особенности этих структур данных позволяют им быть полезными в определенных сценариях.
JavaScriptWeb

Senior, Middle

Какие этапы отрисовки страницы есть в браузере?

Опишите основные этапы отрисовки страницы в браузере. Как браузер обрабатывает HTML, CSS и JavaScript, чтобы превратить их в визуальное представление страницы?
JavaScriptWebHTMLCSS

Senior, Middle

Перечисли типы воркеров, которые ты знаешь в JavaScript.

Какие типы воркеров существуют в JavaScript и для чего они используются? Какие задачи решают эти воркеры и в каких ситуациях их применение наиболее оправдано?
JavaScriptWeb

Senior, Middle

Чем отличается поведение isNaN() и Number.isNaN()?

В чем заключается разница между функцией `isNaN()` и методом `Number.isNaN()` в JavaScript? Опишите, как каждая из этих функций обрабатывает значения, и как это влияет на проверку NaN.
JavaScriptWeb

Senior, Middle

Для чего нужно ключевое слово satisfies в TypeScript?

Опишите, как работает ключевое слово satisfies в TypeScript и для чего его можно использовать. Укажите, какие задачи оно решает и как помогает при работе с типами.
TypeScript

Senior, Middle

Что такое WebRTC и для чего нужна эта технология?

Объясните, что такое WebRTC, как эта технология функционирует и в каких сценариях используется. Укажите, для чего WebRTC применяется в веб-приложениях и чем она отличается от других методов передачи данных.
Web

Senior, Middle

Что такое reflow и repaint при отрисовке в браузере?

Объясните, что такое процессы reflow и repaint в браузере. Как изменения в DOM или CSS влияют на эти процессы и в каких ситуациях они могут быть вызваны?
JavaScriptWebHTMLCSS

Senior, Middle

Какие WebAPI доступны, а какие - нет, внутри воркеров в JavaScript?

Объясните, какие WebAPI доступны внутри воркеров в JavaScript и какие ограничения существуют при их использовании. Почему некоторые API недоступны в воркерах и какие задачи можно решить, используя доступные API?
JavaScriptWeb

Senior, Middle

Что означает глубокая (deep) и поверхностная (shallow) копия объекта?

Какие различия между глубокой и поверхностной копией объекта в JavaScript? Опишите, как каждая из этих копий влияет на изменения в исходных и скопированных объектах, и какие подходы используются для создания каждой из копий.
JavaScriptWeb

Senior, Middle

В чем преимущества и недостатки Regular DOM (Angular) перед Virtual DOM (React)?

Каковы основные преимущества и недостатки использования Regular DOM в Angular по сравнению с Virtual DOM в React, особенно в контексте производительности и управления состоянием?
Angular

Senior, Middle

Что такое Shadow DOM в JavaScript?

Расскажите, что такое Shadow DOM и как он работает в JavaScript. Объясните, как Shadow DOM помогает инкапсулировать стили и разметку и где его использование наиболее полезно.
JavaScriptWebHTML

Senior, Middle

Что такое WebGL и для чего нужна эта технология?

Расскажите, что представляет собой WebGL, какие возможности эта технология предоставляет и где она используется. Объясните, как WebGL позволяет рендерить графику в веб-приложениях и в чем его преимущества перед другими подходами.
Web

Senior, Middle

Как реализован и работает enum в TypeScript после компиляции?

Объясните, как работает и выглядит enum в TypeScript после компиляции в JavaScript. Укажите, какие особенности и нюансы следует учитывать при его использовании.
TypeScript

Senior, Middle

Как можно отслеживать изменения localStorage в JavaScript?

Опишите, как можно отслеживать изменения данных в localStorage в JavaScript. Какие события и методы позволяют реагировать на изменения и как это используется в современных веб-приложениях?
JavaScriptWeb

Senior, Middle

Как работает boxing и unboxing в JavaScript?

Объясните, что такое boxing и unboxing в JavaScript и как они работают. Укажите, как примитивные типы преобразуются в объекты и обратно, и в каких случаях это происходит.
JavaScriptWeb

Senior, Middle

Что такое доступность (accessibility) в HTML?

Опишите, что такое доступность в HTML и как она влияет на восприятие страницы пользователями с ограниченными возможностями. Какие аспекты HTML способствуют улучшению доступности веб-страниц?
WebHTML

Senior, Middle

В чем разница между stopPropagation и stopImmediatePropagation в JavaScript?

Объясните, как работают методы stopPropagation и stopImmediatePropagation в JavaScript при обработке событий. Укажите, в чем заключается их основное различие и в каких случаях каждый из них применим.
WebHTML

Senior, Middle

Какой максимальный размер cookie?

Каков максимальный размер одного cookie в современных браузерах? Объясните ограничения и почему они установлены.
Web

Senior

Что такое garbage collector в JavaScript, и что он делает?

Объясните, что представляет собой garbage collector в JavaScript и какие задачи он выполняет. Укажите, как он работает и какую роль играет в управлении памятью в JavaScript.
JavaScriptWeb

Senior