Задачи по JS/CSS/HML

🔴 Тестовый собес на Frontend-разработчика со старшим разработчиком ex. Сбер в этот четверг! 
[+ разбор 50 сложных вопросов в подарок ]

17 сентября (в этот четверг!) в 19:00 по мск приходи онлайн, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика!

Собеседование проведёт Даниил Дмитриев - старший разработчик в R-Vision, ex. Сбер,

Как это будет:

📂 Даниил задаст разработчику вопросы и задачи, которые могут спросить на реальном собесе

📂 После каждого ответа респондента ты услышишь подробный комментарий от ментора и поймёшь, чего на самом деле ожидает собеседующий на интервью

📂 В конце сможешь задать любой вопрос Даниилу и получить на него развёрнутый ответ

Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы

И ты можешь посмотреть его бесплатно 🔥
Только завтра, в прямом эфире!

🎁 Подарок для всех, кто зарегается на веб — файл с ОТВЕТАМИ НА 50 СЛОЖНЫХ ВОПРОСОВ с Frontend-собеседований 🔥

Переходи в бот, чтобы попасть на эфир и забрать подарок 👉 @shortcut_front_bot

Реклама.
О рекламодателе.

Вопрос на CSS собеседовании.

У элемента button установлено значение 16px для свойства font-size. Как мне установить значение 8px для свойства padding в единицах измерения em?

Ответ:
Нужно разделить 8px на 16px.

button {
font-size: 16px;
padding: .5em;
}

#css #собеседование

🚀 Ищешь работу во frontend-разработке?

В канале Javascript Pro публикуются свежие вакансии для начинающих и развивающихся JavaScript-разработчиков.

Здесь ты найдёшь:
1. актуальные вакансии и стажировки
2. полезные материалы для подготовки к собеседованию
3. возможности для профессионального роста
4. предложения для frontend-разработчиков разного уровня

Не трать время на бесконечный поиск, подходящая вакансия может появиться уже сегодня.

Подписывайся на Javascript Pro

Вопрос на JavaScript собеседовании.

Какова разница между == и ===?

Ответ:

Оператор равенства == выполняет принудительное приведение типа, что означает, что он попытается преобразовать операнды в один и тот же тип перед их сравнением. С другой стороны, оператор строгого равенства ===, не выполняет приведение типа. Он возвращает значение true только в том случае, если оба операнда имеют одинаковый тип и значение.

Например:

console.log(1 == '1'); // true
console.log(1 === '1'); // false

#js #собеседование

Вопрос на JavaScript собеседовании.

Как проверить, что две строки являются анаграммами друг друга?

Ответ:
В решении можно сделать так, чтобы регистр символов (большие и маленькие буквы) не влиял на работу кода. Если этого не сделать, то первая заглавная буква в первой строке может всё испортить: во второй строке она будет стоять последней и быть маленькой, а не большой.

var firstWord = "Логика";
var secondWord = "Иголка";
isAnagram(firstWord, secondWord); // два слова являются анаграммами
function isAnagram(first, second) {
// Чтобы избавиться от чувствительности к регистру, сделаем все буквы строчными
var a = first.toLowerCase();
var b = second.toLowerCase();
// Отсортируем строки и соединим полученный массив со строкой. Сравним результаты
a = a.split("").sort().join("");
b = b.split("").sort().join("");
return a === b;
}

#js #собеседование

Вопрос на CSS собеседовании.

Как работает псевдокласс :placeholder-shown?

Ответ:
Псевдокласс :placeholder-shown срабатывает, когда у элементов input или textarea отображается placeholder. Если пользователь начинает ввод текста, то placeholder скрывается, и поэтому псевдокласс :placeholder-shown не применяется.

input:placeholder-shown {
background-color: lightgray;
}

#css #собеседование