toTime

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

Примеры:
toTime(3600); // => '1 hour(s) and 0 minute(s)'
toTime(3601); // => '1 hour(s) and 0 minute(s)'
toTime(3500); // => '0 hour(s) and 58 minute(s)'
toTime(323500); // => '89 hour(s) and 51 minute(s)'

👉 @frontendInterview

Атрибут capture

Атрибут capture доступен для файловых <input> (тех, что имеют type="file"). Он позволяет выбрать для записи фронтальную или основную камеру телефона пользователя, а также микрофон.
📱 Работает только в мобильных браузерах!

Для атрибута capture доступно два значения:
- user — камера или микрофон направлены в сторону пользователя;
- environment — камера или микрофон направлены от пользователя. «Environment» можно перевести как «наружу» или «в сторону окружающей среды».
Если у capture не указано явно, браузер сам решит, что использовать.

А ещё capture внимательно смотрит на атрибут accept, где указан тип файла для загрузки. Это может быть видео, фотография или аудиозапись. Так выглядит <input> для отправки голосового сообщения:
<input type="file" accept="audio/*" capture="user">

👉 @frontendInterview

.lastIndexOf()

Этот метод просматривает массив или строку справа налево. Если ничего не найдено, метод возвращает -1.
Для массива возвращает индекс последнего вхождения.
Для строки все то же самое, но поиск ведётся по подстрокам и возвращается индекс начала последнего вхождения подстроки.
const arr = [2, 5, 9, 2];
console.log(arr.lastIndexOf(2));
// 3
console.log(arr.lastIndexOf(7));
// -1

console.log("раз собачка, два собачка".lastIndexOf("собачка"));
// 17

👉 @frontendInterview

Почему один middle фронтендер работает над сложными продуктами в крупной компании, а другой делает базовую вёрстку на фрилансе?

Всё дело в том, что нехватка фундаментальных знаний мешает подниматься по карьерной лестнице и проходить собеседования в крутые команды.

Сильный frontend-разработчик чётко понимает, как работает веб, умеет находить баланс между идеальным и быстрым решением, способен разговаривать на одном языке с Backend, QA и DevOps специалистами и даже может делать их работу самостоятельно.

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

На курсе от тимлидов с опытом работы в Вконтакте, Яндексе, Telegram Open Network и Frogly вы приобретёте все знания и навыки, необходимые для работы над крупными проектами в крутой команде, а наши HR обязательно помогут получить оффер от хорошей компании.

Новый поток стартует уже 17 августа!
Записаться

👉 @frontendInterview

Заглянем в будущее и узнаем — что ждёт там, после заветного оффера в IT- или диджитал-компанию. Как происходит адаптация новичков? Как будут оценивать, вписались вы или нет? А когда будет повышение? Эксперты расскажут обо всём этом на вебинаре.

→ Бесплатно, 15 августа в 19:00 по Москве

Спикеры:
◾️Катя Жукова, менеджер по развитию бренда работодателя в «Риалвеб»
◾️Наталия Лебедева, директор по персоналу в Хабре
◾️Владислав Шаргин, руководитель практики подбора персонала в Samokat.tech
◾️Полина Русакова, старший HR-бизнес-партнёр в redmadrobot

Вы узнаете:
— что будет происходить в первый месяц работы;
— что поможет влиться;
— как устроены процессы в IT-компаниях;
— как правильно проявлять инициативу и расти в должности.

→ Зарегистрируйтесь на вебинар

:has

Псевдокласс :has() позволяет выбрать элемент, уточнив основной селектор дополнительным, и при этом не увеличив его «вес». В отличие от привычных селекторов, правило применится только к тому селектору, который был описан до :has().
selector1:has(selector2) {
/* … */
}

selector1 — необязательный селектор (если не указан — правило применится ко всем подходящим элементам). Аргумент selector2 в :has() описывает селектор относительно своей точки отсчёта — selector1.

По сути псевдокласс :has() позволяет уточнить основной селектор дополнительным селектором любой сложности.

💡 Использование :has() не влияет на специфичность, т. е. при расчёте веса селектора учитывается только целевой селектор, к которому применяется этот псевдокласс.

👉 @frontendInterview

Web Design in easy steps, 7th Edition (2023)

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

👉 @frontendInterview

Loop Array

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

Примеры:

 loopArr([1, 5, 87, 45, 8, 8], 'left', 2);

вернет результат: [87, 45, 8, 8, 1, 5]



 loopArr([1, 5, 87, 45, 8, 8], 'right', 2);

вернет результат: [8, 8, 1, 5, 87, 45]

👉 @frontendInterview

Чем отличаются события input и change?

Различие есть для текстовых полей ввода:
input — срабатывает при каждом изменении значения в поле;
change — срабатывает когда изменяемый элемент теряет фокус: например, при переходе к другому полю или клику на другую часть страницы.

Для прочих полей ввода они работают одинаково

👉 @frontendInterview

Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений.

На профессии «Фронтенд-разработчик» вы за 10 месяцев:

✔️Изучите JavaScript в связке с HTML и CSS и освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно.
 ✔️Решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров.

Оцените формат и решите, стоит ли продолжать! Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации!

Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid: 2RanykwK5Sx

👉 @frontendInterview

Напишите простую функцию, чтобы проверить, является ли число целым

function isInteger(num) {
return num % 1 === 0;
}

Эта функция принимает число в качестве аргумента и возвращает true, если число является целым, и false, если число имеет дробную часть.

Например:
console.log(isInteger(4)); // true
console.log(isInteger(4.2)); // false
console.log(isInteger(-3)); // true

👉 @frontendInterview

👉 @frontendInterview