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

Cотрудничество: @energy_c
Download Telegram
📱 Разбираем работу с асинхронностью!

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

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥10❤5🤝2
Что же выведет консоль?
Anonymous Quiz
46%
A
12%
B
22%
C
20%
D
❤13👍11🔥5😁2
📱 Мини-симулятор очереди с приоритетами!

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

В этом посте:
• Реализуем функцию добавления задач с указанием приоритета.

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

• Добавим выполнение и удаление задач из очереди.

• Сделаем мини-инструмент, который легко расширять новыми функциями.


Такой подход полезен для игр, бэкенд-симуляций или просто для практики работы с массивами и объектами.

📣 JS Ready | #задача
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥8❤5🤝2
"Угадай число" — вторая часть: усложняем игру!

Добавляем систему ограниченных попыток и счетчик для большего азарта.

Устанавливаем максимальное количество попыток и создаем счетчик:
const MAX_ATTEMPTS = 7
let attempts = 0


Модифицируем функцию ask() - добавляем проверку на исчерпание попыток:
const ask = () => {
if (attempts >= MAX_ATTEMPTS) {
console.log(`💀 Попытки закончились! Число: ${secret}`)
return rl.close()
}

rl.question(`Угадай число [${min}-${max}]: `, (ans) => {
attempts++
const guess = Number(ans)
if (guess === secret) {
console.log(`🎉 Верно! За ${attempts} попыток`)
return rl.close()
}
console.log(guess > secret ? "Меньше!" : "Больше!")
ask()
})
}


Обновляем приветствие с информацией о лимите попыток:
console.log("🎮 Добро пожаловать в игру!")
console.log(`У вас ${MAX_ATTEMPTS} попыток!`)
ask()


🔥 Теперь игра стала интереснее — есть элемент риска и стратегии! Игрок должен думать о каждом ходе.

📣 JS Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
🤝10👍7🔥7❤1
📱 Хотите, чтобы код оставался чистым даже при множестве вариантов логики?

Сегодня покажу, как с помощью паттерна Strategy в JavaScript легко отделять разные реализации и выбирать их динамически в зависимости от условий.

Основные приёмы:
• Создание базового интерфейса стратегии для единого контракта;

• Реализация конкретных стратегий - каждая со своей логикой;

• Контекст, который делегирует вычисления выбранной стратегии.


Подходит для: расчётов, алгоритмов маршрутизации, оплаты и любых сценариев, где часто меняются правила.

📣 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
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Можно мгновенно прыгать из HTML к нужным CSS стилям прямо в редакторе!

CSS Peek — плагин, который позволяет просматривать стили классов прямо из HTML, не открывая отдельные файлы. Идеально, если нужно быстро понять, какие стили применяются к элементу и не искать нужное в больших проектах. Все прямо в процессе работы.

📣 JS Ready | #vscode
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥18🤝9❤7👍1
📱 Функции высшего порядка!

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

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