JavaScript'er
关闭频道
Заявки приймаємо автоматично! Канал з лайфхаками для кожного поважаючого себе веб-розробника Запросити друга, якщо є: https://t.me/+my7itn9CGMplOTAy Зв'язок: @Ekater1na_admin
显示更多7 350
订阅者
-324 小时
-197 天
-7430 天
帖子存档
7 350
Який метод JavaScript API History дозволяє програмно перейти на одну сторінку назад в історії браузера, аналогічно кнопці "Назад"?
7 350
Кнопки. CSS Hover
Велика кількість анімованих кнопок. Реалізовано за допомогою CSS.
⤷ Взяти код
JavaScript'еr
7 350
Repost from GitHub'er
Lazyssh — це інтерактивний менеджер SSH на основі терміналу, створений за зразком таких інструментів, як lazydocker і k9s, але призначений для управління парком серверів безпосередньо з терміналу.
За допомогою lazyssh ви можете швидко переміщатися, підключатися, управляти та передавати файли між вашим локальним комп'ютером і будь-яким сервером, вказаним у вашому ~/.ssh/config.
Вам більше не потрібно запам'ятовувати IP-адреси або вводити довгі команди scp — тільки зрозумілий інтерфейс з управлінням за допомогою клавіатури.
Github'er
7 350
Порада по веб-доступності: Кращий спосіб зробити посилання тільки з іконками доступними для скринрідерів
Іноді потрібно створювати посилання, що містять тільки іконку. Наприклад: посилання для поширення посту
Але такі посилання недоступні для користувачів скринрідерів
Щоб виправити це, можна вказати підпис у прихованому елементі і пов'язати його з тегом <a> за допомогою атрибутів aria-labelledby і id. Також встановіть aria-hidden="true" на SVG-іконку, щоб скринрідери її пропускали
JavaScript'еr
7 350
Яке значення буде у змінній j після виконання наступного коду?
let j = [1, 2, 3];
j = j.find(x => x > 1);
7 350
Ефект лінії наведення на пункти меню,
що нагадує лінію еквалайзера. Реалізовано за допомогою SCSS.
⤷ Забрати код
JavaScript'еr
7 350
🤔 Які плюси та мінуси дата-біндингу в JS?
Плюси:
- Автоматичне оновлення інтерфейсу користувача при зміні даних;
- Спрощує роботу з формами та динамічними даними.
Мінуси:
- Складніше відлагодити;
- Може бути повільним при великому об'ємі даних;
- Не завжди зрозуміло, що саме оновлюється.
JavaScript'еr
7 350
Який метод JavaScript видаляє перший елемент з масиву і повертає його?
7 350
🧩 JS Analyzer — розширення для Burp Suite
Потужне розширення для статичного аналізу JavaScript, яке витягує API-кінці точки, URL, секрети та адреси електронної пошти з файлів JavaScript за допомогою розумного фільтра шуму. Мета — мінімізувати шум для підвищення точності аналізу.
Основні моменти:
- Виявлення API-кінців точок і маршрутів
- Витяг повних URL, включаючи хмарні сховища
- Сканування на наявність секретів і токенів
- Фільтрація шуму для підвищення точності
- Експорт результатів у JSON
GitHub: https://github.com/jenish-sojitra/JSAnalyzer
JavaScript'еr
7 350
Порада по веб-доступності: Кращий спосіб зробити посилання тільки з іконками доступними для скрінрідерів
Іноді потрібно створювати посилання, що містять тільки іконку. Наприклад: посилання для поширення посту.
Але такі посилання недоступні для користувачів скринрідерів.
Щоб виправити це, можна вказати підпис у прихованому елементі і пов'язати його з тегом <a> за допомогою атрибутів aria-labelledby і id. Також встановіть aria-hidden="true" на SVG-іконку, щоб скринрідери її пропускали.
JavaScript'еr
7 350
Яке значення буде у змінній a після виконання наступного коду?
let a = [1, 2, 3]; a = a.reduce((acc, val) => acc + val, 0);
7 350
bonnert dsignwa effectwa
Простий фон із зміною відтінків від темного до світлого. Реалізовано за допомогою CSS.
⤷ Взяти код
JavaScript'еr
7 350
👩💻Корисна підбірка ресурсів, які допоможуть швидше освоїти TypeScript без зайвої теорії:
• TypeHero – платформа для практики TypeScript. Готові завдання різного рівня та можливість створювати власні – відмінний спосіб набратися досвіду з типами
• TSdiagram – інструмент з відкритим кодом: ви вставляєте TS-файл і миттєво отримуєте наочну діаграму інтерфейсів, типів, класів та їх зв'язків. Дуже зручно для аналізу чужого коду або архітектури
• Visual Types – інтерактивний міні-курс у форматі playground, який допомагає розібратися у складних типах за допомогою експериментів прямо у браузері
Додавайте до закладок – це стане в нагоді кожному, хто працює з TypeScript 👍
JavaScript'еr
7 350
🖥 Вивчаємо React за допомогою інтерактиву та наочних схем
Якщо React здається складним і абстрактним - проблема часто не в вас, а в подачі. Коли не видно, що відбувається під капотом, все перетворюється на магію із хуками та статами.
Цей сайт вирішує саме цю проблему. Він показує React візуально:
як відображається інтерфейс, як оновлюється стан, що відбувається при змінах і чому компонент поводиться саме так.
Не просто теорія, а розуміння механіки.
Заходьте і розберіться в React по-справжньому:
https://react.gg/visualized
JavaScript'еr
现已上线!2025 年 Telegram 研究 — 年度关键洞察 
