Своя система событий (EventBus) на ООП!
Создаём базу для общения компонентов в приложении. Начнем с простого класса:
Теперь добавим метод
Далее
Проверим, как это работает на практике:
🔥 Мини-фреймворк готов! Теперь ты можешь строить масштабируемые интерфейсы с чистой архитектурой.
📣 JS Ready | #практика
Создаём базу для общения компонентов в приложении. Начнем с простого класса:
class EventBus {
constructor() {
this.events = {};
}
}Теперь добавим метод
.on() — подписка на событие:on(event, cb) {
(this.events[event] ||= []).push(cb);
}Далее
.emit() — запуск всех подписчиков:emit(event, data) {
(this.events[event] || []).forEach(cb => cb(data));
}Проверим, как это работает на практике:
const bus = new EventBus();
bus.on('ping', msg => console.log('Получено:', msg));
bus.emit('ping', 'Привет!');
🔥 Мини-фреймворк готов! Теперь ты можешь строить масштабируемые интерфейсы с чистой архитектурой.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥7🤝5
This media is not supported in your browser
VIEW IN TELEGRAM
JSDares — это игровая платформа с открытым исходным кодом, где вы получаете задания от сообщества, которые вам нужно решить.
📌 Оставляю ссылочку: jsdares.com
📣 JS Ready | #игра
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥7❤4🤝1
В этом посте ты разработаешь интерактивный конструктор суши с визуальным стеком и автоматическим подсчётом цены.
Сегодня рассмотрим:
• Добавление ингредиентов по клику.
• Обновление визуального стека.
• Подсчёт итоговой цены в реальном времени.
• Гибкая архитектура.
Подходит для: меню доставки, геймификации, e-commerce-интерфейсов.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥18❤8👍8👎2🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Prettier — плагин для VS Code, который форматирует ваш код по единым стандартам: ставит отступы, пробелы, переносы строк и даже следит за запятыми.
Работает с JavaScript, HTML, CSS и множеством других языков. Особенно полезен в командной разработке — один стиль на всех, меньше споров.
Без лишней суеты — сохраняете файл, и Prettier сам всё приводит в порядок.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤18👍11🔥7
В этом посте создадим интерактивный генератор паролей с настройками, динамической оценкой сложности и кнопкой "Скопировать".
В гайде рассмотрим:
• Генерацию паролей с нужными символами.
• Визуальный индикатор надёжности.
• Копирование в буфер.
• Обратную связь по клику.
Подходит для: форм регистрации, личных кабинетов, безопасных интерфейсов.
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍21🔥9❤7🤝7
Нужно написать скрипт, который случайным образом показывает уровень сигнала от 0 до 5 с помощью символов.
Сегодня в посте:
• Генерируем случайный уровень сигнала через Math.random.
• Строим графическую шкалу на основе массивов символов.
• Обновляем консольный вывод по текущему уровню.
Полезно для тренировки циклов, условных выражений и визуального представления состояния в консоли.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍26❤12🔥11🤝2