Проверяем интернет-скорость!
Хочешь узнать, насколько быстрый у тебя интернет? Для этого есть готовый пакет
Такой скрипт можно встроить в мониторинг или просто проверить сеть без браузера.
Шаг 1 — импортируем:
Шаг 2 — запускаем тест:
Шаг 3 — форматируем и выводим результаты:
🔥 Теперь у тебя свой
📣 Code Ready | #практика
Хочешь узнать, насколько быстрый у тебя интернет? Для этого есть готовый пакет
speedtest-net
, который позволяет получить скорость загрузки, отдачи и пинга. Такой скрипт можно встроить в мониторинг или просто проверить сеть без браузера.
Шаг 1 — импортируем:
const speedTest = require('speedtest-net');
Шаг 2 — запускаем тест:
(async () => {
const res = await speedTest({ acceptLicense: true });
})();
Шаг 3 — форматируем и выводим результаты:
// Загрузка
console.log(`Download: ${(res.download.bandwidth / 125000).toFixed(2)} Mbps`);
// Выгрузка
console.log(`Upload: ${(res.upload.bandwidth / 125000).toFixed(2)} Mbps`);
// Пинг
console.log(`Ping: ${res.ping.latency} ms`);
🔥 Теперь у тебя свой
speedtest
прямо в коде. Можно запускать вручную или добавить в cron
для регулярного замера.Please open Telegram to view this post
VIEW IN TELEGRAM
🔥20❤10🤝4👍1
Тег
<ruby>
используется для аннотации иероглифов или других символов краткими пояснениями - чаще всего это чтение слов в азиатских языках. Внутри тега размещается основной текст и пояснение к нему.Как пишется:
• <rt> — текст подсказки (аннотация)
• <rp> — дополнительный текст для браузеров, не поддерживающих <ruby> (чаще всего, круглые скобки)
Поэтому, используйте
<ruby>
только для небольших фраз или слов.Please open Telegram to view this post
VIEW IN TELEGRAM
🔥23❤12👍7
2🔥12🤝9❤7👍1
В этом гайде создаём интерактивную анимацию, где объект плавно вращается при прокрутке колеса мыши.
Ключевые моменты:
• HTML: минимальная структура с контейнером и анимируемым объектом.
• CSS: градиентный фон, плавные переходы и современный дизайн.
• JS: отслеживание wheel событий и применение CSS transform для вращения.
Подходит для лендингов, портфолио, интерактивных элементов и креативных проектов.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥12❤7🤝4
Меняем громкость системы в Node.js
Иногда нужно программно изменить громкость на устройстве, поставить 100%, выключить звук или приглушить. Это можно сделать через вызов системных команд.
Пример кода (для Windows):
Для Linux:
Для macOS:
🔥 Эти команды можно встроить в оповещение, автонастройку при запуске или управление медиа.
📣 Code Ready | #практика
Иногда нужно программно изменить громкость на устройстве, поставить 100%, выключить звук или приглушить. Это можно сделать через вызов системных команд.
Пример кода (для Windows):
const { exec } = require("child_process");
exec("nircmd.exe setsysvolume 65535"); // 100% громкости
Для Linux:
exec("amixer sset Master 50%"); // 50% громкости
Для macOS:
exec("osascript -e 'set volume output volume 30'"); // 30% громкости
🔥 Эти команды можно встроить в оповещение, автонастройку при запуске или управление медиа.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14👍8🔥7
В этой шпаргалке собраны основные приёмы для получения текущего времени, создания и форматирования дат, извлечения года, месяца, дня, а также локализованного отображения. Они применяются при построении UI, работе с временными метками и форматировании данных для пользователей.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥23🤝12❤5
Forwarded from IT Ready
И как раз сегодня — этот самый день!
Кстати, 256 не с проста:
Это 2 в степени 8, то есть максимальное количество значений, которые может хранить один байт — основа работы компьютеров.
В невисокосный год праздник выпадает на 13 сентября, а в високосный — на 12-е.
Так что, поздравляю всех программистов!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥44❤11👍8😁3
This media is not supported in your browser
VIEW IN TELEGRAM
Здесь собрана огромная база реальных вопросов по бэкенду, DevOps, Data Science и другим направлениям. Всё структурировано по темам и приближено к формату собеседований в компаниях. Это именно тот ресурс, который нужно держать под рукой!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥10🤝7❤1
Озвучка текста на странице!
Нативный JavaScript умеет читать вслух любой текст на странице, это часть
Начнём с базового: озвучим строку с помощью
Добавим функцию, чтобы переиспользовать и задавать любой текст:
Теперь можно вызывать так:
Далее прикрутим к горячей клавише. Пусть Ctrl + R озвучит рандомный совет:
🔥 Голосовой ассистент в одну строчку готов. Можно подключать к уведомлениям, ботам, виджетам — или просто добавить в пасхалку на сайте.
📣 Code Ready | #практика
Нативный JavaScript умеет читать вслух любой текст на странице, это часть
Web Speech API.
Начнём с базового: озвучим строку с помощью
SpeechSynthesisUtterance.
const msg = new SpeechSynthesisUtterance("Привет, мир");
speechSynthesis.speak(msg);
Добавим функцию, чтобы переиспользовать и задавать любой текст:
function speak(text) {
const msg = new SpeechSynthesisUtterance(text);
speechSynthesis.speak(msg);
}
Теперь можно вызывать так:
speak("Текущая температура: 22 градуса и ясно");
Далее прикрутим к горячей клавише. Пусть Ctrl + R озвучит рандомный совет:
document.addEventListener("keydown", (e) => {
if (e.ctrlKey && e.key === "r") {
speak("Не забывай пить воду и делать перерывы");
}
});
🔥 Голосовой ассистент в одну строчку готов. Можно подключать к уведомлениям, ботам, виджетам — или просто добавить в пасхалку на сайте.
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥23❤7👍7
This media is not supported in your browser
VIEW IN TELEGRAM
CodeTour — плагин, который позволяет создавать пошаговые «туры» по коду прямо в VS Code. Можно выделять строки, оставлять комментарии и объединять их в последовательность шагов.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23🔥14❤9
Тег
<mark>
выделяет или подсвечивает важный фрагмент текста. По умолчанию браузеры добавляют жёлтый фоновый цвет #ffff00
(yellow), похожий на выделение канцелярским маркером.Где полезен:
• При поисковой подсветке слов на странице;
• Для акцента на ключевых терминах или предупреждениях;
• В обучающих текстах и документации.
Можно реализовать текстовый поиск, выделяя цветом найденные фрагменты.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18❤8🔥8