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

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

Это фундаментальные кирпичики любого кода. Ключевые слова отвечают за область видимости, асинхронность, контекст выполнения, создание объектов и многое другое.

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤15🔥12👍10🤝3
Современное копирование текста через Clipboard API!

Почти каждое веб-приложение сегодня требует возможности быстро скопировать данные: ссылку, токен, код. Для этой задачи используется navigator.clipboard.

Начнём с базовой команды на копирование:
const value = "https://example.com?ref=JS";
navigator.clipboard.writeText(value);


Этот метод возвращает промис, поэтому стоит обернуть его в аккуратную обёртку с обработкой результата:
navigator.clipboard.writeText(value)
.then(() => console.log("✅ Скопировано"))
.catch(err => console.error("❌ Ошибка:", err));


Создадим функцию copyToClipboard, которую можно переиспользовать в любом месте приложения:
function copyToClipboard(text) {
return navigator.clipboard.writeText(text);
}


И используем её в нужный момент (например, по клику или по горячей клавише):
copyToClipboard("PROMO2025").then(() =>
console.log("Промокод отправлен в буфер 🎯")
);


🔥 Всё лаконично и нативно. Главное, что это работает во всех современных браузерах.

📣 JS Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
👍18❤10🤝6
📱 Управляем URL без перезагрузки страницы!

В этом гайде разберём, как с помощью History API вручную управлять адресной строкой. Такой подход используется в SPA, модалках, фильтрах и динамических интерфейсах без фреймворков.

В этом гайде:
• Меняем URL с помощью pushState.

• Сохраняем состояние между вкладками.

• Реагируем на кнопку “Назад”.

• Создаём интерфейс как в приложении.


Может подойти для любого проекта, где важна гибкая навигация без лишнего кода.

📣 JS Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤16👍12🔥6
📱 Пишем командного бота на JavaScript!

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

В этом гайде:
• Создаём базовый класс команды.

• Добавляем команды с отдельной логикой.

• Обрабатываем ввод и запускаем команды.

• Получаем расширяемого бота на чистом JS.


Отличный фундамент для собственного консольного или чатового ассистента.

📣 JS Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤝21❤13👍7🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Уже были разные сайты, и пришло время быстренько изучить Git

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

📌 Оставляю ссылочку: learngitbranching.js

📣 JS Ready | #сайт
Please open Telegram to view this post
VIEW IN TELEGRAM
👍20❤8🔥5
📱 Разбираем приёмы работы со списками объектов — лаконично и без внешних библиотек!

Эти методы помогают писать читаемый код при трансформации, группировке, фильтрации и построении словарей. Особенно полезны в работе с API-данными, UI-таблицами и бизнес-логикой на клиенте.

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