Exercism — это платформа для изучения программирования через практические задания. Можно практиковаться на 70 различных языках, в том числе и на JS.

📌 Ссылочка: exercism.org

📣 JS Ready | #сайт

Ты вообще тут?

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

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

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


let isUserActive = true;
let afkTimeout = null;
const AFK_DELAY = 2 * 60 * 1000; // 2 минуты



Создаём функцию активности.
Если пользователь активен — сбрасываем таймер. Если нет — логируем "AFK":


function markUserActive() {
  isUserActive = true;
  clearTimeout(afkTimeout);
  afkTimeout = setTimeout(() => {
    isUserActive = false;
    console.log("AFK...");
  }, AFK_DELAY);
}



Регистрируем действия, при которых считаем пользователя активным:


['mousemove', 'keydown'].forEach(evt =>
  document.addEventListener(evt, markUserActive)
);



Следим за вкладкой.
Если пользователь переключился на другую — сбрасываем активность:


document.addEventListener('visibilitychange', () => {
  isUserActive = !document.hidden;
  if (isUserActive) markUserActive();
});



Готово!
Теперь ты можешь реагировать на бездействие:
отключать фоновые процессы, ставить статус "AFK" или приостанавливать тяжёлые операции.

📣 JS Ready | #практика

JSRobot — небольшая игра, в которой вам предстоит управлять роботом с помощью Javascript для преодоления препятствий и решения головоломок.

📌 Ссылочка: antemalkah.jsrobot

📣 JS Ready | #игра