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

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

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

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

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

Хотите научиться создавать привлекательные карточки товара без Bootstrap и готовых шаблонов?

📅 9 сентября в 20:00 МСК на открытом уроке мы разберём, как из базовых тегов и CSS-свойств собрать мини-проект, достойный портфолио. Вы увидите, как блок <article> превратить в интерактивную витрину: текст, изображение, кнопка «Купить» и эффекты при наведении.

❗️ Вы поймёте, какие CSS-свойства (margin, padding, background-color, border) отвечают за композицию, а :hover добавит лёгкую анимацию при наведении. В реальном времени создадим карточку, применим шрифты, цвета и узнаем, как обеспечить кросс-браузерность без библиотек и фреймворков.

Урок проходит в преддверие старта курса «JavaScript Developer. Basic» и все участники получат скидку на обучение.

👉 Запишитесь на открытый урок → https://vk.cc/cPdEpU

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

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

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

📅 22 сентября в 20:00 МСК на открытом уроке мы разберём, как добавить в анкету динамические поля, условия показа, счётчики и реакцию на ввод — без React и Vue. Вы увидите, как одна функция может управлять доступностью кнопки и менять структуру DOM в реальном времени.

❗️ Прямо в ходе вебинара создадим интерактивную анкету с радиокнопками, чекбоксами и текстовыми областями, освоим псевдо-отправку и научимся чистому, понятному коду. Спикер продемонстрирует лучшие практики обработки форм и покажет, как без лишнего «кода-шума» добиться гибкости.

👉 Посетите урок и получите скидку на курс «JavaScript Developer. Basic» → https://vk.cc/cPu2O5

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru