JavaScript'er
关闭频道
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
显示更多
网络:6 907
订阅者
-624 小时
-247 天
-10530 天
帖子存档
6 905
mcp-pointer
Під час розробки фронтенд-застосунків за допомогою AI-інструментів часто виникає ситуація: при помилках у прев’ю доводиться вручну надсилати AI детальну інформацію про місце помилки, що досить незручно.
Тепер можна використовувати Pointer — відкритий MCP-сервер, який дозволяє AI «бачити» елементи веб-сторінки, значно підвищуючи ефективність взаємодії з AI під час розробки.
За допомогою гарячих клавіш можна вибрати будь-який елемент на сторінці, після чого AI автоматично отримує повну інформацію про елемент, включно з CSS-властивостями, HTML-структурою, ім’ям React-компонента та іншими детальними даними.
Для роботи потрібен браузерний плагін, який через WebSocket забезпечує реальний час з’єднання між браузером і AI-інструментом.
Плагін уже доступний у магазині розширень, його можна встановити і після однієї команди для налаштування MCP-сервера використовувати в Claude Code або Cursor.
📁 Language: #TypeScript 81.6%
⭐️ Stars: 322
➡️ Посилання на GitHub
JavaScript'еr
6 905
Опануйте повний цикл Blockchain-розробки
й навчиться створювати повноцінні dApps🔒
16 жовтня стартує онлайн-курс Fullstack Blockchain Developer — із практикою, реальним кейсом для портфоліо і підтримкою досвідчених лекторів.
У програмі: 22 заняття, 17 практичних домашніх завдань, 40+ інструментів та курсовий проєкт — повноцінна DAO-платформа.
Ви навчитесь:
🔗 Писати й деплоїти смартконтракти на Solidity — від базової структури та логіки з перевірками до реального деплою в тестнет
⚙️ Взаємодіяти з Web3 через Frontend і Backend — інтегрувати Web3-гаманці в React, підписувати транзакції та працювати з Node.js для API й роботи з блокчейном у реальному часі
🔒 Убезпечувати смартконтракти та захищатися від атак — у симуляторах на базі Ethernaut, щоб надалі працювати з Web3-продуктами в реальному середовищі
Лектори — із Syntora.Tech:
➔ Владислав Бойченко, Co-founder та CTO
➔ Аліна Бабенко, Co-founder та CEO
Детальніше про курс 🔗
+ безоплатний гайд після реєстрації
6 905
Яке значення буде у змінній h після виконання наступного коду?
let h = "abcdefg";
h = h.substring(1, 4);
6 905
Наведення на посилання
Більше 10 ефектів наведення для посилань або кнопок. Реалізовано за допомогою SCSS.
⤷ Забрати код
JavaScript'еr
6 905
🤔 Як виправити витік пам’яті?
- Видаляти обробники подій (removeEventListener).
- Обнуляти змінні, якщо об’єкт більше не потрібен.
- Використовувати WeakMap/WeakSet для зберігання тимчасових посилань.
- Слідкувати за замиканнями та таймерами.
- Профілювати пам’ять у DevTools (вкладка Memory).
JavaScript'ер
6 905
Яке значення буде у змінній f після виконання наступного коду?
let f = "Hello World!";
f = f.split("").reverse().join("");
6 905
Створюй плавні та красиві тіні
Оціни плагін Beautiful Shadows для Figma. Він дозволяє робити гарні тіні простим перетягуванням «джерела світла», яке відкидає тінь на вибрані елементи
Плагін генерує валідні CSS-стилі з box-shadow. Можна скопіювати та вставити у свій проєкт або тему для Tailwind
Вихідні коди відкриті на GitHub
JavaScript'ер
6 905
Деякі React-розробники вважають, що для отримання тултіпів потрібно встановити окрему бібліотеку через
npm install. Це не так
Для іконок-кнопок можна просто використовувати комбінацію атрибута title і тексту для скрінрідерів з класом sr-only з
Tailwind. Це дасть нативний тултіп для лейбла і одночасно покращить доступність.
JavaScript'еr
6 905
Який метод JavaScript дозволяє перевірити, чи містить елемент вказаний клас?
6 905
Анімація градієнтного фону
Поки користувач вивчає інформацію на сайті, фон змінюється на всі кольори веселки. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'еr
6 905
reNgine – інструмент для автоматизованої розвідки веб-додатків
Він призначений для отримання інформації під час тестування на проникнення
Деякі можливості reNgine: — Консолідація даних: Інструмент збирає всю зібрану інформацію в одному місці, що полегшує її аналіз і дії користувача. — Пошук каталогів і файлів: reNgine дозволяє знаходити та завантажувати важливі файли з цільового веб-додатку. — Створення скріншотів: Інструмент робить знімки сторінок цільового веб-додатку, що допомагає візуалізувати його структуру та виявляти потенційні вразливості. — Інтеграція з іншими інструментами: reNgine може інтегруватися з такими інструментами, як Nmap, Dirsearch та інші, для покращення процесу розвідки. ◦ Генерація звітів: Інструмент створює звіти, які містять підсумок процесу розвідки, включаючи вразливості, кінцеві точки, скріншоти та іншу важливу інформацію. ◦ Кросплатформеність: reNgine можна використовувати в системах Windows, Linux та macOS.Мови: HTML (38.6%), Python (33.1%), JavaScript (21.8%), ... ⭐️ Star 8.2k JavaScript'еr
6 905
Repost from Ти не знаєш JavaScript
Порада з JS: можливо, ви не знали про спосіб автоматично екранувати зворотні слеші в рядку
Використовуйте
String.raw, вона повертає рядок як є, без обробки escape-послідовностей на кшталт \t, \n тощо.
Вона трактує \ і t як окремі символи і автоматично екранує зворотний слеш у вихідному рядку.
Ти не знаєш JavaScript
6 905
Який метод JavaScript використовується для створення нового HTML елемента?
6 905
Анімація меню-гамбургера
6 варіантів анімації для кнопки, яка відкриває меню. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'еr
6 905
🤔 Як встановити cookie-файл так, щоб він видалився через 3 дні?
Потрібно задати атрибут часу життя (Expires або Max-Age) на 3 дні вперед від поточної дати. Після цього браузер автоматично видалить cookie після закінчення терміну.
JavaScript'ер
