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

711 собесдований и 51 оффер получили наши ученики за лето

- 370k -> Инфра, облачный провайдер
- 235k -> Крупный банк
- 220k -> Fullstack в офис, в регионе
- 371k + премии -> бигтех e-commerce, удаленка
- 250k -> Vue удаленка
- 200k -> Angular удаленка
- 160k -> React удаленка
- 240k -> Vue, удаленка

и другие.... + 11 оффер за сентябрь за сентябрь

👋 Привет, я Тихон — действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и не бросаю на испытательном сроке. Вокруг меня собралось целое комьюнити из фронтендеров.

В нашем канале много ценного для разработчиков по подготовке к собесам👇

Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ

Сборники вопросов по темам:
Кибербезопасность на собеседовании
Все вопросы по React на собеседовании
Все вопросы по TypeScript на собеседовании
Как решать задачи двумя указателями
Вопросы с Vue собеседований
Вопросы по сетям и методологиям с 200 собесов
Вопросы по JS с 200 собесов
Какие задачи спрашивают на livecoding чаще

Полезные посты:
Job-борды для поиска работы
Запись нашего самого кринжового собеса
Новый HTTP метод QUERY

Как я прохожу собесы:
Оффер 260к на Go в Empoycity
Оффер 300к на Go в "Системная интеграция"
Отжал 390 gross + 25% премии в Иннотех
Оффер на лида 415 gross + 20% премии в ПСБ

🏆Статистика по рынку:
Июль, Июнь, Май, Апрель, Март

А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме)

Подписывайся 👇
frontend_punks

Реклама, erid: 2W5zFJPm8mo ИП Галактионов Тихон Витальевич, ИНН 771618975809

Вопрос на 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 #собеседование