JavaScript Ready | Программирование
8.18K subscribers
989 photos
60 videos
527 links
Авторский канал по разработке на JavaScript.
Ресурсы, обучения, задачи, шпаргалки.
Ежедневно информация пополняется!

Cотрудничество: @energy_c
Download Telegram
📱 Проверяем число на палиндром в любой системе счисления!

Сегодня напишем небольшую утилиту, которая получает число и систему счисления, переводит его и проверяет, будет ли оно палиндромом.

В этом посте:
• Переводим число в нужную систему через toString(base);

• Проверяем строку на палиндром при помощи реверса;

• Добавляем простую CLI-структуру для интерактивного ввода;

• Формируем аккуратный вывод с пояснением результата.


Такая задача помогает глубже понять внутренние преобразования чисел и учит выстраивать чистую логику проверки.

📣 JS Ready | #задача
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥9❤7🤝2
Создаем глубокую копию объекта!

Раньше, чтобы скопировать объект со всеми вложенными данными, использовали JSON.parse(JSON.stringify(obj)), но это теряло даты, Map, Set и ломало типы. Теперь есть нативное решение — structuredClone().

Создаём объект с вложенными структурами:
const user = {
name: "Alice",
age: 25,
settings: { theme: "dark" },
tags: new Set(["admin", "beta"]),
};


Делаем глубокую копию:
const copy = structuredClone(user);


Копируем его нативно и проверяем независимость:
copy.settings.theme = "light";
copy.tags.add("newbie");

console.log(user.settings.theme); // "dark" — оригинал не изменился
console.log([...user.tags]); // ["admin", "beta"]
console.log(copy !== user); // true — разные объекты


🔥 Работает с объектами, массивами, Map, Set, Date, RegExp и даже Blob/File. Не копирует функции и DOM-элементы, а также не сохраняет прототипы.

📣 JS Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14🔥8🤝6
📱 Разбираем консоль и отладку!

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

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16❤7👍7
📱 Определяем часовой пояс пользователя!

Сегодня создаём простую утилиту, которая по системным настройкам показывает ваш часовой пояс.

В этой задаче:
• Получаем смещение от UTC с помощью getTimezoneOffset();

• Форматируем часы и минуты в читаемый формат UTC±H[:MM];

• Добавляем название часовой зоны через Intl.DateTimeFormat.


Такая практика помогает глубже понять, как JS хранит время и почему без учёта смещения легко запутаться при логировании и API-запросах.

📣 JS Ready | #задача
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15👍8🤝7❤1
📱 Speech & Voice в JavaScript — добавляем голос в интерфейс!

JS может не только считать и анимировать, он способен озвучивать текст и понимать речь.

Сегодня в гайде:
• Добавим синтез речи с выбором голоса и скорости;

• Реализуем простое распознавание голоса;

• Объединим всё в мини-ассистента, который “слышит” и отвечает.


Демонстрация того, что JS не просто язык логики, а инструмент, который способен делать интерфейсы живыми и отзывчивыми на голос!

📣 JS Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥19👍8❤7🤝1