Сегодня напишем компактный прогресс-бар, который обновляется прямо на месте и применяется при загрузке данных, сборке проектов, выполнении тестов или CLI-утилитах.
В этой задаче:
• Используем process.stdout.write() и \r
• Формируем строку прогресса с символами █ и —
• Считаем проценты выполнения
• Добавляем задержку для имитации "живого" обновления
🔥 — если попробуешь повторить
🤝 — если уже делал подобное
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥34👍11❤8🤝4
Задача — вывести дни недели и автоматически подсветить текущий день. Такой мини-календарь отлично подойдёт для трекера привычек, дашборда или расписания — выглядит просто, но учит полезным штукам.
В ходе работы:
• Формируем массив дней недели.
• Находим текущий день с помощью Date.
• Создаём DOM-элементы и добавляем стили.
• Подсвечиваем нужный день прямо в браузере.
🔥 — если узнал что-то новое
🤝 — если попробуешь создать
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21👍19❤10🤝3
❤15👍8🔥8
Пишем параметризованный декоратор, который логирует вызовы асинхронных функций: с именем, временем начала и длительностью выполнения.
В этой задаче:
• Пишем продвинутый декоратор с параметрами
• Используем performance,now() для точного измерения времени
• Формируем лог-сообщения в формате, пригодном для записи в систему логирования
🔥 — если узнал что-то новое
🤝 — если попробуешь сделать
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥20❤10🤝9
Эти функции помогут вам вычислять корни, гипотенузы, округления и даже случайные значения. Незаменимы при работе с координатами, графикой, играми, финансами и любыми задачами, где важны числовые расчёты. Отличная шпора, чтобы код стал лаконичнее, а расчёты — надёжнее.Please open Telegram to view this post
VIEW IN TELEGRAM
❤14👍10🔥10🤝3
Сегодня разберёмся, как с помощью обычного Proxy можно отследить изменения в объекте и связать их напрямую с DOM — без фреймворков и лишнего кода.
В этом посте:
• Создадим реактивный объект, отслеживающий изменения.
• Свяжем его с DOM без фреймворков.
• Разберемся, как работает перехват set в Proxy.
Отличный способ заглянуть под капот реактивности и научиться управлять DOM вручную.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17👍10❤9🤝4