JavaScript'er
کانال بسته
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
نمایش بیشتر
شبکه:7 131
مشترکین
-624 ساعت
-217 روز
-7030 روز
آرشیو پست ها
7 131
Вхідний текст любові
8 ефектів для напису перед текстовим полем. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'еr
7 131
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
7 131
Опануйте повний цикл 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
Детальніше про курс 🔗
+ безоплатний гайд після реєстрації
7 131
Яке значення буде у змінній h після виконання наступного коду?
let h = "abcdefg";
h = h.substring(1, 4);
7 131
Наведення на посилання
Більше 10 ефектів наведення для посилань або кнопок. Реалізовано за допомогою SCSS.
⤷ Забрати код
JavaScript'еr
7 131
🤔 Як виправити витік пам’яті?
- Видаляти обробники подій (removeEventListener).
- Обнуляти змінні, якщо об’єкт більше не потрібен.
- Використовувати WeakMap/WeakSet для зберігання тимчасових посилань.
- Слідкувати за замиканнями та таймерами.
- Профілювати пам’ять у DevTools (вкладка Memory).
JavaScript'ер
7 131
Яке значення буде у змінній f після виконання наступного коду?
let f = "Hello World!";
f = f.split("").reverse().join("");
7 131
Створюй плавні та красиві тіні
Оціни плагін Beautiful Shadows для Figma. Він дозволяє робити гарні тіні простим перетягуванням «джерела світла», яке відкидає тінь на вибрані елементи
Плагін генерує валідні CSS-стилі з box-shadow. Можна скопіювати та вставити у свій проєкт або тему для Tailwind
Вихідні коди відкриті на GitHub
JavaScript'ер
7 131
Деякі React-розробники вважають, що для отримання тултіпів потрібно встановити окрему бібліотеку через
npm install. Це не так
Для іконок-кнопок можна просто використовувати комбінацію атрибута title і тексту для скрінрідерів з класом sr-only з
Tailwind. Це дасть нативний тултіп для лейбла і одночасно покращить доступність.
JavaScript'еr
7 131
Який метод JavaScript дозволяє перевірити, чи містить елемент вказаний клас?
7 131
Анімація градієнтного фону
Поки користувач вивчає інформацію на сайті, фон змінюється на всі кольори веселки. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'еr
7 131
reNgine – інструмент для автоматизованої розвідки веб-додатків
Він призначений для отримання інформації під час тестування на проникнення
Деякі можливості reNgine: — Консолідація даних: Інструмент збирає всю зібрану інформацію в одному місці, що полегшує її аналіз і дії користувача. — Пошук каталогів і файлів: reNgine дозволяє знаходити та завантажувати важливі файли з цільового веб-додатку. — Створення скріншотів: Інструмент робить знімки сторінок цільового веб-додатку, що допомагає візуалізувати його структуру та виявляти потенційні вразливості. — Інтеграція з іншими інструментами: reNgine може інтегруватися з такими інструментами, як Nmap, Dirsearch та інші, для покращення процесу розвідки. ◦ Генерація звітів: Інструмент створює звіти, які містять підсумок процесу розвідки, включаючи вразливості, кінцеві точки, скріншоти та іншу важливу інформацію. ◦ Кросплатформеність: reNgine можна використовувати в системах Windows, Linux та macOS.Мови: HTML (38.6%), Python (33.1%), JavaScript (21.8%), ... ⭐️ Star 8.2k JavaScript'еr
7 131
Repost from Ти не знаєш JavaScript
Порада з JS: можливо, ви не знали про спосіб автоматично екранувати зворотні слеші в рядку
Використовуйте
String.raw, вона повертає рядок як є, без обробки escape-послідовностей на кшталт \t, \n тощо.
Вона трактує \ і t як окремі символи і автоматично екранує зворотний слеш у вихідному рядку.
Ти не знаєш JavaScript
7 131
Який метод JavaScript використовується для створення нового HTML елемента?
7 131
Анімація меню-гамбургера
6 варіантів анімації для кнопки, яка відкриває меню. Реалізовано за допомогою CSS.
⤷ Забрати код
JavaScript'еr
