Sum of Intervals

Создайте функцию, которая принимает несколько интервалов и возвращают сумму длин этих интервалов. Если интервалы пересекаются, то нужно объединить их и считать за один.

Примеры:
sumIntervals( [
[1,2],
[6, 10],
[11, 15]
] ); // => 9

sumIntervals( [
[1,4],
[7, 10],
[3, 5]
] ); // => 7

sumIntervals( [
[1,5],
[10, 20],
[1, 6],
[16, 19],
[5, 11]
] ); // => 19

👉 @frontendInterview

Как получить все формы на странице через JS?

forms — это поле объекта document. Оно хранит коллекцию всех элементов <form>, которые есть на текущей странице.
Коллекция доступна только для чтения.

Вызывается обращением к свойству объекта document. Так можно получить коллекцию всех форм:
const collection = document.forms

👉 @frontendInterview

👉 @frontendInterview

Как можно создать «красную строку» — добавить отступ для первой строки абзаца в CSS?

Свойство text-indent управляет отступом первой строки текста: либо вытягивает строку за пределы абзаца, либо утягивает её внутрь. Используется для выделения начала абзаца при плотном наборе без отступов между абзацами.

Строка смещается по горизонтали относительно начала строки.

Пример
div {
text-indent: 20px;
}

👉 @frontendInterview

Weekend Offer от Вконтакте для фронтенд-разработчиков стартует 19 марта несмотря ни на что

Поэтому, если вы в поиске работы, оставить заявку на участие можно до 18 марта включительно.

Уже 19 марта Вконтакте проведёт общую встречу с тимлидами и СТО, на которой они расскажут про задачи и продукты, чуть позже проведут технические собеседования. А 20 марта пройдёт финальное интервью со всеми, кто успешно пройдёт первый этап, чтобы обсудить условия работы.

Сейчас требуются специалисты в самые разные команды, поэтому шансы достаточно высоки. Смотрите сами, им нужны специалисты для развития суперприложения, мессенджера, фронтенд-инфраструктуры, визуализации данных, поиска, различных сервисов проекта и внутренней разработки.

Поспешите оставить заявку: https://tprg.ru/1kZ0

🎯 Хочешь овладеть Vue.js на продвинутом уровне?

Начни 23 марта на вебинаре «Организация кода и паттерны Vue» в OTUS.
Его проведет Юрий Тимофеев, Senior Software Engineer в EPAM Systems.

Разберем, как структурировать файлы и код в приложении по мере роста кодовой базы, а также паттерны service pattern, fabric pattern, библиотеку axios и provide/inject.

Участие бесплатное, но вебинар доступен только тем, кто знаком с JavaScript.

📚 Пройди тест и регистрируйся https://otus.pw/UP8B/

👉 @frontendInterview

​Какие бывают глобальные атрибуты в HTML?

Существует категория HTML-атрибутов, которые можно применить к любому или почти любому HTML-тегу.
Пример глобального атрибута, с которым вы точно работаете постоянно — class. Его можно задать абсолютно любому тегу.

Несколько глобальных атрибутов:

contenteditable
Делает любой элемент на странице редактируемым. В качестве значения для атрибута contenteditable используют true или false.

data-*
Это группа атрибутов, позволяющая перекидывать данные между HTML и DOM. Часто используется для взаимодействия с HTML при помощи JavaScript. Если не требуется менять внешний вид элемента, то это удобнее, чем передёргивать классы.

hidden
Не требует явного указания значения, наличие атрибута само по себе означает состояние true. Прячет со страницы любой HTML-элемент. Причём элемент невидим не только для глаз пользователя, но и для скринридеров.

spellcheck
С помощью этого атрибута мы указываем браузеру, что в элементе, которому он задан, нужно проверить правописание. Значение: true или false.

tabindex
Указывает браузеру, нужно ли видеть этот элемент при навигации по странице с помощью клавиатуры. Часто используется для неинтерактивных элементов.
Значение: отрицательное или положительное целое число.

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Высоконагруженные приложения

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

👉 @frontendInterview

Find the unique string

Вам дан массив, состоящий из строк. При этом только одна строка уникальна. Создайте функцию, которая найдет и вернет эту уникальную строку.

Примеры:
findUniq([ 'Aa', 'aaa', 'aaaaa', 'BbBb', 'Aaaa', 'AaAaAa', 'a' ]) === 'BbBb'
findUniq([ 'abc', 'acb', 'bac', 'foo', 'bca', 'cab', 'cba' ]) === 'foo'

👉 @frontendInterview

Зачем писать тесты?

«Тесты — это лишняя работа», «тесты писать необязательно» — такие мнения часто можно услышать в разговорах о тестировании. В этой статье мы постараемся развеять этот миф и рассмотрим плюсы тестирования и минусы его отсутствия.

Тесты делают код более прочным и живучим. Одновременно с этим тесты — это отличная документация, которая не врёт и не устаревает. Также тесты можно использовать как инструмент разработки программы.

Для тестов нужно закладывать больше времени на разработку, это правда. Но время, потраченное в начале работы над проектом, окупится в дальнейшем.

👉 @frontendInterview

👉 @frontendInterview

Как управлять переполнением блока в CSS?

Свойство overflow позволяет буквально определить, что делать с содержимым блочного (то есть для элемента, у которого display определяется как block, inline-block, flex или grid) элемента, если оно не влезает в размеры — отобразить или обрезать (с полосами прокрутки или без).

Пример
Если содержимое блока будет больше, чем границы блока, оно будет «обрезано»:
.article {
/* Задаём ограничения по размеру блока */
width: 300px;
height: 300px;
overflow: hidden;
}

👉 @frontendInterview