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

Cотрудничество: @energy_c
Download Telegram
📱 Разбираем методы Promise API

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

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤12👍7🔥5🤝2
Проверяем интернет-скорость!

Хочешь узнать, насколько быстрый у тебя интернет? Для этого есть готовый пакет 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 для регулярного замера.

📣 JS Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥5🤝4❤2
📱 AbortController: как отменять запросы и операции!

Иногда промисы и fetch продолжают выполняться, даже если результат уже не нужен. Это тратит время и ресурсы. AbortController решает проблему: создаём сигнал => передаём в задачу => при необходимости останавливаем.

В этом гайде:
• Отменяем fetch;

• Управляем несколькими задачами сразу;

• Пишем собственные функции с поддержкой AbortSignal.


Полезно для API, поиска, долгих операций и экономии ресурсов.

📣 JS Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11👍6🔥4
📱 Генератор случайных паролей!

Иногда нужно быстро создать надёжный пароль: для тестовых данных, пользователей или внутренних инструментов. Реализуем генерацию прямо в JS, без сторонних библиотек.

Формируем набор символов и выделяем спецсимволы:
const chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()";
const special = "!@#$%^&*()";


Создаём функцию генерации пароля с проверкой категорий:
function generatePassword(length = 12) {
while (true) {
const pwd = Array.from({ length }, () =>
chars[Math.floor(Math.random() * chars.length)]
).join("");
if (/[a-z]/.test(pwd) && /[A-Z]/.test(pwd) &&
/\d/.test(pwd) && [...pwd].some(c => special.includes(c))) {
return pwd; // пароль прошёл проверку
}}}


Тестируем работу генератора:
for (let i = 0; i < 3; i++) {
console.log(generatePassword());
// пример: A7d!xP0m#kQ2
}


🔥 Можно встроить в формы регистрации, админ-панели или использовать при генерации тестовых данных.

📣 JS Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13❤9🔥6
📱 Консольная анимация загрузки!

Сегодня разберём, как сделать универсальный «аниматор» для терминала: от классических точек (. .. ...) до крутящихся спиннеров и кастомных символов.

В этом посте:
• Работа с массивами и циклическим перебором кадров;

• Управление таймерами (setInterval / clearInterval);

• Добавление кастомных префиксов к анимации;

• Корректная остановка.


В итоге получится мини-библиотека, которая добавит «живости» любому CLI-скрипту и прокачает навык работы с процессами в Node.js.

📣 JS Ready | #задача
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16🔥11❤6🤝3
📱 Разбираем работу с Map!

В этой шпаргалке — базовые приёмы: от создания коллекции и добавления элементов до перебора ключей и значений. Map — удобная структура для хранения пар «ключ-значение» с любыми типами ключей и гарантированным порядком элементов.

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍24🔥11🤝8❤6