Самая большая база вопросов с технических собеседований, вместе с ответами
Какие есть варианты стилизации элементов в HTML?
Объясните, какие методы можно использовать для стилизации элементов на веб-странице. Как различаются эти методы по степени влияния и удобству использования?Junior, Trainee
Как клиент взаимодействует с сервером?
Как клиент и сервер взаимодействуют друг с другом через HTTP? Опишите процесс обмена запросами и ответами между клиентом и сервером.Junior, Trainee
Как можно проверить тип переменной в JavaScript?
Опишите, какие существуют способы проверки типа переменной в JavaScript. Как с помощью различных операторов и функций можно определить, к какому типу данных относится значение?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
Что такое DOM?
Опишите, что представляет собой объектная модель документа (DOM) и как она используется при работе с веб-страницами.Junior, Trainee
Что такое рекурсия в JavaScript?
Какой принцип лежит в основе рекурсии в JavaScript, и как функции могут вызывать сами себя? Опишите, как рекурсия используется для решения задач, и укажите, какие условия должны быть выполнены, чтобы рекурсия завершилась корректно.Junior, Trainee
Какие есть типы данных в JavaScript?
Перечислите все типы в JavaScript'е, которые вы знаете.Junior, Trainee
Что такое псевдоклассы в CSS?
Объясните, что такое псевдоклассы в CSS и для чего они используются. Приведите примеры часто используемых псевдоклассов и в каких ситуациях они применяются.Junior, Trainee
Какие методы HTTP-запросов вы знаете?
Какие методы используются в HTTP-запросах для выполнения различных операций на сервере? Укажите и опишите основные методы, их назначение и как они применяются в веб-разработке.Junior, Trainee
Как можно пройтись по всем полям объекта в JavaScript?
Опишите, какие существуют способы перебора всех полей объекта в JavaScript. Как с помощью циклов и встроенных методов можно получить доступ к каждому ключу и значению объекта?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
Как проверить, что объект является массивом в JavaScript?
С помощью какого метода в JavaScript можно сделать проверку на то, что значения является массивом?Junior, Trainee
Из чего состоит HTTP запрос?
Каковы основные компоненты HTTP-запроса? Опишите структуру HTTP-запроса, включая его основные части и их функции в процессе коммуникации между клиентом и сервером.Junior, Trainee
Что такое деструктуризация объекта в JavaScript?
Как в JavaScript можно извлечь данные из объекта и присвоить их переменным в более удобном формате? Объясните, каким образом деструктуризация позволяет извлекать значения из объекта и какие преимущества она предоставляет при работе с объектами и массивами.Junior, Trainee
<input> – это строчный (inline) или блочный (block) элемент в HTML?
Объясните, к какому типу элементов относится тег `<input>` в HTML и как это сказывается на его размещении и отображении на веб-странице.Junior, Trainee
Что такое псевдоэлементы в CSS?
Определите, что такое псевдоэлементы в CSS и в чем их отличие от псевдоклассов. Приведите примеры часто используемых псевдоэлементов и объясните их назначение.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
Что такое cookie?
Что представляет собой cookie в контексте веб-технологий? Опишите назначение cookie и как они используются для хранения данных на стороне клиента.Junior, Trainee
Какие методы перебора массивов в JavaScript вы знаете, и в чем их отличие?
Какие способы перебора элементов массива в JavaScript существуют, и как они отличаются друг от друга? Опишите, как работают методы `forEach`, `for...of`, и `for...in`, их особенности и случаи использования. Уточните, какой из них лучше подходит для работы с массивами и почему.Junior, Trainee
Как отцентрировать блок с помощью CSS?
Расскажите, какие существуют методы центрирования блоков в CSS, как они работают и в каких ситуациях применяются. Укажите, как можно выровнять блок по горизонтали и вертикали.Junior, Trainee
Какие есть механизмы обработки ошибок в JavaScript?
Опишите, какие механизмы существуют в JavaScript для обработки ошибок. Как можно обрабатывать ошибки синхронного и асинхронного кода, и какие конструкции и методы помогают управлять исключениями?Junior, Trainee
Какие способы центрирования элементов по горизонтали и вертикали знаете?
Опишите различные методы центрирования элементов в CSS по горизонтали и вертикали, как они работают и в каких случаях их лучше использовать.Junior, Trainee
Как остановить дефолтную (встроенную) обработку события в JavaScript?
Объясните, как можно предотвратить выполнение стандартного действия, которое связано с определенным событием в браузере, например, отправку формы при нажатии на кнопку.Junior, Trainee
Как задать стиль последнему элементу в div'e в CSS?
Объясните, как с помощью CSS можно применить стили только к последнему элементу внутри блока div. В каких ситуациях это может быть полезно?Junior, Trainee
Назовите методы массивов, которые вы знаете в JavaScript. Для чего они нужны?
Какие методы массивов существуют в JavaScript и какие функции они выполняют? Приведите примеры наиболее часто используемых методов, таких как `push`, `pop`, `shift`, `unshift`, `map`, `filter` и другие, и объясните их применение.Junior, Trainee
<label> – это строчный (inline) или блочный (block) элемент в HTML?
Рассмотрите, к какому типу элементов относится тег `<label>` в HTML и как это влияет на его поведение и позиционирование на странице. Чем он отличается от других типов элементов?Junior, Trainee
<button> – это строчный (inline) или блочный (block) элемент в HTML?
Определите, к какому типу элементов относится тег `<button>` в HTML и как это влияет на его поведение и стилизацию на странице. В чем отличие его поведения от других элементов?Junior, Trainee
Что такое display: flex и как его использовать?
Объясните, что представляет собой CSS-свойство display: flex, для чего оно используется и как оно помогает управлять расположением элементов внутри контейнера.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
Как перекрыть стиль с самой высокой специфичностью в CSS?
Как можно в CSS переопределить стили, даже если они заданы с самой высокой специфичностью? Какие подходы или методы можно использовать в этом случае?Junior, Trainee
Как можно получить все поля объекта в виде массива в JavaScript?
Объясните, как в JavaScript можно получить все ключи или значения объекта в виде массива. Какие встроенные методы позволяют преобразовать объект в массив и как это может использоваться в различных задачах?Junior, Trainee
Какие знаете коды ответа (состояния) HTTP?
Какие коды состояния HTTP-ответов вы можете назвать и что они обозначают? Объясните, как различные коды состояния помогают интерпретировать результаты обработки HTTP-запросов.Junior, Trainee
Что такое замыкание в JavaScript?
Объясните, что такое замыкание в JavaScript и как оно работает. В каких ситуациях оно возникает и как используется для сохранения состояния или работы с приватными данными?Junior, Trainee
Как можно зациклить анимацию в CSS?
Опишите, как с помощью CSS можно зациклить анимацию, чтобы она повторялась бесконечно. Какие свойства и значения для этого используются?Junior, Trainee
Что такое медиазапросы в CSS?
Опишите, что такое медиазапросы в CSS, как они работают и как их можно использовать для создания адаптивных веб-страниц.Junior, Trainee
Для чего нужно ключевое слово static в JavaScript?
Рассмотрите, как и в каких ситуациях используется ключевое слово static в JavaScript. Как оно применяется в контексте классов и какие ограничения или особенности имеет?Junior, Trainee
Для чего нужен оператор остаточности (rest) в JavaScript?
Объясните, как работает оператор остаточности (rest) в JavaScript и в каких случаях он используется. Как его можно применять для сбора остаточных параметров функции или для работы с массивами и объектами?Junior, Trainee
Для чего нужны сборщики и бандлеры в JavaScript?
Опишите, зачем нужны сборщики и бандлеры в проектах на JavaScript, какие задачи они решают и как помогают в разработке.Junior, Trainee
Что такое Promise в JavaScript?
Что представляет собой объект Promise в JavaScript и как он используется для обработки асинхронных операций? Опишите основные методы объекта Promise и как они помогают управлять результатами асинхронных задач.Junior, Trainee
Что такое reset.css и normalize.css, и в чем разница в CSS?
Объясните, что такое reset.css и normalize.css, и в чем заключается их основное различие. Почему их используют в веб-разработке?Junior
Как можно скопировать объект в JavaScript?
Каким образом можно создать копию объекта в JavaScript? Объясните различные методы и подходы для поверхностного и глубокого копирования объектов, а также их плюсы и минусы.Junior
В чем отличие между var, let и const при определении переменной?
Каковы ключевые различия между `var`, `let` и `const` при объявлении переменных в JavaScript? Опишите особенности области видимости, всплытия и возможности переопределения для каждого из этих ключевых слов.Junior
Что такое блочная модель CSS?
Опишите, что такое блочная модель в CSS и как она влияет на отображение элементов на веб-странице. Укажите, какие части составляют блочную модель и как они взаимодействуют между собой.Junior
Что такое REST?
Что такое архитектурный стиль REST и как он используется в разработке веб-сервисов? Опишите принципы REST и их применение для создания масштабируемых и эффективных API.Junior
Как можно сделать ссылку на эл. почту в HTML?
Объясните, как создать ссылку в HTML, которая при клике откроет почтовый клиент с готовым шаблоном для отправки письма на определенный адрес.Junior
Как дождаться выполнения всех промисов в JavaScript?
Объясните, как в JavaScript можно дождаться завершения всех промисов, переданных в коллекцию. Укажите, какие методы и подходы можно использовать для работы с массивом промисов и получения результата после их выполнения.Junior
Как можно сделать ссылку на номер телефона в HTML?
Объясните, как создать ссылку в HTML, которая при клике позволит набрать указанный номер телефона с помощью соответствующего приложения.Junior
Что означает ключевое слово this в JavaScript?
Каково назначение ключевого слова `this` в JavaScript и как оно определяется в различных контекстах? Объясните, как значение `this` меняется в зависимости от места вызова функции и от того, как функция была вызвана.Junior
Что такое мемоизация в JavaScript и как ее можно реализовать?
Объясните, что такое мемоизация и как она помогает оптимизировать работу JavaScript приложений. Приведите пример, как можно реализовать мемоизацию в коде и где она может применяться.Junior
Что такое область видимости в JavaScript?
Что такое область видимости (scope) в JavaScript и как она влияет на доступность переменных в различных частях кода? Объясните различия между глобальной и локальной областью видимости, а также блочной видимостью.Junior
Что такое анонимная функция в JavaScript?
Что представляет собой анонимная функция в JavaScript и как она используется? Опишите, что отличает анонимные функции от именованных, и приведите примеры их применения в коде.Junior
Какая разница между свойствами HTML-элементов innerHTML и innerText в JavaScript?
Объясните, в чем разница между свойствами innerHTML и innerText в JavaScript и как они используются для работы с содержимым HTML-элементов.Junior
Что такое CSS-препроцессоры и зачем они нужны?
Объясните, что такое CSS-препроцессоры, как они работают и в чем их преимущества при разработке стилей для веб-страниц.Junior
В чем разница между единицами измерения px, em, rem в CSS?
Объясните, какие существуют единицы измерения в CSS, такие как px, em и rem, и в чем заключается разница между ними. Укажите, как эти единицы влияют на размеры элементов и их адаптацию к различным устройствам и экранам.Junior
Какие есть способы хранения данных в браузере?
Перечислите и опишите основные способы хранения данных на стороне клиента в веб-браузере. Укажите, какие технологии используются, какие у них особенности и как они применяются в различных сценариях.Junior
Как остановить всплытие (bubbling) события в JavaScript?
Опишите, как можно предотвратить всплытие события в JavaScript, чтобы оно не поднималось по дереву DOM к родительским элементам.Junior
Что такое стрелочная функция в JavaScript?
Какой синтаксис используется для определения стрелочных функций в JavaScript, и как они отличаются от обычных функций? Объясните, какие особенности стрелочных функций делают их удобными для использования в некоторых сценариях.Junior
Как проверить, является ли число конечным?
Каким образом в JavaScript можно определить, является ли значение числа конечным числом, а не бесконечным или NaN? Укажите методы и функции, которые позволяют проверить, что число не является ни бесконечностью, ни неопределенным числом.Junior
Что такое CORS?
Как работает механизм CORS и зачем он нужен в веб-разработке? Опишите, как CORS помогает управлять доступом к ресурсам на сервере с других доменов и какие проблемы он решает.Junior
Для чего предназначены методы setTimeout и setInterval?
Каким образом в JavaScript можно планировать выполнение функций через определенные промежутки времени? Объясните назначение методов `setTimeout` и `setInterval`, как они работают и в каких случаях их лучше использовать.Junior
Как можно подключить внешний шрифт в CSS?
Объясните, как в CSS можно подключить внешний шрифт с использованием @font-face или других методов. Какие шаги нужно выполнить, чтобы шрифт корректно отображался на веб-странице?Junior
Что такое Babel и для чего он нужен?
Объясните, что представляет собой Babel и для каких целей используется в разработке JavaScript. Укажите, как Babel помогает работать с современным JavaScript кодом и какие преимущества дает использование этого инструмента.Middle, Junior
Как работает прототипное наследование в JavaScript?
Расскажите, как реализовано прототипное наследование в JavaScript. Укажите, как объекты могут наследовать свойства и методы других объектов через прототипы и какую роль играет цепочка прототипов.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
Как можно убрать из массива все повторяющиеся элементы?
Объясните, какие подходы существуют в JavaScript для удаления всех повторяющихся элементов из массива. Как с помощью встроенных методов или других конструкций можно получить массив с уникальными значениями?Middle, Junior
Что такое каррирование (currying) в JavaScript?
Опишите, что такое каррирование (currying) в JavaScript и в каких случаях эта техника используется. Укажите, как каррирование преобразует функции и как это может быть полезно в разработке.Middle, Junior
Как можно упростить написание кросс-браузерных стилей?
Расскажите, какие подходы и инструменты могут помочь в написании кросс-браузерных стилей в CSS и как обеспечить корректное отображение страниц в разных браузерах.Middle, Junior
Что первее выведется – Promise или setTimeout в JavaScript?
Рассмотрите ситуацию, когда в коде JavaScript одновременно вызываются Promise и setTimeout. Объясните, какой из них выполнится первым и почему. Как EventLoop влияет на порядок их выполнения?Middle, Junior
Как можно отслеживать изменение размера элемента в JavaScript?
Опишите, какие способы существуют для отслеживания изменения размеров элемента в JavaScript. Укажите, какие встроенные методы или API можно использовать для реализации такой задачи и как эти изменения могут быть использованы в разработке интерфейсов.Middle, Junior
Что такое микротаска (microtask, микрозадача) в JavaScript?
Расскажите, что такое микротаска в JavaScript, как она создается и в каком порядке выполняется по сравнению с другими задачами. Как микротаски связаны с EventLoop?Middle, Junior
Что такое генератор и итератор в JavaScript?
Объясните, что представляют собой генераторы и итераторы в JavaScript, как они работают и в чем их отличия. Опишите основные особенности их использования и преимущества в сценариях работы с последовательностями данных.Middle, Junior
Что делает Promise.resolve() в JavaScript?
Объясните, как работает метод Promise.resolve() в JavaScript и для чего он используется. Как он влияет на выполнение цепочек Promise и их порядок в EventLoop?Middle, Junior
Как задать цвет текста плейсхолдера у инпута в CSS?
Опишите, как в CSS можно изменить цвет текста, отображаемого в поле ввода (input) в качестве плейсхолдера. Какие псевдоклассы или псевдоэлементы для этого используются?Middle, Junior
В чем отличие оператора in и метода hasOwnProperty в JavaScript?
Объясните, как работают оператор in и метод hasOwnProperty в JavaScript. Укажите, в чем их основное отличие и в каких случаях каждый из них лучше использовать.Middle, Junior
Что такое БЭМ (BEM) в CSS?
Расскажите, что такое методология БЭМ (BEM) в CSS, как она используется для организации кода и какие правила она предполагает для наименования классов.Middle, Junior
Что такое WebSockets и для чего нужна эта технология?
Опишите, что представляет собой технология WebSockets, как она работает и для каких задач используется. Укажите, в каких сценариях WebSockets предпочтительнее других технологий для обмена данными между клиентом и сервером.Middle, Junior
Как сделать поля объекта неизменяемыми в JavaScript?
Объясните, какие способы существуют в JavaScript, чтобы сделать поля объекта неизменяемыми. Укажите, как можно предотвратить изменения в свойствах и добавление новых свойств в объект.Middle, Junior
Что такое hoisting в JavaScript, и как он работает?
Как концепция hoisting влияет на объявление переменных и функций в JavaScript? Объясните, что происходит при поднятии переменных и функций, и как это влияет на порядок выполнения кода.Middle, Junior
Что такое tabindex в HTML?
Объясните, что такое атрибут tabindex в HTML и как он используется для управления фокусом при навигации с помощью клавиатуры. Как различные значения этого атрибута влияют на порядок перехода между элементами?Middle, Junior
Почему <script> располагают в конце <body> в HTML?
Объясните, почему рекомендуется размещать теги `<script>` в конце тега `<body>` в HTML. Как это влияет на загрузку и производительность страницы?Middle, Junior
В чем отличие подключения скрипта через async и defer в HTML?
Опишите разницу между атрибутами async и defer при подключении скриптов в HTML и как они влияют на порядок выполнения кода и загрузку страницы.Middle, Junior
Какой порядок выполнения тасок в EventLoop в JavaScript?
Объясните, как в JavaScript осуществляется порядок выполнения задач в EventLoop. Как задачи сортируются по приоритету и в каком порядке они выполняются в цикле событий?Middle, Junior
Что такое веб-воркеры (WebWorkers) в JavaScript?
Опишите, что представляют собой веб-воркеры (WebWorkers) в JavaScript и как они работают. Укажите, для чего они используются, какие задачи решают и в каких случаях их стоит применять.Middle, Junior
Какие бывают значения у свойства position в CSS?
Опишите различные значения свойства position в CSS. В каких ситуациях и для каких целей они могут применяться при верстке веб-страниц?Middle, Junior
Что такое линтеры и для чего они нужны в JavaScript?
Расскажите, что такое линтеры и какую роль они играют в разработке на JavaScript. Объясните, как линтеры помогают поддерживать качество кода и какие ошибки они могут предотвращать.Middle, Junior
Что такое SSR, SSG, SPA?
Объясните, что означают термины SSR, SSG и SPA, и как эти подходы применяются в веб-разработке. Опишите, в чем заключаются ключевые различия между этими методами рендеринга веб-страниц и в каких ситуациях каждый из них используется.Middle, Junior
Как работает EventLoop в JavaScript?
Объясните, что такое EventLoop в JavaScript и как он управляет выполнением кода. Какие задачи он решает и как работает его механизм с очередями микрозадач и макрозадач?Middle, Junior
В чем отличие стрелочной функции от обычной в JavaScript?
Каковы ключевые различия между стрелочной функцией и обычной функцией в JavaScript? Обсудите особенности `this`, `arguments`, и поведение функций в контексте вызовов и методов.Middle, Junior
Какие HTTP-методы поддерживает форма (<form>) в HTML?
Перечислите и объясните, какие HTTP-методы можно использовать в атрибуте `method` тега `<form>` в HTML. Как они влияют на способ отправки данных с формы?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
Что такое макротаска (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
Что такое семантичность (семантика) в HTML?
Объясните, что означает термин семантичность в контексте HTML. Почему семантические элементы важны для структуры веб-страницы и её восприятия пользователями и поисковыми системами?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
Что такое 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
В чем отличие оператора ?? от || в JavaScript?
Объясните, в чем заключается разница между оператором нулевого слияния (??) и оператором логического ИЛИ (||) в JavaScript. В каких ситуациях следует использовать один оператор вместо другого?Middle
Что такое дескрипторы свойств объектов в JavaScript?
Расскажите, что такое дескрипторы свойств в JavaScript и как они работают. Укажите, как с помощью дескрипторов можно управлять поведением свойств объектов, таких как их изменяемость и видимость.Middle
Что такое Symbol в JavaScript?
Объясните, что такое Symbol в JavaScript и как этот примитивный тип данных используется для создания уникальных идентификаторов. Какие преимущества предоставляет Symbol по сравнению с другими типами данных в JavaScript?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
Что такое WebRTC и для чего нужна эта технология?
Объясните, что такое WebRTC, как эта технология функционирует и в каких сценариях используется. Укажите, для чего WebRTC применяется в веб-приложениях и чем она отличается от других методов передачи данных.Senior, Middle
Что такое Shadow DOM в JavaScript?
Расскажите, что такое Shadow DOM и как он работает в JavaScript. Объясните, как Shadow DOM помогает инкапсулировать стили и разметку и где его использование наиболее полезно.Senior, Middle
Как можно отслеживать изменения localStorage в JavaScript?
Опишите, как можно отслеживать изменения данных в localStorage в JavaScript. Какие события и методы позволяют реагировать на изменения и как это используется в современных веб-приложениях?Senior, Middle
В чем разница между stopPropagation и stopImmediatePropagation в JavaScript?
Объясните, как работают методы stopPropagation и stopImmediatePropagation в JavaScript при обработке событий. Укажите, в чем заключается их основное различие и в каких случаях каждый из них применим.Senior, Middle
Как работает boxing и unboxing в JavaScript?
Объясните, что такое boxing и unboxing в JavaScript и как они работают. Укажите, как примитивные типы преобразуются в объекты и обратно, и в каких случаях это происходит.Senior, Middle
Что такое доступность (accessibility) в HTML?
Опишите, что такое доступность в HTML и как она влияет на восприятие страницы пользователями с ограниченными возможностями. Какие аспекты HTML способствуют улучшению доступности веб-страниц?Senior, Middle
Что такое WebGL и для чего нужна эта технология?
Расскажите, что представляет собой WebGL, какие возможности эта технология предоставляет и где она используется. Объясните, как WebGL позволяет рендерить графику в веб-приложениях и в чем его преимущества перед другими подходами.Senior, Middle
Какой максимальный размер LocalStorage в JavaScript?
Опишите, какой объем данных можно хранить в LocalStorage и какие ограничения существуют при работе с этим механизмом в браузерах.Senior, Middle
Что такое веб-компоненты (WebComponents, custom elements) в JavaScript?
Объясните, что представляет собой технология WebComponents в JavaScript. Укажите, из каких основных компонентов состоит данная технология и как она используется для создания переиспользуемых и инкапсулированных элементов в веб-приложениях.Senior, Middle
Что такое temporal dead zone в JavaScript?
Объясните, что означает термин 'temporal dead zone' (временная мертвая зона) в JavaScript. Укажите, как она связана с переменными, объявленными через let и const, и как это влияет на выполнение кода.Senior, Middle
Почему typeof null возвращает object?
Объясните, почему выражение typeof null возвращает значение 'object' в JavaScript. Укажите, как это связано с историческими особенностями языка и к чему это может привести при написании кода.Senior, Middle
Для чего нужны WeakMap и WeakSet в JavaScript?
Опишите, что такое WeakMap и WeakSet в JavaScript, и в чем их отличия от обычных Map и Set. Укажите, какие особенности этих структур данных позволяют им быть полезными в определенных сценариях.Senior, Middle
Какие CSS свойства обрабатываются на GPU?
Расскажите, какие CSS свойства обрабатываются с помощью GPU, и как это влияет на производительность рендеринга. Объясните, когда и почему стоит оптимизировать работу с этими свойствами.Senior, Middle
Что такое коллстэк (callstack) и как он работает в JavaScript?
Объясните, что такое коллстэк (callstack) в JavaScript и как он управляет выполнением функций. Как происходит обработка функций в стеке и что происходит при возникновении ошибок?Senior, Middle
Что такое garbage collector в JavaScript, и что он делает?
Объясните, что представляет собой garbage collector в JavaScript и какие задачи он выполняет. Укажите, как он работает и какую роль играет в управлении памятью в JavaScript.Senior
Какой максимальный размер cookie?
Каков максимальный размер одного cookie в современных браузерах? Объясните ограничения и почему они установлены.Senior